@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700;9..144,800&family=Manrope:wght@300;400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--r-1:3px;--r-2:6px;--r-3:8px;--bg:oklch(97% .008 70);--ink:oklch(18% .02 28);--ink-soft:oklch(42% .02 32);--line:oklch(88% .01 70);--panel:#fff;--rail:oklch(13% .015 25);--accent:oklch(58% .19 40);--accent-hover:oklch(50% .2 38);--warning:oklch(78% .15 74);--danger:oklch(55% .2 25);--success:oklch(62% .15 155);--shadow:0 6px 32px #0000001a}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:Manrope,sans-serif;font-weight:400}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.boot-screen{letter-spacing:-.06em;place-items:center;min-height:100vh;font-family:Fraunces,serif;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;display:grid}.eyebrow{margin:0 0 var(--sp-1);text-transform:uppercase;letter-spacing:.18em;color:var(--ink-soft);font-size:.72rem;font-weight:600}.action-button{background:var(--accent);color:#fff;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-2);text-transform:uppercase;letter-spacing:.06em;border:none;font-size:.78rem;font-weight:700;transition:background .16s}.action-button:hover{background:var(--accent-hover)}.action-button:disabled{opacity:.5;cursor:default}.ghost-button{color:var(--ink);border:1px solid var(--line);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-2);background:0 0;font-size:.82rem;font-weight:600;transition:background .16s}.ghost-button:hover{background:#0000000a}.ghost-button.danger{color:var(--danger);border-color:oklch(88% .04 25)}.ghost-button.danger:hover{background:oklch(96% .03 25)}.action-button:focus-visible,.ghost-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.landing-shell{width:min(1080px, calc(100% - var(--sp-6)));padding:var(--sp-6) 0 var(--sp-5);gap:var(--sp-4);margin:0 auto;display:grid}.hero-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);padding:clamp(var(--sp-4), 3vw, var(--sp-6));border-radius:var(--r-2)}.hero-card h1{letter-spacing:-.06em;max-width:16ch;margin:0;font-family:Fraunces,serif;font-size:clamp(3rem,8vw,5.5rem);font-weight:800;line-height:.92}.hero-actions{gap:var(--sp-3);margin-top:var(--sp-5);flex-wrap:wrap;align-items:center;display:flex}.hero-actions.stacked{flex-direction:column;align-items:stretch;max-width:24rem}.workspace-grid,.template-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.workspace-card{border:1px solid var(--line);border-radius:var(--r-2);padding:var(--sp-3);text-align:left;background:var(--panel);gap:var(--sp-2);cursor:pointer;transition:border-color .16s;display:grid}.workspace-card:hover{border-color:var(--accent)}.workspace-card:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.workspace-card h3{margin:0 0 var(--sp-1);letter-spacing:-.03em;font-family:Fraunces,serif;font-size:1.1rem;font-weight:700}.workspace-card p{color:var(--ink-soft);margin:0;font-size:.82rem;font-weight:300}.studio-shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.rail{background:var(--rail);color:#fff5ece0;padding:var(--sp-2);gap:var(--sp-2);border-right:1px solid #ffffff0f;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.rail-head{padding:var(--sp-3) var(--sp-2);gap:var(--sp-1);border-bottom:1px solid #ffffff0f;display:grid}.rail-brand{text-transform:uppercase;letter-spacing:.14em;opacity:.4;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-size:.68rem;font-weight:600}.rail-brand:hover{opacity:.7}.rail-workspace{align-items:baseline;gap:var(--sp-2);display:flex}.rail-workspace strong{letter-spacing:-.04em;font-family:Fraunces,serif;font-size:1.3rem;font-weight:700;line-height:1}.slot-count{color:#fff5ec73;font-size:.72rem;font-weight:300}.agent-nav{gap:var(--sp-1);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.agent-row{width:100%;color:inherit;padding:var(--sp-2);padding-left:calc(var(--sp-2) - 3px);text-align:left;justify-content:space-between;align-items:center;gap:var(--sp-2);border-radius:var(--r-1);background:0 0;border:1px solid #0000;border-left-width:3px;font-size:.85rem;transition:background .12s,border-color .12s;display:flex}.agent-row:hover{background:#ffffff0d}.agent-row.selected{border-left-color:var(--accent);background:#ffffff0a}.agent-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.agent-row strong{font-weight:600}.agent-row.selected strong{font-weight:700}.agent-meta{align-items:center;gap:var(--sp-1);color:#fff5ec66;font-size:.72rem;font-weight:300;display:flex}.new-agent-trigger{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-1);color:#fff5ec59;text-align:left;background:0 0;border:1px dashed #ffffff1f;font-size:.82rem;font-weight:600;transition:border-color .16s,color .16s}.new-agent-trigger:hover{color:#fff5eca6;border-color:#ffffff40}.new-agent-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.canvas{padding:var(--sp-2);min-height:0}.canvas-grid{gap:var(--sp-2);min-height:calc(100vh - var(--sp-4));grid-template-columns:1fr minmax(300px,.4fr);display:grid}.canvas-empty{gap:var(--sp-4);padding:var(--sp-5) var(--sp-3);align-content:start;display:grid}.canvas-empty h2{letter-spacing:-.05em;margin:0;font-family:Fraunces,serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;line-height:.95}.template-card{border:1px solid var(--line);border-radius:var(--r-2);background:var(--panel);padding:var(--sp-3);text-align:left;gap:var(--sp-1);cursor:pointer;transition:border-color .16s;display:grid}.template-card:hover{border-color:var(--accent)}.template-card:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.template-card strong{font-size:.85rem;font-weight:700}.template-card span{color:var(--ink-soft);font-size:.82rem;font-weight:300;line-height:1.4}.console-zone{flex-direction:column;min-height:0;display:flex}.console-shell{background:var(--panel);border:1px solid var(--line);min-height:0;box-shadow:var(--shadow);border-radius:var(--r-3);padding:var(--sp-3);flex-direction:column;flex:1;display:flex}.console-header{justify-content:space-between;align-items:center;gap:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--line);margin-bottom:var(--sp-3);display:flex}.console-header h3{letter-spacing:-.03em;margin:0;font-family:Fraunces,serif;font-size:1.1rem;font-weight:700}.console-actions{gap:var(--sp-2);align-items:center;display:flex}.messages-shell{gap:var(--sp-2);min-height:0;padding-right:var(--sp-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.message{border-radius:var(--r-2);padding:var(--sp-2) var(--sp-3);gap:var(--sp-1);max-width:88%;display:grid}.message.inbound{background:oklch(97% .005 70)}.message.outbound{background:var(--accent);color:#fff;margin-left:auto}.message-meta{text-transform:uppercase;letter-spacing:.08em;opacity:.65;font-size:.72rem;font-weight:700}.message-body{white-space:pre-wrap;font-size:.85rem;line-height:1.5}.tool-card{border-radius:var(--r-1);padding:var(--sp-2) var(--sp-3);background:#00000006}.tool-card.approval{border:1px solid oklch(88% .06 65);border-left:4px solid var(--warning);background:oklch(97% .04 65)}.tool-card-header{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.tool-card-header strong{font-size:.82rem;font-weight:700}.tool-card pre{margin:var(--sp-2) 0 0;white-space:pre-wrap;max-width:100%;color:var(--ink-soft);font-size:.78rem;overflow:auto}.tool-card-actions{gap:var(--sp-2);margin-top:var(--sp-2);align-items:center;display:flex}.composer{gap:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--line);margin-top:auto;display:grid}.config-zone{gap:var(--sp-2);max-height:calc(100vh - var(--sp-4));top:var(--sp-2);flex-direction:column;display:flex;position:sticky;overflow-y:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--sp-3)}.panel-head{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);display:flex}.panel-head h3{letter-spacing:-.03em;margin:0;font-family:Fraunces,serif;font-size:1.1rem;font-weight:700}.section-head{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.editor-fold{border:1px solid var(--line);border-radius:var(--r-2);background:var(--panel);overflow:hidden}.editor-summary{justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-3);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.85rem;font-weight:600;list-style:none;display:flex}.editor-summary::-webkit-details-marker{display:none}.editor-summary:before{content:"▶";opacity:.35;flex-shrink:0;font-size:.6rem;transition:transform .16s}.editor-fold[open]>.editor-summary:before{transform:rotate(90deg)}.editor-panel{padding:var(--sp-3);border-top:1px solid var(--line)}.form-grid{gap:var(--sp-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid .wide{grid-column:1/-1}label{gap:var(--sp-1);color:var(--ink-soft);font-size:.82rem;font-weight:500;display:grid}input,textarea,select{border-radius:var(--r-1);border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);padding:var(--sp-2) var(--sp-3);resize:vertical;font-size:.85rem}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:2px solid oklch(58% .19 40/.4)}.scope-grid{grid-column:1/-1;gap:0;display:grid}.scope-grid h3{margin:0 0 var(--sp-2);font-size:.82rem;font-weight:700}.scope-row{justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0;display:flex}.scope-row+.scope-row{border-top:1px solid var(--line)}.scope-row.disabled{opacity:.4}.scope-toggle{align-items:center;gap:var(--sp-2);display:flex}.scope-toggle input,.scope-approval input{width:auto}.scope-controls{align-items:center;gap:var(--sp-2);margin-left:auto;display:flex}.scope-controls select{width:auto;font-size:.82rem}.scope-approval{align-items:center;gap:var(--sp-1);font-size:.82rem;display:flex}.panel-actions{gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.session-list{gap:var(--sp-1);display:grid}.session-row{border-radius:var(--r-1);width:100%;color:var(--ink);padding:var(--sp-2) var(--sp-3);text-align:left;justify-content:space-between;align-items:center;gap:var(--sp-2);cursor:pointer;background:0 0;border:none;transition:background .12s;display:flex}.session-row:hover{background:#0000000a}.session-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.session-row strong{font-size:.85rem;font-weight:600}.session-row span{color:var(--ink-soft);font-size:.72rem;font-weight:300}.session-stats{align-items:center;gap:var(--sp-2);color:var(--ink-soft);font-size:.72rem;font-weight:300;display:flex}.share-row{justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0;display:flex}.share-row+.share-row{border-top:1px solid var(--line)}.share-box{margin-bottom:var(--sp-2)}.badge{border-radius:var(--r-2);padding:var(--sp-1) var(--sp-2);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;font-size:.72rem;font-weight:700;display:inline-flex}.badge.info{color:oklch(36% .07 240);background:oklch(92% .03 240)}.badge.success{color:oklch(28% .08 155);background:oklch(88% .08 155)}.badge.warning{color:oklch(32% .1 50);background:oklch(88% .1 65)}.badge.muted{color:oklch(50% .01 50);background:oklch(94% .005 70)}.callout{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--sp-3);font-size:.85rem}.callout.error{border:1px solid oklch(88% .04 25);border-left:4px solid var(--danger);color:oklch(42% .12 25);background:oklch(97% .01 25)}.empty-state{gap:var(--sp-2);padding:var(--sp-5);text-align:center;align-content:center;display:grid}.empty-state h4{letter-spacing:-.03em;margin:0;font-family:Fraunces,serif;font-weight:700}.empty-state p{color:var(--ink-soft);margin:0;font-size:.82rem;font-weight:300}.empty-state.compact{padding:var(--sp-3)}.empty-rail{padding:var(--sp-2);color:var(--ink-soft);font-size:.82rem;font-weight:300}.share-join-field{gap:var(--sp-1);max-width:22rem;display:grid}@media (width<=1120px){.studio-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.rail{height:auto;padding:var(--sp-2);gap:var(--sp-3);border-bottom:1px solid #ffffff0f;border-right:none;flex-direction:row;align-items:center;position:static;overflow-x:auto}.rail-head{padding:var(--sp-1) var(--sp-2);border-bottom:none;flex-shrink:0}.agent-nav{gap:var(--sp-1);flex-direction:row;flex:none;overflow-x:auto}.agent-row{white-space:nowrap;padding-left:var(--sp-2);border-left:none;flex-shrink:0}.agent-row.selected{border-left:none;border-bottom:2px solid var(--accent);padding-bottom:calc(var(--sp-2) - 2px)}.new-agent-trigger{white-space:nowrap;flex-shrink:0}.canvas-grid{grid-template-columns:1fr}.config-zone{max-height:none;position:static}}@media (width<=640px){.landing-shell,.canvas{padding:var(--sp-1)}.console-zone{min-height:70vh}.form-grid{grid-template-columns:1fr}.scope-row,.share-row,.panel-head{flex-direction:column;align-items:stretch}.message,.tool-card{max-width:100%}}