:root{--font-sans:"IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-code:var(--text-xs);--text-sm:.8125rem;--text-md:.875rem;--text-lg:1rem;--text-title:1.25rem;--radius:8px;--radius-sm:6px;--column:47.5rem;--topbar:3.25rem;--tap:32px;--page:#fafaf9;--surface:#fff;--surface-2:#f4f4f2;--surface-hover:#f0f0ed;--border:#e4e4e0;--border-strong:#cfcfca;--text:#1b1b19;--text-2:#5c5c57;--text-3:#6e6e68;--accent:#1b1b19;--on-accent:#fff;--focus:var(--text-2);--link:#2458d6;--ok:#1a7f37;--warn:#9a6200;--danger:#c0272d;--danger-surface:#fdf1f1;--add-bg:#e8f6ec;--add-gutter:#d3eedc;--add-text:#116329;--del-bg:#fcecec;--del-gutter:#f6d8d8;--del-text:#a4161a;--shadow:0 1px 2px #0000000a, 0 8px 24px #00000014;--avatar-0:#e3e0f6;--avatar-0-fg:#3d3291;--avatar-1:#e6eedb;--avatar-1-fg:#3b5217;--avatar-2:#f6e3d6;--avatar-2-fg:#7a3b12;--avatar-3:#d9ecf2;--avatar-3-fg:#16526a;--avatar-4:#f3dde8;--avatar-4-fg:#7c2350;--avatar-5:#ece8d6;--avatar-5-fg:#5a4a0d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--page:#111112;--surface:#18181a;--surface-2:#202023;--surface-hover:#26262a;--border:#2c2c30;--border-strong:#3c3c42;--text:#ececea;--text-2:#a9a9a3;--text-3:#999993;--accent:#ececea;--on-accent:#111112;--focus:var(--text-2);--link:#7aa2ff;--ok:#4ec46f;--warn:#e0a846;--danger:#f2666b;--danger-surface:#2a1718;--add-bg:#13291b;--add-gutter:#173320;--add-text:#7ee29b;--del-bg:#301719;--del-gutter:#3a1a1d;--del-text:#ff9da1;--shadow:0 1px 2px #0006, 0 8px 24px #00000080;--avatar-0:#2e2a55;--avatar-0-fg:#c9c2ff;--avatar-1:#2b3a1c;--avatar-1-fg:#c6e39d;--avatar-2:#4a2c19;--avatar-2-fg:#f6c6a2;--avatar-3:#173c4a;--avatar-3-fg:#a6dcef;--avatar-4:#4a1f35;--avatar-4-fg:#f5b5d4;--avatar-5:#3d3614;--avatar-5-fg:#e6d68d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--page);height:100%;color:var(--text);font-family:var(--font-sans);margin:0}body{font-size:var(--text-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;caret-color:var(--link);scrollbar-color:var(--border-strong) transparent;line-height:1.55}::selection{background:color-mix(in srgb, var(--link) 22%, transparent)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}code,pre,kbd,.mono{font-family:var(--font-mono);font-size:.93em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 12px;position:absolute;top:8px;left:12px;transform:translateY(calc(-100% - 16px))}.skip-link:focus{transform:none}.app{flex-direction:column;height:100dvh;min-height:0;display:flex}.topbar{height:var(--topbar);border-bottom:1px solid var(--border);background:var(--surface);flex:none;align-items:center;gap:12px;min-width:0;padding:0 16px;display:flex}.brand{color:var(--text);font-weight:600;font-size:var(--text-lg);letter-spacing:-.01em;border-radius:var(--radius-sm);flex:none;align-items:center;gap:8px;text-decoration:none;display:flex}.brand img{width:30px;height:30px;display:block}.brand-mark-dark,:root[data-theme=dark] .brand-mark-light{display:none!important}:root[data-theme=dark] .brand-mark-dark{display:block!important}.crumbs{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.crumbs .sep{color:var(--border-strong);flex:none}.crumbs h1{font-size:var(--text-lg);letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-weight:600;overflow:hidden}.topbar-actions{flex:none;align-items:center;gap:8px;display:flex}.mock-badge{font-size:var(--text-xs);color:var(--warn);white-space:nowrap;border:1px solid;border-radius:999px;padding:1px 8px;font-weight:500}.btn{min-height:var(--tap);color:var(--text);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);line-height:1.2;font-size:var(--text-sm);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-hover)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent);opacity:.88}.btn-primary:disabled{opacity:1;background:var(--surface-2);border-color:var(--border);color:var(--text-3)}.btn-danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 55%, transparent)}.btn-danger:hover:not(:disabled){background:var(--danger-surface)}.btn-ghost{background:0 0;border-color:#0000}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--radius-sm);color:var(--text-2);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:inline-grid}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn.bordered{border-color:var(--border-strong)}.pill{min-height:var(--tap);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-2);white-space:nowrap;background:var(--surface);align-items:center;gap:7px;padding:0 10px;display:inline-flex}.dot{background:var(--text-3);border-radius:50%;flex:none;width:8px;height:8px}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.danger{background:var(--danger);border-radius:2px}.dot.past-failure{border-radius:2px}.dot.idle{box-shadow:inset 0 0 0 2px var(--text-3);background:0 0}.dot.pulse{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.avatar{border-radius:var(--radius-sm);width:2.5em;height:2.5em;font-size:var(--text-2xs);letter-spacing:.02em;-webkit-user-select:none;user-select:none;flex:none;place-items:center;font-weight:600;display:inline-grid}.avatar.lg{width:2.66em;height:2.66em;font-size:var(--text-xs)}.tone-0{background:var(--avatar-0);color:var(--avatar-0-fg)}.tone-1{background:var(--avatar-1);color:var(--avatar-1-fg)}.tone-2{background:var(--avatar-2);color:var(--avatar-2-fg)}.tone-3{background:var(--avatar-3);color:var(--avatar-3-fg)}.tone-4{background:var(--avatar-4);color:var(--avatar-4-fg)}.tone-5{background:var(--avatar-5);color:var(--avatar-5-fg)}.watchers{font-size:var(--text-sm);color:var(--text-2);align-items:center;gap:8px;display:flex}.watchers .stack{display:flex}.watchers .stack .avatar{border:2px solid var(--surface);border-radius:50%;margin-left:-6px}.watchers .stack .avatar:first-child{margin-left:0}.menu-wrap{position:relative}.menu{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:220px;box-shadow:var(--shadow);padding:4px;position:absolute;top:calc(100% + 6px);right:0}.menu-item{border-radius:var(--radius-sm);text-align:left;width:100%;min-height:36px;color:var(--text);font-size:var(--text-md);background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;text-decoration:none;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--surface-hover);outline-offset:-2px}.menu-item .hint{color:var(--text-3);font-size:var(--text-xs);margin-left:auto}.share-menu{width:max-content;min-width:280px;max-width:calc(100vw - 32px)}.share-menu .menu-item{min-height:max(36px, var(--tap));padding:8px 10px}.share-menu .menu-item svg,.share-menu .hint{flex-shrink:0}.share-menu .hint{white-space:nowrap}.share-menu .share-menu-manage,.share-menu .share-menu-publish{border-top:1px solid var(--border);border-top-left-radius:0;border-top-right-radius:0;margin-top:4px}.share-menu .menu-item[aria-disabled=true]{color:var(--text-3);cursor:wait}.thread-menu{width:320px;max-width:calc(100vw - 16px);max-height:calc(100dvh - var(--topbar) - 24px);overflow-y:auto}.thread-menu .menu-item{min-height:max(36px, var(--tap));padding:8px 10px}.thread-menu .menu-item svg{flex-shrink:0}.thread-menu .menu-value{color:var(--text-2);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:right;margin-left:auto}.thread-menu-divider{background:var(--border);height:1px;margin:4px 6px}.thread-menu-status:hover{background:0 0}.thread-menu .sandbox-full,.thread-menu .sandbox-cap{display:none}.thread-menu .pill .sandbox-short{display:inline}.thread-menu-usage{width:560px}.thread-menu .menu-item[aria-disabled=true]{color:var(--text-3);cursor:wait}.publish-address span{overflow-wrap:anywhere;min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);text-underline-offset:2px;text-decoration:underline}.toast{bottom:8.75rem;left:50%;bottom:calc(anchor(top) + 8px);position-anchor:--composer-dock;z-index:50;background:var(--accent);color:var(--on-accent);border-radius:var(--radius);font-size:var(--text-sm);box-shadow:var(--shadow);padding:8px 14px;position:fixed;transform:translate(-50%)}.app:has(.jump) .toast{position-anchor:--jump-control;bottom:calc(anchor(top) + 8px)}.workspace{flex:1;min-height:0;display:flex;position:relative}.thread-pane{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.scroller{overscroll-behavior:contain;flex:1;scroll-padding-bottom:24px;position:relative;overflow:hidden auto}.column{width:100%;max-width:var(--column);margin:0 auto;padding:0 20px}.transcript{flex-direction:column;gap:14px;padding-top:20px;padding-bottom:28px;display:flex}.turn{flex-direction:column;gap:12px;display:flex}.msg-user{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:auto minmax(0,1fr);gap:12px;padding:12px 14px;display:grid}.msg-meta{font-size:var(--text-sm);color:var(--text-2);flex-wrap:wrap;align-items:baseline;gap:6px;line-height:1.4;display:flex}.msg-meta .name{color:var(--text);font-weight:600}.msg-meta .tag{font-size:var(--text-xs);background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);border-radius:4px;padding:0 6px;font-weight:500}.agent-run{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"avatar meta""avatar body";gap:4px 12px;padding-left:15px;display:grid}.agent-avatar{background:var(--accent);color:var(--on-accent);grid-area:avatar}.agent-avatar svg{fill:currentColor;width:58%;height:58%}.agent-meta{grid-area:meta;margin:0;padding-top:1px}.agent-body{flex-direction:column;grid-area:body;gap:12px;min-width:0;display:flex}.msg-meta time{color:var(--text-3)}.msg-text{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:3px}.msg-assistant{overflow-wrap:anywhere}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose p,.prose ul,.prose ol,.prose pre,.prose blockquote{margin:0 0 10px}.prose ul,.prose ol{padding-left:22px}.prose li+li{margin-top:3px}.prose code{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:0 4px}.prose pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;line-height:1.5;overflow-x:auto}.prose pre code{background:0 0;border:0;padding:0}.prose a,.prose-app-link{color:var(--link)}.dev-server{margin:8px 0}.prose-app-link{font:inherit;text-underline-offset:.15em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;display:inline}.prose h1,.prose h2,.prose h3{font-size:var(--text-md);margin:14px 0 6px;font-weight:600}.prose table{border-collapse:collapse;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);padding:4px 8px}.msg-assistant[aria-busy=true] .prose:empty:after,.msg-assistant[aria-busy=true] .prose>:is(p,h1,h2,h3,blockquote):last-child:after,.msg-assistant[aria-busy=true] .prose>:is(ul,ol):last-child>li:last-child:after{content:"";vertical-align:-2px;background:var(--text-2);width:7px;height:1em;margin-left:2px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.system-event .row{min-height:var(--tap);border-radius:var(--radius-sm);color:var(--text-2);font-size:var(--text-xs);padding:4px 0}.system-event .row .icon,.system-event .row .chev{color:var(--text-3)}.system-event .row .verb{overflow-wrap:anywhere;flex:0 auto;min-width:0;font-weight:500}.system-event .event-count{color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums}.system-event button.row:focus-visible{outline-offset:0;border-radius:var(--radius-sm)}.system-event .row-body{padding:4px 0 8px 24px}.tools{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.tools>*+*{border-top:1px solid var(--border)}.row{text-align:left;width:100%;min-height:36px;font-size:var(--text-sm);color:var(--text);background:0 0;border:0;align-items:center;gap:10px;min-width:0;padding:6px 12px;display:flex}button.row:hover{background:var(--surface-hover)}button.row:focus-visible{outline-offset:-2px;border-radius:0}.row .icon{color:var(--text-2);flex:none}.row .verb{flex:none;font-weight:500}.row .target{font-family:var(--font-mono);font-size:var(--text-code);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.row .spacer{flex:1}.row .when{color:var(--text-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex:none}.row .chev{color:var(--text-3);flex:none;transition:transform .12s}.row[aria-expanded=true] .chev{transform:rotate(90deg)}.stat{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex:none}.stat .add{color:var(--add-text)}.stat .del{color:var(--del-text);margin-left:6px}.row .gist{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.failed{color:var(--danger);font-size:var(--text-xs);flex:none;align-items:center;gap:4px;font-weight:500;display:inline-flex}.status-err{color:var(--danger);flex:none}.spin{color:var(--text-2);flex:none;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.row-body{min-width:0;padding:0 12px 12px 38px}.todo-list{font-size:var(--text-sm);overflow-wrap:anywhere;line-height:1.55}.todo-list section+section{margin-top:14px}.todo-list h2{font-size:inherit;margin:0 0 6px;font-weight:600}.todo-list ul{margin:0;padding:0;list-style:none}.todo-list li{align-items:baseline;gap:8px;padding:4px 0;display:flex}.todo-list li>.icon{flex:none;align-self:flex-start;margin-top:3px}.todo-state{font-size:var(--text-xs);color:var(--text-2);margin-left:8px;display:inline-block}.todo-blocker{color:var(--text-2);margin:2px 0 0}.todo-raw{margin-top:10px}.todo-raw summary{min-height:var(--tap);cursor:pointer;font-size:var(--text-xs);color:var(--text-2);align-content:center;display:list-item}.output{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:320px;font-family:var(--font-mono);font-size:var(--text-xs);white-space:pre;color:var(--text);margin:0;padding:8px 10px;line-height:1.55;overflow:auto}.note{font-size:var(--text-sm);color:var(--text-2)}.summary-row .count{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.summary-row .sub{color:var(--text-2);font-size:var(--text-xs);flex:none}.trace-exploration{margin:0}.diff{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);max-height:480px;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.6;overflow:auto}.diff-table{border-collapse:collapse;width:max-content;min-width:100%}.diff-table td{vertical-align:top;white-space:pre;padding:0}.diff-table .ln{text-align:right;width:1%;min-width:40px;color:var(--text-3);-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;padding:0 8px}.diff-table .mark{-webkit-user-select:none;user-select:none;width:18px;padding-left:4px}.diff-table .code{padding-right:16px}.diff-table tr.add{background:var(--add-bg)}.diff-table tr.add .ln{background:var(--add-gutter)}.diff-table tr.add .ln,.diff-table tr.add .mark,.diff-table tr.add .code{color:var(--add-text)}.diff-table tr.del{background:var(--del-bg)}.diff-table tr.del .ln{background:var(--del-gutter)}.diff-table tr.del .ln,.diff-table tr.del .mark,.diff-table tr.del .code{color:var(--del-text)}.diff-table tr.hunk td{color:var(--text-3);background:var(--surface-2);padding:2px 8px}.changed h2{font-size:var(--text-sm);margin:4px 0 8px;font-weight:600}.changed .files{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.changed .files>*+*{border-top:1px solid var(--border)}.changed .file-body{border-top:1px solid var(--border);padding:0}.changed .file-body .diff{border:0;border-radius:0}.notice{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);font-size:var(--text-sm);overflow-wrap:anywhere;align-items:flex-start;gap:10px;min-width:0;padding:10px 12px;display:flex}.notice.error{border-color:color-mix(in srgb, var(--danger) 45%, transparent);background:var(--danger-surface)}.notice.error .icon{color:var(--danger)}.notice.sandbox-recovery{color:var(--text-2);background:0 0;border:0;padding:8px 2px}.sandbox-recovery .notice-body{gap:0}.sandbox-recovery .notice-details{margin-top:0}.sandbox-recovery .notice-details summary{min-height:var(--tap);align-content:center}.notice .icon{color:var(--text-2);flex:none;margin-top:2px}.notice-body{flex-direction:column;flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.notice-details{width:100%;margin-top:6px}.notice-details summary{cursor:pointer;color:var(--text-2);font-size:var(--text-xs);font-weight:500}.notice-raw{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-xs);white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;margin:6px 0 0;padding:8px 10px;line-height:1.45;overflow:auto}.marker{font-size:var(--text-sm);color:var(--text-2);align-items:center;gap:8px;padding:0 2px;display:flex}.marker .icon{color:var(--danger)}.activity{min-height:28px;font-size:var(--text-sm);color:var(--text-2);align-items:center;gap:10px;min-width:0;padding:2px 0;display:flex}.activity .what{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.activity .what.tool{font-family:var(--font-mono);font-size:var(--text-xs)}.empty{text-align:center;color:var(--text-2);padding:18vh 0 0}.empty h2{color:var(--text);font-size:var(--text-title);margin:0 0 6px;font-weight:600}.thread-usage{color:var(--text-2);font-size:var(--text-sm);font-variant-numeric:tabular-nums;padding:16px 18px}.thread-usage p{margin:0}.usage-heading{align-items:center;gap:6px;margin-bottom:8px;display:flex}.usage-heading h2{font-size:var(--text-title);color:var(--text);margin:0}.usage-info{position:relative}.usage-tooltip{z-index:1;background:var(--surface-2);width:min(300px,100vw - 64px);color:var(--text);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:12px;display:none;position:absolute;top:calc(100% + 8px);left:-60px}.usage-tooltip:before{content:"";width:100%;height:8px;position:absolute;top:-8px;left:0}.usage-info:hover .usage-tooltip,.usage-info:focus-within .usage-tooltip{display:block}.thread-usage .usage-figure{color:var(--text);font-family:var(--font-mono);overflow-wrap:anywhere;margin:20px 0 4px;font-size:2.25rem;font-weight:600}.usage-support{color:var(--text-2);font-size:var(--text-xs)}.usage-stats{border-top:1px solid var(--border);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;margin:20px 0;padding-top:20px;display:grid}.usage-stats h3{font-size:var(--text-sm);margin:0 0 6px;font-weight:500}.thread-usage .usage-stat-number{font-size:var(--text-title);font-family:var(--font-mono);color:var(--text);overflow-wrap:anywhere;margin-bottom:6px;font-weight:600}.usage-models{font-size:var(--text-xs);overflow-wrap:anywhere;margin:0 0 6px;padding:0;list-style:none}.usage-support p+p,.thread-usage>.usage-support+.usage-support{margin-top:6px}@media (width<=600px){.usage-stats{grid-template-columns:minmax(0,1fr);gap:20px}}.dock{background:var(--page);anchor-name:--composer-dock;flex:none;padding:0 0 16px;position:relative}.dock:before{content:"";background:linear-gradient(to bottom, transparent, var(--page));pointer-events:none;height:24px;position:absolute;bottom:100%;left:0;right:0}.jump{z-index:5;anchor-name:--jump-control;box-shadow:var(--shadow);border-radius:999px;position:absolute;top:-44px;left:50%;transform:translate(-50%)}.queued{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.queued-item{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--text-sm);align-items:center;gap:8px;min-width:0;padding:6px 10px;display:flex}.queued-item .what{color:var(--text-2);flex:none}.queued-item .text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.composer{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);box-shadow:0 1px 2px #00000008}.composer:focus-within{border-color:var(--text-2);outline:none}.composer textarea{resize:none;width:100%;min-height:48px;max-height:40vh;line-height:1.5;font-size:var(--text-md);background:0 0;border:0;outline:none;padding:12px 14px 4px;display:block}.composer textarea::placeholder{color:var(--text-3)}.composer-bar{align-items:center;gap:8px;padding:8px 10px 10px 14px;display:flex}.composer-bar .hint{font-size:var(--text-xs);color:var(--text-3);min-width:0;margin-right:auto}.composer-bar kbd{font-size:var(--text-2xs);border:1px solid var(--border);background:var(--surface-2);border-bottom-width:2px;border-radius:4px;padding:0 4px}.readonly{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text-2);font-size:var(--text-sm);align-items:center;gap:10px;padding:12px 14px;display:flex}.preview-pane{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;flex:none;min-width:320px;max-width:70vw;min-height:0;display:flex}.preview-bar{border-bottom:1px solid var(--border);align-items:center;gap:6px;min-width:0;padding:4px 6px 4px 10px;display:flex}.preview-bar .url{min-width:0;font-family:var(--font-mono);font-size:var(--text-code);color:var(--text-2);flex:1;align-items:center;gap:8px;padding:0 4px;display:flex}.preview-bar .url span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preview-frame{background:#fff;border:0;flex:1;width:100%;min-height:0}.preview-state{text-align:center;color:var(--text-2);font-size:var(--text-sm);flex:1;place-items:center;padding:24px;display:grid}.app-empty{flex-direction:column;align-items:center;gap:20px;max-width:100%;display:flex}.app-empty p{margin:0}.app-suggestions{flex-direction:column;align-items:center;gap:8px;max-width:100%;display:flex}.app-suggestions .btn{white-space:normal;max-width:100%;height:auto;padding-block:8px}.resizer{cursor:col-resize;z-index:3;background:0 0;border:0;flex:none;width:6px;margin-left:-3px;margin-right:-3px;padding:0}.resizer:hover{background:color-mix(in srgb, var(--focus) 35%, transparent)}.resizer:focus-visible{background:var(--focus);outline-offset:-2px}.thread-tools{align-items:center;gap:4px;display:flex}.changes-panel{width:min(360px,100vw - 24px);padding:12px}.changes-actions,.changes-heading{align-items:center;gap:8px;display:flex}.changes-actions .btn{flex:1}.changes-heading{border-top:1px solid var(--border);justify-content:space-between;padding-top:8px}.changes-note{font-size:var(--text-sm);color:var(--text-2);margin:8px 0}.changes-panel h2{font-size:var(--text-sm);margin:8px 0;font-weight:500}.changes-files{max-height:min(320px,45vh);margin:0;padding:0;list-style:none;overflow-y:auto}.changes-files li{font-size:var(--text-sm);overflow-wrap:anywhere;gap:10px;padding:5px 0;display:flex}.changes-file-status{color:var(--text-2);flex:0 0 14px}.pill .sandbox-short,.tabs{display:none}@media (width<=47.5em){:root{--tap:44px}.agent-run{grid-template-areas:"avatar meta""body body";align-items:center;row-gap:10px;padding-left:0}.menu{top:calc(var(--topbar) + 6px);max-width:calc(100vw - 16px);position:fixed;right:8px}.topbar{gap:6px;padding:0 8px 0 12px}.topbar-actions{scrollbar-width:none;flex:0 auto;min-width:0;overflow-x:auto}.topbar-actions :focus-visible{outline-offset:-2px}.topbar-actions:has(.settings-menu){overflow:visible}.brand{min-height:var(--tap);min-width:var(--tap);justify-content:center}input,textarea,select,.composer textarea,.new-thread-shell textarea{font-size:1rem}.row,.menu-item{min-height:var(--tap)}.workspace{flex-direction:column}.brand .word,.crumbs .sep,.watchers .label,.pill .label:not(.keep),.share-label,.hide-phone{display:none}.pill .sandbox-short.keep{font-size:var(--text-xs);line-height:1.15;display:grid}.pill .sandbox-cap{font-size:var(--text-2xs);color:var(--text-3)}.crumbs h1{font-size:var(--text-md)}.column{padding:0 12px}.tabs{border-bottom:1px solid var(--border);background:var(--surface);flex:none;display:flex}.tab{min-height:44px;font-size:var(--text-md);color:var(--text-2);background:0 0;border:0;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--text);font-weight:500}.tab .count{font-size:var(--text-xs);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:0 7px}.preview-pane{border-left:0;flex:1;min-width:0;max-width:none;width:100%!important}.resizer{display:none}.row-body{padding-left:12px}.dock{padding-bottom:max(12px, env(safe-area-inset-bottom))}.composer-bar{flex-wrap:wrap}.composer-bar .hint:not(.status){display:none}.composer-bar .hint.status{flex-basis:100%}.composer-bar.running .btn{min-height:var(--tap);flex:1}.composer-bar.idle .btn{min-height:var(--tap);margin-left:auto}}@keyframes wf-breathe{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.spin,.dot.pulse{animation:2.4s ease-in-out infinite wf-breathe!important}}.steps-body{border-left:2px solid var(--border);flex-direction:column;gap:10px;margin-top:10px;padding-left:14px;display:flex}.queued{margin:0 0 8px;padding:0}a.row{color:var(--text)}a.row:hover{background:var(--surface-hover)}.app-port-form{flex-direction:column;align-items:stretch;gap:12px;max-width:360px;margin:20px 0;display:flex}.app-port-form label{font-size:var(--text-sm);color:var(--text-2);font-weight:500}.app-port-form input,.app-port-form select{background:var(--surface);color:var(--text);border:1px solid var(--border);min-height:max(2.625rem, var(--tap));border-radius:6px;min-width:0;padding:0 12px}.share-dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);width:min(560px,100vw - 32px);max-height:calc(100dvh - 48px);padding:0;overflow:hidden}.share-dialog[open]{flex-direction:column;display:flex}.share-dialog h2{font-size:var(--text-title);border-bottom:1px solid var(--border);flex-shrink:0;margin:0;padding:20px 24px;line-height:1.3}.sharing-body{min-height:0;padding:24px;overflow:auto}.sharing-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;padding:16px 24px;display:flex}.share-dialog p{color:var(--text-2);font-size:var(--text-sm);margin:8px 0 0}.share-dialog::backdrop{background:#0006}.share-dialog h3{font-size:var(--text-lg);margin:24px 0 8px;font-weight:600}.public-preview-sharing{border-bottom:1px solid var(--border);padding-bottom:24px}.public-preview-sharing h3{margin-top:0}.public-preview-access{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;display:flex}.public-preview-access>div{flex:14rem;min-width:0}.public-preview-access p{margin:2px 0 0 28px}.public-preview-access .btn{white-space:normal;text-align:left;min-height:max(2.625rem, var(--tap))}.public-preview-access .btn svg{flex-shrink:0}.public-preview-toggle{min-height:var(--tap);align-items:center;gap:10px;font-weight:500;display:flex}.public-preview-toggle input{width:18px;height:18px;accent-color:var(--text);flex-shrink:0;margin:0}.sharing-form{grid-template-columns:minmax(0,1fr) minmax(8rem,auto);max-width:none;margin:16px 0 0;display:grid}.sharing-form input,.sharing-form select{border-color:var(--text-3)}.sharing-field{flex-direction:column;gap:6px;min-width:0;display:flex}.sharing-form>.btn{grid-column:1/-1;justify-self:end}.sharing-grants{margin:20px 0 0;padding:0;list-style:none}.sharing-grants:empty{display:none}.sharing-grants li{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.sharing-grant-details{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.sharing-grant-role{font-size:var(--text-sm);color:var(--text-2)}.sharing-grants .btn{flex-shrink:0}@media (width<=47.5em){.share-dialog h2,.sharing-body,.sharing-footer{padding:16px}.sharing-form{grid-template-columns:minmax(0,1fr)}.sharing-form>.btn,.public-preview-access .btn{width:100%}}.page-title{font-size:var(--text-title);letter-spacing:-.01em;color:var(--text);margin:0 0 8px;font-weight:600;line-height:1.3}.page-lead{color:var(--text-2);font-size:var(--text-md);max-width:42rem;margin:0 0 16px}.auth-page{max-width:360px;margin-left:auto;margin-right:auto;padding-top:48px;padding-bottom:40px}.auth-form{width:100%;max-width:none;margin:0}.auth-form .btn-primary{min-height:max(2.625rem, var(--tap));width:100%}.auth-sent{flex-direction:column;gap:12px;max-width:360px;display:flex}.auth-sent p{color:var(--text-2);margin:0}.auth-sent-actions{flex-wrap:wrap;gap:8px;display:flex}.auth-sent-actions .btn-primary{min-height:max(2.625rem, var(--tap))}.settings-shell{grid-template-columns:220px minmax(0,1fr);gap:48px;max-width:980px;margin:0 auto;padding:32px 20px 48px;display:grid}.settings-side{flex-direction:column;gap:24px;min-width:0;display:flex}.settings-nav{flex-direction:column;gap:2px;display:flex}.settings-side .page-title{margin:0 0 -8px}.settings-nav-link{min-height:var(--tap);border-radius:var(--radius-sm);color:var(--text-2);font-size:var(--text-md);align-items:center;gap:10px;padding:6px 10px;text-decoration:none;display:flex}.settings-nav-link>svg{flex:none}.settings-nav-link:hover,.settings-nav-link[aria-current=page]{background:var(--surface-hover);color:var(--text)}.settings-nav-link[aria-current=page]{font-weight:500}.settings-nav-text{flex-direction:column;min-width:0;display:flex}.settings-nav-hint{color:var(--text-3);font-size:var(--text-xs);font-weight:400;display:none}.settings-chevron,.settings-back{display:none}.settings-account{border-top:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:2px;min-width:0;max-width:100%;padding:16px 10px 0;display:flex}.settings-account p{margin:0}.settings-account-label{color:var(--text-3);font-size:var(--text-xs)}.settings-account-email{color:var(--text);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:500;overflow:hidden}.settings-sign-out{margin-top:10px}.settings-account .notice{margin-top:8px}.settings-content{min-width:0}.settings-content .page-lead{margin-bottom:24px}.setting-group{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:0 0 16px;padding:0;list-style:none}.setting-group>*+*{border-top:1px solid var(--border)}.setting-row{min-width:0;padding:14px 16px}.setting-head{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;display:grid}.setting-name{min-width:0}.setting-name h2{font-size:var(--text-md);color:var(--text);margin:0;font-weight:600}.setting-name p{color:var(--text-2);font-size:var(--text-sm);overflow-wrap:anywhere;margin:2px 0 0}.setting-badge{color:var(--text-2);font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.setting-actions{justify-content:flex-end;gap:8px;display:flex}.setting-actions:empty{display:none}.setting-note{color:var(--text-2);font-size:var(--text-sm);margin:10px 0 0}.setting-row .notice{margin:12px 0 0}.setting-steps{counter-reset:step;border-top:1px dashed var(--border-strong);flex-direction:column;gap:16px;margin:14px 0 0;padding:14px 0 0;list-style:none;display:flex}.setting-steps>li{counter-increment:step;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding-left:34px;display:flex;position:relative}.setting-steps>li:before{content:counter(step);border:1px solid var(--border-strong);width:22px;height:22px;color:var(--text-2);font-size:var(--text-xs);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-weight:600;display:grid;position:absolute;top:-1px;left:0}.step-title{color:var(--text);font-size:var(--text-sm);font-weight:500}.step-hint{color:var(--text-2);font-size:var(--text-sm);max-width:60ch;display:block}.setting-steps .btn{gap:6px;text-decoration:none}.device-code{align-items:center;gap:8px;display:inline-flex}.device-code code{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);font-family:var(--font-mono);font-size:var(--text-md);letter-spacing:.08em;-webkit-user-select:all;user-select:all;padding:4px 10px;font-weight:500}.setting-callback{flex-direction:column;gap:6px;width:100%;margin:0;display:flex}.setting-inline{gap:8px;width:100%;max-width:560px;margin-top:2px;display:flex}.setting-inline input{min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);flex:1}.setting-inline .btn{min-height:max(2.625rem, var(--tap));flex:none}.passkey-list{margin-top:0}.passkey-row{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.passkey-icon{color:var(--text-2);flex:none}.passkey-info{overflow-wrap:anywhere;flex:1;min-width:0}.passkey-info strong,.passkey-info span{display:block}.passkey-info strong{font-size:var(--text-md);font-weight:600}.passkey-info span{color:var(--text-2);font-size:var(--text-sm)}.passkey-actions{flex-wrap:wrap;gap:8px;display:flex}.passkey-rename{flex-direction:column;gap:8px;width:100%;display:flex}.passkey-empty{color:var(--text-2);align-items:flex-start;gap:12px;padding:16px;display:flex}.passkey-empty>svg{flex:none;margin-top:1px}.passkey-empty p{font-size:var(--text-sm);margin:0}.passkey-empty .passkey-empty-title{color:var(--text);font-weight:500;font-size:var(--text-md);margin-bottom:2px}@media (width<=47.5em){.settings-shell{padding:20px 12px 32px;display:block}.settings-list .settings-content,.settings-detail .settings-side{display:none}.settings-nav{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:0;overflow:hidden}.settings-side{gap:16px}.settings-side .page-title{margin:0}.settings-nav-link{border-top:1px solid var(--border);color:var(--text);border-radius:0;gap:14px;padding:12px 14px}.settings-nav-link:first-of-type{border-top:0}.settings-nav-link>svg:first-child{color:var(--text-2)}.settings-nav-hint{display:block}.settings-chevron{color:var(--text-3);margin-left:auto;display:block}.settings-account{border-top:0;padding:0 2px}.settings-sign-out{width:100%}.settings-back{min-height:var(--tap);color:var(--text-2);align-items:center;gap:8px;margin-bottom:12px;text-decoration:none;display:inline-flex}.setting-row{padding:14px}.setting-head{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px}.setting-actions{grid-column:1/-1;justify-content:stretch}.setting-actions .btn{flex:1}.setting-actions .btn-ghost{flex:none;margin-left:-12px}.setting-steps>li{padding-left:32px}.setting-inline{flex-direction:column}.setting-steps .btn-primary{justify-content:center;width:100%}.passkey-row{padding:12px 14px}.passkey-actions{width:100%}.passkey-actions .btn{flex:1}}.files-panel{padding-top:16px;padding-bottom:24px}.msg-user-body{min-width:0}.thinking-body{white-space:pre-wrap;margin:0}.system-event-detail+.system-event-detail{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.state-page{flex-direction:column;align-items:flex-start;max-width:28rem;margin-left:auto;margin-right:auto;padding-top:18vh;padding-bottom:40px;display:flex}.state-page .page-lead{margin-bottom:20px}.thread-loading{color:var(--text-2);align-items:flex-start;gap:20px;padding:24px 0;display:flex}.loading-mark{flex:none;width:56px;height:40px}.activity .loading-mark{width:20px;height:16px}.loading-status{align-items:center;gap:8px;display:flex}.loading-status .loading-mark{width:20px;height:16px}.cached-thread-loading{padding-top:var(--topbar)}.loading-jaw{stroke:var(--text-3);stroke-width:1px;stroke-linejoin:round;vector-effect:non-scaling-stroke;animation:2.4s ease-in-out infinite wf-forge-close}.loading-jaw.left{--jaw-travel:5px}.loading-jaw.right{--jaw-travel:-5px}.loading-billet{fill:var(--warn);transform-origin:50%;animation:2.4s ease-in-out infinite wf-forge-press}.thread-loading-copy{min-width:0}.thread-loading h2{color:var(--text);font-size:var(--text-title);margin:0 0 6px;font-weight:600;line-height:1.3}.thread-loading p{font-size:var(--text-sm);max-width:42ch;margin:0}.thread-loading .btn{margin-top:14px}.thread-loading.slow .loading-mark *{animation:none}@keyframes wf-forge-close{40%,60%{transform:translateX(var(--jaw-travel))}}@keyframes wf-forge-press{40%,60%{transform:scaleX(.75)}}@media (width<=47.5em){.thread-loading{gap:16px}.loading-shell .column,.cached-thread-loading .column{padding-top:calc(var(--tap) + 1px)}}.thread-end{text-align:center;font-size:var(--text-xs);color:var(--text-3);margin:4px 0 28px}.notice a{color:inherit;text-underline-offset:2px;font-weight:600}.projects-page{padding-top:32px;padding-bottom:32px}.project-form{gap:8px;max-width:480px;margin-top:24px;display:grid}.project-form h2{font-size:var(--text-lg);margin:0 0 4px;font-weight:600}.project-form label{font-size:var(--text-sm);margin-top:8px;font-weight:500}.project-form .project-ship{min-height:var(--tap);align-items:center;gap:8px;display:flex}.project-form .project-ship input{width:1rem;height:1rem;min-height:0;margin:0;padding:0}.project-form input,.project-form select{width:100%;min-width:0;min-height:max(2.625rem, var(--tap));color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 12px}.project-form .project-ship input{width:1rem;min-width:1rem;height:1rem;min-height:1rem;padding:0}.project-form .btn-primary{justify-self:start;margin-top:12px}.project-form output{font-size:var(--text-md);padding:8px 0}.shell{height:100dvh;display:flex;overflow:hidden}.thread-rail{background:var(--surface-2);border-right:1px solid var(--border);flex-direction:column;flex:0 0 244px;gap:6px;width:244px;padding:16px 10px 8px;display:flex}.thread-rail>.brand{margin:0 8px 18px}.rail-new{justify-content:flex-start;margin-bottom:8px}.rail-link,.rail-threads a{min-height:34px;color:var(--text-2);font-size:var(--text-sm);align-items:center;gap:10px;padding:6px 10px;text-decoration:none;display:flex}.rail-link,.rail-threads li{border-radius:var(--radius-sm)}.rail-link:hover,.rail-threads li:hover{background:var(--surface-hover)}.rail-link.selected,.rail-threads .selected{background:var(--surface-hover);color:var(--text)}.rail-link.selected{font-weight:600}.rail-list-heading{font-size:var(--text-xs);color:var(--text-3);justify-content:space-between;align-items:center;padding:10px 8px 0;display:flex}.rail-scroll{flex:1;min-height:0;overflow-y:auto}.rail-scroll>.note{padding:0 10px}.rail-project+.rail-project{margin-top:16px}.rail-project-heading{font-size:var(--text-xs);color:var(--text-2);margin:6px 0 2px;font-weight:600}.rail-project-heading>a,.rail-project-heading>span{min-height:34px;color:inherit;border-radius:var(--radius-sm);align-items:center;gap:8px;padding:6px 10px;text-decoration:none;display:flex}.rail-project-heading>a:hover{background:var(--surface-hover);color:var(--text)}.rail-project-heading svg{flex-shrink:0}.rail-project-heading>a>span,.rail-project-heading>span>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rail-threads{margin:0;padding:0 0 0 14px;list-style:none}.rail-threads li{align-items:center;display:flex}.rail-threads a{flex:1;min-width:0}.rail-threads svg{flex-shrink:0}.rail-threads a .rail-thread-copy{white-space:normal;flex-direction:column;min-width:0;display:flex;overflow:hidden}.rail-thread-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.thread-project{font-size:var(--text-sm);color:var(--text-2);flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin:16px 0 0;display:flex}.thread-project-name{color:var(--text);font-weight:600}.rail-archive{opacity:0;flex-shrink:0}.rail-threads li:hover .rail-archive,.rail-threads li:focus-within .rail-archive{opacity:1}.rail-footer{border-top:1px solid var(--border);align-items:center;padding-top:10px;display:flex}.rail-footer>span{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);color:var(--text-3);flex:1;padding-left:8px;overflow:hidden}.shell-main{flex:1;min-width:0}.route-pane,.cached-thread,.shell-main .app{height:100%}[hidden]{display:none!important}.shell-main .topbar>.brand,.shell-main .topbar .sep{display:none}.shell-main .crumbs{margin-left:0}.cached-thread .app{--topbar:max(3rem, calc(var(--tap) + 8px))}.cached-thread .topbar{gap:8px;padding-inline:12px}.cached-thread .sandbox-pill{background:0 0;border:0;padding-inline:4px}.rail-toggle{display:none}@media (width>=701px){.shell-main .topbar button[aria-label="Switch to dark theme"],.shell-main .topbar button[aria-label="Switch to light theme"]{display:none}}.projects-page{max-width:960px;padding-top:48px}.projects-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.project-recents{margin:32px 0;padding:0;list-style:none}.project-recents li{border-bottom:1px solid var(--border);align-items:center;gap:18px;padding:20px 4px;display:flex}.project-folder{color:var(--text-3);flex-shrink:0}.project-identity{overflow-wrap:anywhere;flex:1;min-width:0}.project-identity h2{font-size:var(--text-lg);margin:0 0 2px;font-weight:500}.project-identity p{color:var(--text-3);font-size:var(--text-sm);margin:0}.project-meta{font-size:var(--text-xs);color:var(--text-3);font-variant-numeric:tabular-nums;flex-direction:column;gap:2px;display:flex}.project-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:8px;display:flex}.project-start{flex-shrink:0}.projects-empty{color:var(--text-2);padding:48px 0}.projects-empty h2{font-size:var(--text-lg)}.project-setup{margin-top:32px}.project-identity h2 a{min-height:var(--tap);color:var(--link);text-underline-offset:3px;align-items:center;display:inline-flex}.project-page{padding-bottom:48px}.project-page a{color:var(--link);text-underline-offset:3px}.project-back{min-height:var(--tap);font-size:var(--text-sm);align-items:center;gap:6px;margin-bottom:16px;display:inline-flex}.project-header{align-items:flex-start}.project-header .page-title{margin-bottom:6px}.project-header .btn{flex-shrink:0}.project-branch{margin-top:4px;display:block}.project-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px 16px;margin:24px 0 32px;display:flex}.project-nav a{min-height:var(--tap);color:var(--text-2);font-size:var(--text-md);border-bottom:2px solid #0000;align-items:center;gap:4px;padding:8px 0;text-decoration:none;display:inline-flex}.project-nav a:hover{color:var(--text)}.project-nav a[aria-current=page]{color:var(--text);border-bottom-color:var(--text);font-weight:500}.project-section{margin-bottom:32px}.project-section h2,.project-section h3{font-size:var(--text-md);margin:0 0 12px;font-weight:600}.project-section .projects-heading{flex-wrap:wrap;align-items:baseline;margin-bottom:12px}.project-section .projects-heading h2{margin:0}.project-section a,.project-context{font-size:var(--text-sm)}.project-empty{border-block:1px solid var(--border);color:var(--text-2);font-size:var(--text-md);margin:0;padding:20px 0}.project-thread-list{margin:0;padding:0;list-style:none}.project-thread-list li{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding:12px 0;display:flex}.project-thread-list a{min-height:var(--tap);color:var(--text);font-size:var(--text-md);overflow-wrap:anywhere;align-items:center;display:inline-flex}.project-thread-list span{color:var(--text-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.project-context{border-top:1px solid var(--border);color:var(--text-2);flex-wrap:wrap;gap:8px 16px;padding-top:16px;display:flex}.project-context a{min-height:var(--tap);align-items:center;display:inline-flex}.project-context span{align-self:center}.project-snapshot{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:16px}.project-snapshot>p:first-child{font-size:var(--text-md);margin-top:0;font-weight:500}.project-snapshot .note{max-width:70ch}.project-snapshot .project-actions{justify-content:flex-start;margin:16px 0 0}@media (width<=47.5em){.project-header{flex-wrap:wrap}.project-header .project-identity{flex-basis:100%}.project-snapshot .project-actions{width:auto;margin-left:0}}.new-thread-dialog{width:min(560px,100vw - 32px);color:var(--text);background:var(--surface);border-radius:var(--radius);border:0;max-height:calc(100dvh - 48px);padding:16px;animation:.14s ease-out composer-open;overflow-y:auto}.new-thread-dialog::backdrop{background:#0000002e}.dialog-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dialog-heading h2{font-size:var(--text-lg);margin:0;font-weight:500}.new-thread-shell{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);box-shadow:0 1px 2px #00000008}.new-thread-shell:focus-within{border-color:var(--text-2);outline:none}.new-thread-shell textarea{resize:none;width:100%;font-size:var(--text-md);background:0 0;border:0;outline:none;min-height:72px;max-height:40vh;padding:12px 14px 4px;line-height:1.5;display:block}.new-thread-shell textarea:focus,.new-thread-shell textarea:focus-visible{outline:none}.new-thread-shell textarea::placeholder{color:var(--text-3)}.new-thread-toolbar{align-items:center;gap:8px;padding:8px 10px 10px 14px;display:flex}.project-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.new-thread-toolbar select{border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;width:100%;min-width:0;height:32px;min-height:32px;padding:0 28px 0 10px;overflow:hidden}.new-thread-toolbar select:focus,.new-thread-toolbar select:focus-visible{outline:none}.project-chip-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0 10px 7px;line-height:1.3;display:block;overflow:hidden}.new-thread-toolbar .btn{flex:none;width:32px;min-width:32px;height:32px;min-height:32px;padding:0}.recent-projects{border-top:1px solid var(--border);margin-top:20px;padding-top:12px}.recent-projects h3{font-size:var(--text-xs);color:var(--text-3);margin:0 0 8px;font-weight:400}.recent-projects button{text-align:left;border-radius:var(--radius-sm);background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:8px;display:flex}.recent-projects button:hover{background:var(--surface-hover)}.recent-projects small{font-size:var(--text-xs);color:var(--text-3);display:block}@keyframes composer-open{0%{transform:translateY(5px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.new-thread-dialog{animation:none}}@media (width<=700px){.thread-rail{z-index:40;visibility:hidden;width:min(280px,100vw - 56px);box-shadow:var(--shadow);padding-top:60px;position:fixed;inset:0 auto 0 0}.thread-rail.rail-open{visibility:visible}.rail-toggle{top:calc((var(--topbar) - var(--tap) - 1px) / 2);left:calc(8px + env(safe-area-inset-left));z-index:41;background:var(--surface-2);display:inline-grid;position:fixed}.rail-archive{opacity:1}.rail-project-heading>a,.rail-link,.rail-threads a{min-height:44px}.cached-thread .app{--topbar:inherit}.shell-main .topbar{padding-left:calc(60px + env(safe-area-inset-left))}.projects-page{padding-top:64px}.project-recents li{flex-wrap:wrap;gap:12px}.project-identity{flex-basis:calc(100% - 48px)}.project-meta{flex:1;margin-left:32px}.project-actions{justify-content:flex-start;width:100%;margin-left:32px}.new-thread-dialog{top:calc(var(--new-thread-viewport-top,0px) + 12px);max-height:calc(var(--new-thread-viewport-height,100dvh) - 32px);padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));overscroll-behavior:contain;margin:0 auto;bottom:auto}.new-thread-shell{width:100%}.new-thread-toolbar{flex-wrap:wrap}.project-chip{flex-basis:100%}.new-thread-toolbar select,.new-thread-toolbar .btn{min-width:44px;height:44px;min-height:44px}.new-thread-toolbar .btn{width:44px;margin-left:auto}.new-thread-dialog .recent-projects button{min-height:var(--tap)}.shell:has(.rail-open) .shell-main .topbar-actions{visibility:hidden}}