:root{--havelock:#00a6ff;--purple-heart:#8152f2;--blush:#ff5eed;--steel:#222039;--turquoise:#58e5ff;--mauve:#cda9f6;--deep-purple:#671ebc;--aero:#c6fad9;--purple-pizzazz:#ff00e5;--yellow-orange:#ffaa4b;--positive:#2ed47a;--negative:#ff5a3d;--mischka:#cdcfdd;--selago:#e8eaf8;--zircon:#f0f2fb;--bg-0:#0e0c20;--bg-1:#1a182f;--bg-2:#222039;--bg-3:#2c2945;--line:#2e2b48;--line-2:#3d3a60;--ink:#f0f2fb;--ink-dim:#cdcfdd;--ink-faint:#8a86b3;--ink-ghost:#5b577e;--user-tint:var(--turquoise);--assist-tint:var(--blush);--tool-tint:var(--havelock);--thought-tint:var(--mauve);--grad-soft:linear-gradient(135deg,#5de4ff 0%,#ff5eed 35%,#00a6ff 65%,#ff00e5 100%);--grad-deep:linear-gradient(135deg,#00a6ff 0%,#ff00e5 100%);--grad-line:linear-gradient(90deg,transparent 0%,#00a6ff80 30%,#ff5eed8c 60%,transparent 100%);--grad-line-v:linear-gradient(180deg,transparent 0%,#00a6ff66 30%,#ff5eed66 70%,transparent 100%);--shadow-1:0 1px 0 #ffffff0a,0 8px 24px #00000080;--shadow-2:0 24px 60px #000000b3;--glow-pink:0 0 24px #ff5eed2e;--glow-blue:0 0 24px #00a6ff33;--r-sm:4px;--r-md:8px;--r-lg:14px;--r-pill:999px;--display:"Poppins",-apple-system,BlinkMacSystemFont,sans-serif;--sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--mono:"JetBrains Mono",ui-monospace,"SF Mono",monospace;--titlebar-h:48px;--tabbar-h:38px;--statusbar-h:28px;--sidebar-w:284px;--files-w:320px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}html{height:100dvh}body{background:radial-gradient(circle at 18% -8%,#8152f238,transparent 42%),radial-gradient(circle at 92% 110%,#ff5eed29,transparent 50%),radial-gradient(circle at 100% 0%,#00a6ff1a,transparent 35%),var(--bg-0);color:var(--ink);font-family:var(--sans);font-feature-settings:"ss01","cv11","calt";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden;font-size:13.5px;line-height:1.55}body:before{content:"";position:fixed;pointer-events:none;z-index:1000;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");inset:0}body.drawer-open{overflow:hidden}button,input,textarea,select{color:inherit;font-family:inherit}::selection{color:var(--ink);background:#ff5eed59}:focus-visible{outline:2px solid var(--havelock);outline-offset:2px;border-radius:4px}a{color:var(--havelock)}.app{display:grid;grid-template-columns:var(--sidebar-w)1fr var(--files-w);grid-template-rows:var(--titlebar-h)var(--tabbar-h)1fr var(--statusbar-h);grid-template-areas:"title    title   title" "tabs     tabs    tabs" "sidebar  main    files" "status   status  status";height:100vh;position:relative;width:100vw;height:100dvh}.app[data-files-open=false]{grid-template-columns:var(--sidebar-w)1fr 0}.app[data-files-open=false] .files-panel{display:none}.app[data-sidebar-open=false]{grid-template-columns:0 1fr var(--files-w)}.app[data-sidebar-open=false][data-files-open=false]{grid-template-columns:0 1fr 0}.app[data-sidebar-open=false] .sidebar{display:none}.titlebar{animation:fade-down .36s 60ms both ease-out}.tabs{animation:fade-down .36s .14s both ease-out}.sidebar{animation:slide-in-left .42s .14s both cubic-bezier(.2,.8,.2,1)}.main{animation:fade-up .42s .22s both ease-out}.files-panel{animation:slide-in-right .42s .14s both cubic-bezier(.2,.8,.2,1)}.statusbar{animation:fade-up .36s .32s both ease-out}@keyframes fade-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes slide-in-right{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.titlebar{grid-area:title;display:flex;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);user-select:none;position:relative;z-index:30;background:linear-gradient(#222039eb 0%,#1a182fc7 100%);align-items: center;gap:12px;padding:0 16px}.titlebar:after{content:"";position:absolute;background:var(--grad-line);opacity:.55;pointer-events:none;height:1px;inset:auto 0 -1px}.brand{display:flex;align-items: center;gap:10px;height:100%}.brand-mark-icon{display:none;filter:drop-shadow(0 0 12px #ff5eed59);flex-shrink:0;width:22px;height:22px}.brand-logo{display:block;filter:brightness(0)invert(1)drop-shadow(0 0 6px #ffffff0f);width:auto;height:18px}.brand-suffix{font-family:var(--display);letter-spacing:-.025em;color:var(--ink);border-left:1px solid var(--line-2);padding-left:11px;font-size:16px;font-weight:500;line-height:1}.titlebar .spacer{flex:1}.kbd-hint{font-family:var(--mono);color:var(--ink-faint);letter-spacing:.05em;white-space:nowrap;font-size:10px}.kbd{display:inline-block;border:1px solid var(--line-2);font-family:var(--mono);color:var(--ink-dim);background:#00000047;border-radius:4px;padding:1px 6px;font-size:10px;line-height:1.4}.icon-btn{display:none;border-radius:var(--r-md);color:var(--ink-dim);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items: center;width:36px;height:36px;transition:background .14s,color .14s,border-color .14s}.icon-btn:hover{color:var(--ink);background:#ffffff0a}.icon-btn:active{transform:scale(.96)}.mobile-only{display:none}.sidebar{grid-area:sidebar;border-right:1px solid var(--line);display:flex;overflow:hidden;position:relative;z-index:20;background:linear-gradient(#1a182feb,#141226eb);flex-direction:column;min-width:0}.sidebar:after{content:"";position:absolute;background:var(--grad-line-v);opacity:.4;pointer-events:none;width:1px;inset:0 -1px 0 auto}.sidebar-section{border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px;padding:16px 14px}.sidebar-section.scrolly{overflow-y:auto;border-bottom:none;flex:1;padding:4px 0}.section-title{font-family:var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);display:flex;justify-content:space-between;align-items: center;padding:14px 16px 8px;font-size:10px;font-weight:500}.section-title.flush{padding:0 0 4px}.count-pill{font-family:var(--mono);color:var(--ink-faint);background:var(--bg-2);border-radius:var(--r-pill);border:1px solid var(--line);padding:2px 8px;font-size:10px}.project-button{display:flex;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;text-align:left;position:relative;overflow:hidden;align-items: center;gap:10px;min-height:42px;padding:10px 12px;transition:border-color .16s,background .16s,transform 80ms}.project-button:hover{border-color:var(--line-2);background:var(--bg-3)}.project-button:active{transform:translateY(1px)}.project-button.slim{min-height:36px;padding:8px 11px}.project-button .name{font-family:var(--mono);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11.5px}.project-button .count{font-family:var(--mono);color:var(--ink-faint);font-size:10px}.project-button .chev{color:var(--ink-faint);font-size:11px}.project-button .dot-icon{background:var(--grad-deep);box-shadow:var(--glow-pink);border-radius:50%;flex-shrink:0;width:10px;height:10px}.project-picker{display:flex;border-radius:var(--r-md);border:1px solid var(--line);background:#00000047;flex-direction:column;gap:4px;margin-top:2px;padding:8px}.picker-empty{color:var(--ink-faint);padding:6px 4px;font-size:11.5px;font-style:italic}.path-input{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink);font-family:var(--mono);outline:none;min-height:36px;padding:8px 10px;transition:border-color .16s,box-shadow .16s;font-size:11px}.path-input:focus{border-color:var(--havelock);box-shadow:0 0 0 3px #00a6ff26}.session-search{display:flex;align-items: center;gap:6px;padding:6px 14px 10px}.session-search input{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-sm);font-size:11.5px;font-family:var(--mono);color:var(--ink);outline:none;flex:1;min-height:34px;padding:8px 10px;transition:border-color .16s,box-shadow .16s}.session-search input:focus{border-color:var(--havelock);box-shadow:0 0 0 3px #00a6ff26}.session-row{display:block;cursor:pointer;border-left:2px solid #0000;padding:11px 16px;transition:background .16s,border-color .16s}.session-row:hover{background:#8152f214}.session-row.active{border-left-color:var(--havelock);background:linear-gradient(90deg,#00a6ff1a,#0000 80%)}.session-row .id{font-family:var(--mono);letter-spacing:.12em;color:var(--ink-faint);text-transform:uppercase;font-size:9.5px}.session-row .preview{color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;margin-top:4px;font-size:12.5px;line-height:1.45}.session-row .meta{display:flex;font-family:var(--mono);color:var(--ink-faint);gap:10px;margin-top:6px;font-size:10px}.session-row .meta .cost{color:var(--blush)}.btn{font-family:var(--sans);border:1px solid var(--line-2);color:var(--ink);border-radius:var(--r-md);cursor:pointer;letter-spacing:0;white-space:nowrap;background:0 0;min-height:36px;padding:9px 14px;transition:all .16s;font-size:12.5px;font-weight:500}.btn:hover{border-color:var(--havelock);color:var(--havelock);box-shadow:var(--glow-blue)}.btn.primary{background:var(--grad-deep);color:#fff;position:relative;overflow:hidden;border-color:#0000;font-weight:600;box-shadow:0 4px 18px #00a6ff40}.btn.primary:after{content:"";position:absolute;opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff2e,#0000 50%);transition:opacity .16s;inset:0}.btn.primary:hover{filter:brightness(1.08);box-shadow:0 6px 26px #ff00e559}.btn.primary:hover:after{opacity:1}.btn.icon{display:inline-flex;justify-content:center;align-items: center;width:30px;height:30px;min-height:0;padding:0}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn:disabled:hover{border-color:var(--line-2);color:var(--ink);box-shadow:none;filter:none}.tabs{grid-area:tabs;display:flex;border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;position:relative;z-index:18;background:#141226a6;align-items:stretch}.tabs::-webkit-scrollbar{height:4px}.tab{display:flex;border-right:1px solid var(--line);cursor:pointer;font-family:var(--mono);color:var(--ink-dim);white-space:nowrap;position:relative;scroll-snap-align:start;background:0 0;border-top:none;border-bottom:none;border-left:none;flex-shrink:0;align-items: center;gap:9px;padding:0 18px;transition:background .16s,color .16s;font-size:11.5px}.tab:hover{color:var(--ink);background:#8152f214}.tab.active{color:var(--ink);background:#0e0c2099}.tab.active:after{content:"";position:absolute;background:var(--grad-deep);height:2px;inset:auto 0 -1px;box-shadow:0 0 12px #ff00e573}.indicator{background:var(--ink-ghost);display:inline-block;border-radius:50%;flex-shrink:0;width:7px;height:7px}.indicator.connected{background:var(--positive);box-shadow:0 0 8px var(--positive)}.indicator.busy{background:var(--blush);box-shadow:0 0 10px var(--blush);animation:pulse 1.2s infinite}.indicator.error{background:var(--negative);box-shadow:0 0 8px var(--negative)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.82)}}.tab .close{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 5px;font-size:13px;line-height:1}.tab .close:hover{color:var(--ink);background:#ffffff0f}.tab-new{display:flex;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items: center;padding:0 18px;transition:color .16s;font-size:18px}.tab-new:hover{color:var(--blush)}.tab-new:disabled{opacity:.3;cursor:not-allowed}.main{grid-area:main;display:flex;position:relative;background:0 0;flex-direction:column;min-width:0;min-height:0}.main-toolbar{display:flex;border-bottom:1px solid var(--line);font-family:var(--mono);color:var(--ink-dim);background:#1412268c;align-items: center;gap:10px;min-height:44px;padding:10px 22px;font-size:11.5px}.toolbar-state{text-transform:lowercase;letter-spacing:.06em;color:var(--ink)}.main-toolbar .session-id{color:var(--ink-faint)}.main-toolbar .spacer{flex:1}.main-toolbar select{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-sm);font-family:var(--mono);color:var(--ink);outline:none;max-width:100%;min-height:30px;padding:6px 10px;transition:border-color .16s,box-shadow .16s;font-size:10.5px}.main-toolbar select:focus{border-color:var(--havelock);box-shadow:0 0 0 3px #00a6ff26}.stream{overflow-y:auto;display:flex;scroll-behavior:smooth;position:relative;flex-direction:column;flex:1;gap:22px;padding:32px 40px 48px}.stream:before{content:"";position:absolute;background:var(--grad-line-v);opacity:0;pointer-events:none;width:1px;transition:opacity .32s;inset:0 auto 0 0}.stream[data-busy=true]:before{opacity:.7;animation:gutter-pulse 2.4s infinite ease-in-out}@keyframes gutter-pulse{0%,to{opacity:.45}50%{opacity:.85}}.stream-empty{text-align:center;display:flex;position:relative;flex-direction:column;align-items: center;gap:14px;max-width:560px;margin:auto;padding:48px 24px}.hero-helix{position:absolute;opacity:.18;pointer-events:none;filter:blur(.4px);animation:hero-helix-drift 22s linear infinite;width:100%;height:220px;inset:24px 0 auto}@keyframes hero-helix-drift{0%{transform:translate(-2%)}50%{transform:translate(2%)}to{transform:translate(-2%)}}.hero-mark{display:block;filter:drop-shadow(0 16px 44px #ff00e547);mix-blend-mode:screen;position:relative;z-index:1;width:132px;height:auto;margin-bottom:4px}.hero-title{font-family:var(--display);letter-spacing:-.045em;background:var(--grad-soft);color:#0000;position:relative;z-index:1;-webkit-background-clip:text;background-clip:text;margin-top:6px;font-size:44px;font-weight:700;line-height:1}.hero-rule{background:var(--grad-deep);opacity:.7;position:relative;z-index:1;width:64px;height:1px;margin:12px 0 4px}.hero-tag{font-family:var(--display);letter-spacing:.04em;color:var(--ink-dim);position:relative;z-index:1;font-size:18px;font-weight:500}.hero-tag.dim{color:var(--ink-faint);letter-spacing:0;font-size:14px;font-weight:400}.stream-empty .sub{font-family:var(--mono);letter-spacing:.05em;color:var(--ink-faint);position:relative;z-index:1;margin-top:14px;font-size:11px;line-height:2}.stream-empty.compact{gap:6px;padding:26px 20px}.stream-empty.compact .sub{margin-top:6px;line-height:1.6}.msg{position:relative;max-width:86ch;padding:0}.msg .role-tag{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);display:flex;align-items: center;gap:8px;margin-bottom:8px;font-size:9px}.msg .role-tag .swatch{border-radius:2px;width:8px;height:8px}.msg-body{white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.65}.msg.user{border:1px solid var(--line);border-radius:var(--r-md);position:relative;background:linear-gradient(135deg,#58e5ff0f,#00a6ff0a);align-self: flex-end;max-width:70ch;padding:14px 16px}.msg.user:before{content:"";position:absolute;background:linear-gradient(180deg,var(--turquoise),var(--havelock));opacity:.55;border-radius:2px;width:2px;inset:14px auto 14px -3px}.msg.user .role-tag{color:var(--turquoise)}.msg.user .role-tag .swatch{background:var(--turquoise);box-shadow:0 0 6px var(--turquoise)}.msg.assistant{color:var(--ink)}.msg.assistant .role-tag .swatch{background:var(--grad-deep);box-shadow:var(--glow-pink)}.msg.assistant .role-tag{background:var(--grad-soft);color:#0000;-webkit-background-clip:text;background-clip:text}.system-line{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);border:1px dashed var(--line-2);border-radius:var(--r-pill);background:#00000038;align-self: center;padding:5px 14px;font-size:10px}.result-line{display:flex;border-top:1px dashed var(--line);font-family:var(--mono);color:var(--ink-dim);letter-spacing:.06em;flex-wrap:wrap;justify-content:center;align-self:stretch;gap:14px;margin-top:10px;padding:14px 0 6px;font-size:10px}.result-line .pill{border:1px solid var(--line-2);border-radius:var(--r-pill);background:#00000047;padding:3px 11px}.result-line .cost{color:var(--blush);background:#ff5eed14;border-color:#ff5eed66}.tool{border-left:2px solid var(--tool-tint);font-family:var(--mono);align-self: flex-start;width:100%;max-width:86ch;padding:0 0 0 14px;font-size:11.5px}.tool.thinking{border-left-color:var(--thought-tint)}.tool .tool-head{display:flex;cursor:pointer;color:var(--tool-tint);user-select:none;align-items: center;gap:8px;min-height:28px;padding:4px 0}.tool.thinking .tool-head{color:var(--thought-tint)}.tool .tool-head .tag{letter-spacing:.05em;font-weight:700}.tool .tool-head .arg{color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:400}.tool .tool-head .chev{color:var(--ink-faint);transition:transform .16s}.tool[data-open=true] .tool-head .chev{transform:rotate(90deg)}.tool .tool-body{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-sm);white-space:pre-wrap;word-break:break-word;color:var(--ink);overflow:auto;max-height:420px;margin-top:8px;padding:11px 13px}.tool .tool-body.diff-wrap{background:0 0;border:none;padding:0}.tool .result-head{letter-spacing:.14em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:6px;font-size:9px}.diff{font-family:var(--mono);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;font-size:11px}.diff .file{background:var(--bg-2);letter-spacing:.06em;color:var(--ink-dim);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:8px 13px;font-size:10px}.diff .lines{overflow-x:auto;padding:6px 0}.diff .line{white-space:pre;display:flex;gap:10px;padding:0 13px}.diff .line .gutter{color:var(--ink-faint);text-align:right;user-select:none;flex-shrink:0;width:28px}.diff .line.add{color:var(--positive);background:#2ed47a12}.diff .line.del{color:var(--negative);background:#ff5a3d12}.diff .line.ctx{color:var(--ink-dim)}.md{font-family:var(--sans);color:var(--ink);font-size:13.5px;line-height:1.7}.md>*+*{margin-top:12px}.md h1,.md h2,.md h3,.md h4{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);margin-top:22px;font-weight:600;line-height:1.25}.md h1{font-size:26px;font-weight:700}.md h2{font-size:20px}.md h3{font-size:16px}.md a{color:var(--havelock);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#00a6ff80;transition:color .16s}.md a:hover{color:var(--blush);text-decoration-color:var(--blush)}.md code{font-family:var(--mono);border:1px solid var(--line);color:var(--mauve);background:#00000061;border-radius:4px;padding:1px 6px;font-size:12px}.md pre{font-family:var(--mono);border:1px solid var(--line);border-radius:var(--r-md);overflow-x:auto;position:relative;background:#00000061;padding:14px 16px;font-size:12px;line-height:1.55}.md pre .lang{position:absolute;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);font-size:9px;top:8px;right:12px}.md pre code{color:var(--ink);font-size:inherit;background:0 0;border:none;padding:0}.md ul,.md ol{padding-left:22px}.md li{margin:4px 0}.md blockquote{border-left:3px solid var(--blush);color:var(--ink-dim);font-family:var(--display);border-radius:0 var(--r-sm)var(--r-sm)0;background:#ff5eed0a;padding:8px 14px;font-style:italic;font-weight:400}.md hr{border:none;border-top:1px dashed var(--line);margin:20px 0}.md table{border-collapse:collapse;display:block;overflow-x:auto;font-size:12px}.md th,.md td{border:1px solid var(--line);padding:8px 12px}.md th{background:var(--bg-2)}.hljs-keyword,.hljs-selector-tag,.hljs-built_in{color:var(--blush)}.hljs-string,.hljs-attr{color:var(--positive)}.hljs-number,.hljs-literal{color:var(--yellow-orange)}.hljs-comment{color:var(--ink-faint);font-style:italic}.hljs-function .hljs-title,.hljs-title.function_{color:var(--turquoise)}.hljs-tag,.hljs-name{color:var(--mauve)}.hljs-variable,.hljs-attribute{color:var(--ink)}.hljs-meta,.hljs-meta-keyword{color:var(--ink-faint)}.hljs-type,.hljs-class .hljs-title{color:var(--havelock)}.composer{border-top:1px solid var(--line);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:16px 22px calc(18px + var(--safe-bottom));position:relative;background:#141226c7}.composer:before{content:"";position:absolute;background:var(--grad-line);opacity:.55;pointer-events:none;height:1px;inset:0 0 auto}.composer .row{display:flex;align-items: flex-end;gap:12px}.composer textarea{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);font-family:var(--sans);color:var(--ink);resize:none;outline:none;flex:1;min-width:0;min-height:56px;max-height:240px;padding:13px 16px;transition:border-color .16s,box-shadow .16s,background .16s;font-size:14.5px;line-height:1.55}.composer textarea:focus{border-color:var(--havelock);background:#222039;box-shadow:0 0 0 3px #00a6ff24}.composer textarea:disabled{opacity:.5}.composer textarea::placeholder{color:var(--ink-faint)}.composer .actions{display:flex;flex-direction:column;gap:6px;min-width:78px}.composer .hint{font-family:var(--mono);color:var(--ink-faint);letter-spacing:.05em;display:flex;flex-wrap:wrap;gap:16px;margin-top:10px;font-size:10px}.composer .hint strong{color:var(--blush);font-weight:500}.files-panel{grid-area:files;border-left:1px solid var(--line);display:flex;overflow:hidden;position:relative;z-index:20;background:linear-gradient(#1a182feb,#141226eb);flex-direction:column}.files-panel:before{content:"";position:absolute;background:var(--grad-line-v);opacity:.4;pointer-events:none;width:1px;inset:0 auto 0 -1px}.files-list{overflow-y:auto;flex:1}.file-row{display:flex;border-bottom:1px solid var(--line);cursor:pointer;font-family:var(--mono);align-items: center;gap:10px;min-height:38px;padding:10px 16px;transition:background .14s;font-size:11.5px}.file-row:hover{background:#00a6ff0f}.file-row .badge{letter-spacing:.12em;font-size:9px;font-weight:700;font-family:var(--mono);border-radius:3px;flex-shrink:0;padding:2px 7px}.file-row .badge.W{color:var(--positive);background:#2ed47a26}.file-row .badge.E{color:var(--yellow-orange);background:#ffaa4b26}.file-row .badge.M{color:var(--havelock);background:#00a6ff26}.file-row .badge.R{color:var(--mauve);background:#cda9f626}.file-row .path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);flex:1}.file-row .count{color:var(--ink-faint);font-size:10px}.statusbar{grid-area:status;border-top:1px solid var(--line);display:flex;font-family:var(--mono);color:var(--ink-faint);letter-spacing:.04em;user-select:none;z-index:10;background:#141226d9;align-items: center;gap:16px;padding:0 18px;font-size:10.5px}.statusbar .group{display:flex;align-items: center;gap:6px}.statusbar .spacer{flex:1}.statusbar .ok{color:var(--positive)}.statusbar .warn{color:var(--blush)}.statusbar .err{color:var(--negative)}.statusbar button{color:var(--ink-faint);cursor:pointer;font:inherit;background:0 0;border:none;border-radius:3px;padding:4px;transition:color .14s,background .14s}.statusbar button:hover{color:var(--ink);background:#ffffff0a}.statusbar .brand-mark{font-family:var(--display);letter-spacing:.06em;background:var(--grad-soft);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:11px;font-weight:600}.palette-overlay{position:fixed;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;z-index:100;animation:overlay-in .2s ease-out;background:#0000008c;justify-content:center;align-items: flex-start;padding:14vh 16px 16px;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.palette{border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--shadow-2),0 0 60px #00a6ff24;overflow:hidden;display:flex;position:relative;animation:palette-in .22s cubic-bezier(.2,.8,.2,1);background:linear-gradient(#222039f7,#1a182ff7);flex-direction:column;width:min(640px,100%);max-height:70vh}@keyframes palette-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:none}}.palette:before{content:"";position:absolute;background:var(--grad-soft);opacity:.7;height:2px;inset:0 0 auto}.palette input{outline:none;font-family:var(--sans);color:var(--ink);border:none;border-bottom:1px solid var(--line);background:0 0;min-height:56px;padding:18px 22px;font-size:16px}.palette input::placeholder{color:var(--ink-faint)}.palette-list{overflow-y:auto;padding:6px 0}.palette-row{display:flex;cursor:pointer;align-items: center;gap:12px;min-height:44px;padding:12px 22px;transition:background .1s;font-size:13px}.palette-row.active{background:linear-gradient(90deg,#00a6ff26,#ff00e50a)}.palette-row .icon{color:var(--havelock);font-family:var(--mono);flex-shrink:0;width:18px;font-size:12px}.palette-row .label{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.palette-row .desc{color:var(--ink-faint);font-size:11px;font-family:var(--mono);flex-shrink:0}.drawer-backdrop{position:fixed;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:28;animation:overlay-in .2s ease-out;display:none;background:#0000008c;inset:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-2);background-clip:content-box;border:2px solid #0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--ink-faint);background-clip:content-box}.thinking-pulse{display:inline-flex;gap:4px;margin-left:4px}.thinking-pulse span{background:var(--blush);animation:dot 1.2s infinite ease-in-out;border-radius:50%;width:4px;height:4px}.thinking-pulse span:nth-child(2){animation-delay:.15s;background:var(--havelock)}.thinking-pulse span:nth-child(3){animation-delay:.3s;background:var(--purple-heart)}@keyframes dot{0%,80%,to{opacity:.2;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:1099px){:root{--sidebar-w:248px;--files-w:0px}.app{grid-template-columns:var(--sidebar-w)1fr 0}.app .files-panel{position:fixed;top:var(--titlebar-h);bottom:var(--statusbar-h);border-left:1px solid var(--line-2);z-index:40;display:flex;box-shadow:var(--shadow-2);width:min(360px,92vw);transition:transform .28s cubic-bezier(.2,.8,.2,1);right:0;transform:translate(100%)}.app[data-files-open=true] .files-panel,.app[data-mobile-files=true] .files-panel{transform:translate(0)}.app[data-files-open=false] .files-panel{display:flex}.stream{padding:28px 28px 36px}}@media (max-width:767px){:root{--titlebar-h:56px;--tabbar-h:38px;--statusbar-h:30px}body{font-size:13px}.desktop-only{display:none!important}.mobile-only{display:inline-flex!important}.icon-btn{display:inline-flex}.brand-mark-icon{display:block}.brand-logo{height:16px}.brand-suffix{padding-left:10px;font-size:14px}.titlebar{gap:10px;padding:0 12px}.kbd-hint{display:none}.app{grid-template-columns:0 1fr 0;grid-template-rows:var(--titlebar-h)var(--tabbar-h)1fr var(--statusbar-h);grid-template-areas:"title  title  title" "tabs   tabs   tabs" "main   main   main" "status status status"}.sidebar{position:fixed;inset:var(--titlebar-h)auto var(--statusbar-h)0;z-index:40;border-right:1px solid var(--line-2);box-shadow:var(--shadow-2);animation:none;width:min(320px,86vw);transition:transform .32s cubic-bezier(.2,.8,.2,1);transform:translate(-105%);display:flex!important}.app[data-mobile-sidebar=true] .sidebar{transform:translate(0)}.files-panel{position:fixed;inset:var(--titlebar-h)0 var(--statusbar-h)auto;z-index:40;border-left:1px solid var(--line-2);box-shadow:var(--shadow-2);animation:none;width:min(360px,92vw);transition:transform .32s cubic-bezier(.2,.8,.2,1);transform:translate(105%);display:flex!important}.app[data-mobile-files=true] .files-panel{transform:translate(0)}.drawer-backdrop{display:block}.stream{gap:18px;padding:22px 18px 32px}.main-toolbar{overflow-x:auto;flex-wrap:nowrap;gap:8px;padding:8px 14px;font-size:11px}.main-toolbar select{max-width:180px;padding:6px 8px;font-size:10px}.tabs{padding:0 4px}.tab{padding:0 14px;font-size:11px}.tab-new{padding:0 14px}.composer{padding:12px 14px calc(14px + var(--safe-bottom))}.composer textarea{min-height:52px;padding:12px 14px;font-size:16px}.composer .actions{min-width:0}.composer .actions .btn{min-height:38px;padding:9px 12px}.composer .hint{gap:12px;font-size:9.5px}.stream-empty{gap:10px;padding:28px 16px}.hero-helix{opacity:.14;height:160px}.hero-mark{width:100px}.hero-title{font-size:32px}.hero-tag{font-size:15px}.stream-empty .sub{font-size:10.5px;line-height:1.7}.statusbar{gap:12px;padding:0 12px;font-size:10px}.msg.user{max-width:85%;padding:12px 14px}.msg-body,.md{font-size:14px}.md h1{font-size:22px}.md h2{font-size:18px}.md h3{font-size:15px}.tool{padding-left:12px;font-size:11px}.tool .tool-body{padding:10px 12px}.palette-overlay{padding-top:8vh}.palette{max-height:84vh}.palette input{padding:16px 18px;font-size:16px}.palette-row{padding:12px 18px}.palette-row .desc{display:none}}@media (max-width:380px){.titlebar{gap:6px;padding:0 10px}.brand-suffix{display:none}.stream-empty .sub{font-size:10px}.hero-title{font-size:28px}.session-row{padding:10px 14px}}@media (hover:none){.btn:hover{box-shadow:none}.session-row:hover,.file-row:hover{background:0 0}.tab:hover{color:var(--ink-dim);background:0 0}}.brief-picker{display:flex;border:1px solid var(--line);border-radius:var(--r-md);position:relative;overflow:hidden;background:linear-gradient(#00a6ff0a,#ff5eed06);flex-direction:column;gap:6px;padding:12px 12px 14px}.brief-picker:before{content:"";position:absolute;background:var(--grad-line);opacity:.5;height:1px;inset:0 0 auto}.brief-picker-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.brief-eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);font-size:9px}.link-btn{color:var(--havelock);font-family:var(--mono);letter-spacing:.06em;cursor:pointer;background:0 0;border:none;padding:0;transition:color .14s;font-size:10px}.link-btn:hover{color:var(--blush)}.kbd-inline{font-family:var(--mono);color:var(--ink-faint);font-size:9px}.brief-select{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink);font-family:var(--sans);outline:none;min-height:34px;padding:7px 9px;transition:border-color .16s,box-shadow .16s;font-size:12px}.brief-select:focus{border-color:var(--havelock);box-shadow:0 0 0 3px #00a6ff24}.brief-preview{font-family:var(--mono);color:var(--ink-faint);border-left:1px solid var(--line-2);border-radius:0 var(--r-sm)var(--r-sm)0;background:#0000002e;padding:6px 8px;font-size:10.5px;line-height:1.5}.brief-chip{display:inline-flex;border-radius:var(--r-pill);cursor:pointer;font-family:var(--mono);color:var(--ink);background:linear-gradient(135deg,#00a6ff1f,#ff5eed1a);border:1px solid #ff5eed4d;align-items: center;gap:8px;max-width:220px;padding:4px 10px;transition:filter .14s,box-shadow .14s;font-size:10.5px}.brief-chip:hover{filter:brightness(1.1);box-shadow:0 0 0 3px #ff5eed1f}.brief-chip-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);font-size:9px}.brief-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-group{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-pill);background:#0000004d;flex-shrink:0;gap:0;padding:2px}.mode-chip{color:var(--ink-faint);font-family:var(--mono);letter-spacing:.04em;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:5px 11px;transition:color .14s,background .14s;font-size:10.5px}.mode-chip:hover{color:var(--ink)}.mode-chip.active{background:var(--grad-deep);color:#fff;font-weight:500;box-shadow:0 2px 10px #00a6ff4d}.mode-chip.active:hover{color:#fff}.tab-label{font-family:var(--sans);letter-spacing:-.005em;font-size:12.5px;font-weight:500}.tab-cost{font-family:var(--mono);color:var(--blush);border-radius:var(--r-pill);background:#ff5eed14;border:1px solid #ff5eed40;padding:1px 6px;font-size:10px}.jump-latest{position:absolute;background:var(--grad-deep);color:#fff;font-family:var(--mono);letter-spacing:.04em;border-radius:var(--r-pill);cursor:pointer;z-index:5;animation:jump-in .22s cubic-bezier(.2,.8,.2,1);border:none;padding:8px 16px;font-size:11px;font-weight:500;bottom:110px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00a6ff66,inset 0 0 0 1px #ffffff0d}@keyframes jump-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.jump-latest:hover{filter:brightness(1.1)}@media (max-width:767px){.jump-latest{padding:7px 14px;font-size:10.5px;bottom:132px}}.briefs-modal{border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--shadow-2),0 0 80px #ff00e51f;display:flex;position:relative;overflow:hidden;animation:palette-in .22s cubic-bezier(.2,.8,.2,1);background:linear-gradient(#222039f7,#1a182ffa);flex-direction:column;width:min(900px,100%);max-height:86vh}.briefs-modal:before{content:"";position:absolute;background:var(--grad-soft);opacity:.7;height:2px;inset:0 0 auto}.briefs-head{display:flex;border-bottom:1px solid var(--line);align-items: flex-start;gap:14px;padding:22px 24px 18px}.briefs-eyebrow{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);display:block;margin-bottom:6px;font-size:10px}.briefs-title h2{font-family:var(--display);letter-spacing:-.025em;color:var(--ink);margin:0;font-size:24px;font-weight:700}.briefs-title{flex:1}.briefs-sub{color:var(--ink-dim);max-width:60ch;margin:8px 0 0;font-size:12.5px;line-height:1.55}.briefs-body{display:grid;grid-template-columns:240px 1fr;flex:1;min-height:0}.briefs-list{border-right:1px solid var(--line);display:flex;background:#0000002e;flex-direction:column;min-height:0}.briefs-list-head{display:flex;font-family:var(--mono);color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 16px;font-size:10px}.briefs-list-scroll{overflow-y:auto;flex:1}.brief-row{display:grid;grid-template-columns:1fr auto 12px;text-align:left;border:none;border-bottom:1px solid var(--line);cursor:pointer;color:var(--ink-dim);background:0 0;align-items: center;gap:8px;width:100%;padding:11px 14px;transition:background .14s,color .14s}.brief-row:hover{color:var(--ink);background:#ffffff08}.brief-row.selected{color:var(--ink);background:linear-gradient(90deg,#00a6ff1a,#0000 80%)}.brief-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}.brief-row-meta{font-family:var(--mono);color:var(--ink-faint);font-size:10px}.brief-active-dot{border:1px solid var(--line-2);background:0 0;border-radius:50%;width:8px;height:8px}.brief-active-dot.on{background:var(--grad-deep);box-shadow:0 0 8px var(--blush);border-color:#0000}.briefs-editor{display:flex;flex-direction:column;gap:16px;min-height:0;padding:22px 24px}.brief-field{display:flex;flex-direction:column;gap:6px}.brief-field>span{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);font-size:10px}.brief-field input,.brief-field textarea{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink);font-family:var(--sans);outline:none;resize:none;padding:11px 14px;transition:border-color .16s,box-shadow .16s;font-size:13.5px;line-height:1.55}.brief-field textarea{font-family:var(--sans);flex:1;min-height:200px}.brief-field input:focus,.brief-field textarea:focus{border-color:var(--havelock);box-shadow:0 0 0 3px #00a6ff24}.brief-actions{display:flex;align-items: center;gap:10px}.brief-actions .spacer{flex:1}.briefs-empty{text-align:left;color:var(--ink-dim);display:flex;flex-direction:column;align-items: flex-start;gap:12px;padding:8px 4px}.briefs-empty-eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);font-size:10px}.briefs-empty h3{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:18px;font-weight:600}.briefs-empty p{color:var(--ink-dim);max-width:56ch;margin:0;font-size:13px;line-height:1.6}.briefs-empty p code{font-family:var(--mono);border:1px solid var(--line);color:var(--mauve);background:#00000059;border-radius:4px;padding:1px 6px;font-size:11.5px}.toaster{position:fixed;bottom:calc(var(--statusbar-h) + 16px + var(--safe-bottom));z-index:200;display:flex;pointer-events:none;flex-direction:column;gap:8px;max-width:min(420px,100vw - 36px);right:18px}.toast{pointer-events:auto;display:flex;border:1px solid var(--line-2);border-left:3px solid var(--havelock);border-radius:var(--r-md);box-shadow:var(--shadow-1);color:var(--ink);animation:toast-in .24s cubic-bezier(.2,.8,.2,1);background:linear-gradient(#222039f7,#1a182ffa);align-items: center;gap:10px;padding:11px 12px 11px 14px;font-size:12.5px}.toast.warn{border-left-color:var(--yellow-orange)}.toast.error{border-left-color:var(--negative)}.toast.success{border-left-color:var(--positive)}.toast .toast-text{flex:1;line-height:1.45}.toast-dismiss{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:12px}.toast-dismiss:hover{color:var(--ink);background:#ffffff0d}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:767px){.toaster{left:12px;right:12px;bottom:calc(var(--statusbar-h) + 90px + var(--safe-bottom));max-width:none}.briefs-body{grid-template-columns:1fr;grid-template-rows:200px 1fr}.briefs-list{border-right:none;border-bottom:1px solid var(--line)}.briefs-head{padding:18px 18px 14px}.briefs-title h2{font-size:20px}.briefs-editor{gap:12px;padding:16px 18px}.brief-field textarea{min-height:160px;font-size:14px}}