:root{--paper:#e7eae7;--canvas:#f1f3f0;--surface:#fafbf8;--surface-deep:#ecefec;--ink:#181c1c;--muted:#56605f;--quiet:#747e7d;--faint:#9ba3a1;--line:#181c1c1f;--line-strong:#181c1c38;--green:#466f59;--green-soft:#e3ebe5;--blue:#536f7b;--blue-soft:#e3eaed;--amber:#996a29;--amber-soft:#f0e8da;--red:#9f5c62;--ui:-apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", sans-serif;--mono:ui-monospace, "SFMono-Regular", "SF Mono", Menlo, "Cascadia Mono", monospace;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--shadow-window:0 22px 64px #161c1a17, 0 1px 3px #161c1a0d;--shadow-ticket:0 8px 20px #161c1a11, 0 1px 2px #161c1a0d}*{box-sizing:border-box}html{background:var(--paper);min-width:320px;margin:0}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--paper);font-family:var(--ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}button,input,textarea,a,code{font:inherit}button,a{color:inherit;touch-action:manipulation}button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid color-mix(in srgb, var(--blue) 78%, transparent);outline-offset:3px}button:disabled{cursor:default}.site-shell{background-color:var(--paper);grid-template-rows:auto minmax(0,1fr);place-items:center;min-height:100svh;padding:0 18px 18px;display:grid}.site-masthead{justify-content:space-between;align-items:center;gap:24px;width:min(1540px,100%);min-height:68px;display:flex}.brand-home,.site-actions button,.site-actions a,.exit-demo{color:inherit;cursor:pointer;transition:transform .14s var(--ease-out), color .18s ease, background-color .18s ease, border-color .18s ease;background:0 0;border:0;text-decoration:none}.brand-home{text-align:left;align-items:center;gap:10px;min-height:44px;padding:4px 2px;display:inline-flex}.brand-mark{border:1px solid var(--line-strong);background:var(--surface);border-radius:5px;place-items:center;width:31px;height:31px;display:grid;box-shadow:0 2px 6px #161c1a0a}.brand-mark img{width:20px;height:21px}.brand-name{letter-spacing:-.045em;font-size:18px;font-weight:690}.brand-descriptor{border-left:1px solid var(--line-strong);color:var(--quiet);padding-left:11px;font-size:11px}.site-actions{align-items:center;gap:4px;display:flex}.site-actions>button,.site-actions>a{min-height:38px;color:var(--muted);border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:580;display:inline-flex}.site-actions .overview-link[aria-current=page]{color:var(--ink)}.site-actions .masthead-copy{border:1px solid var(--line-strong);color:var(--surface);background:var(--ink);margin-left:5px}.brand-home:active,.site-actions button:active,.site-actions a:active,.exit-demo:active{transform:scale(.97)}.skip-link{z-index:100;color:#fff;background:var(--ink);font:10px/1 var(--mono);opacity:0;pointer-events:none;border-radius:6px;padding:9px 12px;text-decoration:none;position:fixed;top:8px;left:50%;transform:translate(-50%,-130%)}.skip-link:focus-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.coding-experience{border:1px solid var(--line-strong);background:var(--surface);width:min(1020px,100%);height:min(820px,100svh - 86px);min-height:620px;box-shadow:var(--shadow-window);isolation:isolate;border-radius:8px;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.site-shell.has-workspace .coding-experience{grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);width:min(1540px,100%)}.chat-panel{background:var(--surface);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.agent-header,.workspace-header{z-index:5;border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:10px 16px;display:flex;position:relative}.agent-identity{color:var(--quiet);font:9px/1 var(--mono);letter-spacing:.08em;white-space:nowrap;align-items:center;gap:9px;display:flex}.agent-identity>span{color:var(--ink);font-weight:700}.agent-identity>.agent-status{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #466f591a}.agent-identity small{border-left:1px solid var(--line);color:var(--quiet);font:9px/1 var(--ui);letter-spacing:0;padding-left:9px}.agent-context{color:var(--quiet);font:9px/1 var(--mono);letter-spacing:.07em}.exit-demo{border:1px solid var(--line);min-height:36px;color:var(--muted);background:var(--surface);border-radius:5px;align-items:center;gap:7px;padding:0 10px;font-size:10px;font-weight:600;display:inline-flex}.copy-glyph{flex:none;width:13px;height:13px;position:relative}.copy-glyph:before,.copy-glyph:after{content:"";border:1px solid;border-radius:2px;width:7px;height:8px;position:absolute}.copy-glyph:before{top:1px;left:1px}.copy-glyph:after{background:inherit;bottom:1px;right:1px}.arrow-glyph{color:var(--quiet);font:12px/1 var(--mono)}.conversation{scroll-behavior:smooth;background-color:var(--canvas);background-image:linear-gradient(#1d222006 1px,#0000 1px);background-size:100% 34px;min-height:0;padding:clamp(22px,4.5vh,52px) clamp(24px,5vw,70px) 32px;overflow-y:auto}.site-shell.has-workspace .conversation{padding:24px 22px 30px}.agent-message{grid-template-columns:34px minmax(0,1fr);gap:13px;display:grid}.welcome-message{width:min(100%,790px);margin:0 auto}.agent-avatar{border:1px solid var(--line-strong);background:var(--surface);border-radius:5px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 3px 8px #1d22200a}.agent-avatar.is-small,.agent-avatar.is-human{color:#fff;background:var(--ink);font:9px/1 var(--mono)}.agent-avatar.is-human{border-color:color-mix(in srgb, var(--amber) 68%, var(--line));color:#63461d;background:var(--amber-soft)}.message-content{min-width:0}.message-label{min-height:21px;color:var(--quiet);font:9px/1 var(--mono);letter-spacing:.075em;align-items:center;gap:8px;display:flex}.message-label i{background:var(--line-strong);border-radius:50%;width:4px;height:4px}.welcome-message h1{letter-spacing:-.058em;text-wrap:balance;max-width:670px;margin:20px 0 17px;font-size:clamp(40px,5.1vw,66px);font-weight:630;line-height:.99}.welcome-copy{color:#46504f;letter-spacing:-.018em;text-wrap:pretty;max-width:650px;margin:0;font-size:clamp(15px,1.45vw,18px);line-height:1.5}.welcome-actions{border:1px solid var(--line-strong);background:#ffffff9e;border-radius:6px;grid-template-columns:1fr 1fr .86fr;margin-top:27px;display:grid;overflow:hidden}.welcome-actions button,.welcome-actions a{border:0;border-right:1px solid var(--line);min-width:0;min-height:72px;color:var(--ink);text-align:left;cursor:pointer;transition:transform .14s var(--ease-out), background-color .18s ease;background:0 0;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 15px;text-decoration:none;display:grid}.welcome-actions a{border-right:0}.welcome-actions button:active,.welcome-actions a:active{transform:scale(.98)}.action-brand{border:1px solid var(--line);background:var(--surface);border-radius:6px;place-items:center;width:28px;height:28px;display:grid;overflow:hidden}.brand-symbol{object-fit:contain;width:22px;height:22px;display:block}.site-actions .brand-symbol{opacity:.82;width:13px;height:13px}.action-copy{gap:5px;min-width:0;display:grid}.welcome-actions b{letter-spacing:-.015em;font-size:12px;font-weight:640}.welcome-actions small{color:var(--quiet);font:9px/1.3 var(--ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.founders{border-top:1px solid var(--line);grid-template-columns:120px minmax(0,1fr);align-items:start;gap:14px;width:100%;margin-top:15px;padding:14px 2px 0;display:grid}.founders-label{color:var(--blue);font:9px/1 var(--mono);letter-spacing:.075em;padding-top:4px}.founder-list{grid-column:2/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.founder-profile{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:11px;min-width:0;padding:2px 14px 2px 0;display:grid}.founder-profile+.founder-profile{border-left:1px solid var(--line);padding-left:14px;padding-right:0}.founder-photo{object-fit:cover;border:1px solid var(--line-strong);filter:saturate(.8);border-radius:5px;width:48px;height:48px;display:block}.founder-identity{gap:8px;min-width:0;display:grid}.founder-identity strong{letter-spacing:-.012em;font-size:11px;font-weight:640;line-height:1.2}.founder-identity strong span{color:var(--quiet);font-weight:530}.founder-identity nav{flex-wrap:wrap;gap:5px 10px;display:flex}.founder-identity a{color:var(--muted);align-items:center;gap:3px;font-size:9px;font-weight:570;text-decoration:none;display:inline-flex}.founder-identity .arrow-glyph{font-size:9px}.welcome-message.is-compact{margin:0}.welcome-message.is-compact .welcome-actions,.welcome-message.is-compact .founders{display:none}.user-message{border:1px solid var(--line);background:var(--surface-deep);border-radius:13px 13px 3px;width:min(88%,470px);margin:24px 0 24px auto;padding:13px 15px}.user-message>span{color:var(--quiet);font:9px/1 var(--mono);letter-spacing:.075em;margin-bottom:6px;display:block}.user-message p{margin:0;font-size:13px;line-height:1.45}.cycle-message h2{letter-spacing:-.04em;margin:6px 0 8px;font-size:20px;font-weight:650;line-height:1.05}.cycle-message p{color:var(--muted);text-wrap:pretty;margin:0;font-size:13px;line-height:1.5}.cycle-message.is-done .message-label>span{color:var(--green)}.quiet-progress{color:var(--quiet);font:9px/1 var(--mono);align-items:center;gap:8px;margin-top:13px;display:flex}.quiet-progress i{border:1px solid var(--green);background:var(--green-soft);border-radius:50%;width:7px;height:7px}.human-decision{border-top-color:color-mix(in srgb, var(--amber) 50%, var(--line))}.human-decision .message-label>span{color:var(--amber)}.palette-choices{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px;display:grid}.palette-choices button{border:1px solid var(--line-strong);text-align:left;cursor:pointer;min-width:0;min-height:70px;transition:transform .14s var(--ease-out), border-color .18s ease, background-color .18s ease;background:#ffffff73;border-radius:5px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:9px;display:grid}.palette-choices button.is-selected{border-color:var(--amber);background:var(--amber-soft)}.palette-choices button:disabled{cursor:default}.palette-choices button:active{transform:scale(.97)}.palette-choices button>span{gap:4px;min-width:0;display:grid}.palette-choices b{font-size:11px;font-weight:650}.palette-choices small{color:var(--quiet);font:9px/1.3 var(--ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.palette-swatch{border:1px solid #ffffff3d;border-radius:50%;width:23px;height:23px;box-shadow:0 0 0 1px #1c202226}.swatch-graphite{background:#202527}.swatch-ink{background:#182a35}.swatch-moss{background:#26342c}.unsupported-message .message-label>span{color:var(--red)}.composer{z-index:5;border-top:1px solid var(--line);background:var(--surface);padding:12px 14px 13px;position:relative}.composer>label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.composer-field{border:1px solid var(--line-strong);background:#fff;border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:5px 6px 5px 12px;display:grid;box-shadow:0 4px 15px #1d22200a}.composer-field>span{color:var(--green);font:11px/1 var(--mono)}.composer-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.composer-field input:disabled{color:var(--muted);opacity:1;-webkit-text-fill-color:var(--muted)}.send-button,.reset-button{color:#fff;background:var(--ink);cursor:pointer;min-height:36px;transition:transform .14s var(--ease-out), opacity .18s ease;border:0;border-radius:5px;padding:0 12px;font-size:10px;font-weight:640}.send-button span{margin-left:5px}.send-button:disabled{opacity:.35}.send-button:active,.reset-button:active{transform:scale(.97)}.composer>p{color:var(--quiet);font:9px/1.2 var(--ui);margin:8px 1px 0}.workspace{opacity:1;min-width:0;min-height:0;transition:opacity .26s var(--ease-out), transform .26s var(--ease-out);grid-template-rows:auto minmax(0,1fr);display:grid;transform:translate(0)}@starting-style{.workspace{opacity:0;transform:translate(3%)}}.workspace-header{padding-inline:12px}.workspace-header nav{border:1px solid var(--line);background:var(--surface-deep);border-radius:5px;align-items:center;gap:3px;padding:3px;display:inline-flex}.workspace-header nav button{min-height:29px;color:var(--quiet);cursor:pointer;transition:transform .14s var(--ease-out), color .18s ease, background-color .18s ease;background:0 0;border:0;border-radius:3px;padding:0 11px;font-size:10px;font-weight:620}.workspace-header nav button.is-active{color:var(--ink);background:#fff;box-shadow:0 1px 4px #1d222014}.workspace-header nav button:active{transform:scale(.97)}.workspace-location{min-width:0;color:var(--quiet);font:9px/1 var(--mono);letter-spacing:.04em;align-items:center;gap:7px;display:flex}.workspace-location i{background:var(--green);border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 0 3px #4f78621a}.workspace-location span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-location b{border-left:1px solid var(--line);color:var(--faint);white-space:nowrap;padding-left:8px;font-weight:500}.workspace-content{background:var(--canvas);min-height:0;overflow:auto}.localhost-app{--app-bg:#f4f5f2;--app-surface:#fcfcf9;--app-ink:#202426;--app-muted:#747b7e;--app-line:#20242621;min-height:100%;color:var(--app-ink);background:var(--app-bg);transition:color .22s,background-color .24s}.localhost-app.is-dark.palette-graphite{--app-bg:#171b1d;--app-surface:#212628;--app-ink:#edf0ec;--app-muted:#9ba4a7;--app-line:#eef1ec21}.localhost-app.is-dark.palette-ink{--app-bg:#111c23;--app-surface:#192932;--app-ink:#edf3f5;--app-muted:#95a9b3;--app-line:#eaf2f521}.localhost-app.is-dark.palette-moss{--app-bg:#18201b;--app-surface:#222d26;--app-ink:#edf2ed;--app-muted:#9eaca1;--app-line:#edf2ed21}.app-header{border-bottom:1px solid var(--app-line);background:var(--app-surface);justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:13px 24px;transition:background-color .24s,border-color .22s;display:flex}.app-header>div{gap:4px;display:grid}.app-header>div span{color:var(--app-muted);font:9px/1 var(--mono);letter-spacing:.08em}.app-header>div strong{letter-spacing:-.025em;font-size:14px;font-weight:650}.app-theme-state{color:var(--app-muted);font:9px/1 var(--mono);align-items:center;gap:7px;display:flex}.app-theme-state i{background:var(--app-ink);border:1px solid;border-radius:50%;width:7px;height:7px}.task-surface{border:1px solid var(--app-line);background:var(--app-surface);border-radius:5px;width:min(680px,100% - 48px);margin:clamp(40px,8vh,78px) auto;padding:clamp(25px,4vw,42px);transition:background-color .24s,border-color .22s;box-shadow:0 18px 54px #080c0b14}.task-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.task-heading>div span{color:var(--app-muted);font:9px/1 var(--mono);letter-spacing:.08em}.task-heading h2{letter-spacing:-.06em;margin:10px 0 0;font-size:clamp(30px,4vw,48px);font-weight:660;line-height:.96}.task-heading button{border:1px solid var(--app-line);width:36px;height:36px;color:var(--app-ink);cursor:pointer;transition:transform .14s var(--ease-out), background-color .18s ease;background:0 0;border-radius:5px;place-items:center;display:grid}.task-heading button:active{transform:scale(.97)}.task-list{border-top:1px solid var(--app-line);margin-top:30px}.task-list button{border:0;border-bottom:1px solid var(--app-line);width:100%;min-height:60px;color:var(--app-ink);text-align:left;cursor:pointer;transition:transform .14s var(--ease-out), color .18s ease;background:0 0;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:12px;padding:0;display:grid}.task-list button:active{transform:scale(.99)}.task-list button>i{border:1px solid color-mix(in srgb, var(--app-ink) 38%, transparent);width:18px;height:18px;font:normal 9px/1 var(--mono);border-radius:50%;place-items:center;display:grid}.task-list button>span{font-size:13px}.task-list button>small{color:var(--app-muted);font:9px/1 var(--mono)}.task-list button.is-complete>span{color:var(--app-muted);text-decoration:line-through}.task-list button.is-complete>i{border-color:var(--green);color:#fff;background:var(--green)}.app-footer{color:var(--app-muted);font:9px/1 var(--mono);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:24px;display:grid}.app-footer strong{color:var(--app-ink);font-weight:650}.app-footer i{font-style:normal}.public-workbench{--wb-canvas:#fafaf8;--wb-surface:#fff;--wb-muted:#6d6d68;--wb-faint:#969690;--wb-line:#e2e2de;--wb-line-strong:#c8c8c2;--wb-ready:#3267a8;--wb-ready-soft:#edf4ff;--wb-done:#496351;--wb-done-soft:#f0f3f0;--wb-blocked:#895d0a;--wb-blocked-soft:#fff4df;--wb-attention:#895d0a;--wb-vibe:#44607f;--wb-vibe-soft:#e9eef5;color:#252523;background:var(--wb-canvas);min-height:100%;font-family:var(--mono);grid-template-rows:auto minmax(560px,1fr);display:grid}.public-workbench-bar{z-index:12;border-bottom:1px solid var(--wb-line);background:#f8f9f8f7;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:7px 11px;display:flex;position:relative}.public-workbench-bar>div{align-items:center;gap:8px;min-width:0;display:flex}.public-workbench-identity>img{flex:none;width:25px;height:25px}.public-workbench-identity>span{gap:2px;min-width:0;display:grid}.public-workbench-identity b{font-size:11px;font-weight:700}.public-workbench-identity small{color:var(--wb-faint);font-size:8px}.public-workbench-bar button{border:1px solid var(--wb-line);min-height:32px;color:var(--wb-muted);background:var(--wb-surface);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:0 9px;font-size:9px;font-weight:650;display:inline-flex}.public-workbench-bar button b{background:#f1f1ee;border-radius:9px;place-items:center;min-width:17px;height:17px;font-size:8px;display:grid}.public-workbench-bar button.is-active{color:var(--wb-vibe);background:var(--wb-ready-soft);border-color:#b6c9e2}.public-workbench-shell{grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.public-workbench-shell.has-inspector{grid-template-columns:minmax(0,1fr) clamp(285px,36%,340px)}.public-canvas{background-color:var(--wb-canvas);background-image:radial-gradient(circle,#4a5c522b .65px,#0000 .76px);background-size:18px 18px;min-width:0;min-height:0;position:relative;overflow:hidden}.public-canvas-summary{z-index:3;color:var(--wb-muted);text-transform:uppercase;gap:11px;font-size:8px;font-weight:700;display:flex;position:absolute;top:14px;left:15px}.public-canvas-summary .state-done{color:var(--wb-done)}.public-canvas-summary .state-ready{color:var(--wb-ready)}.public-canvas-summary .state-blocked{color:var(--wb-blocked)}.public-canvas-map{min-height:420px;position:absolute;inset:45px 10px 38px}.public-causal-links{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.public-causal-link{transition:opacity .11s}.public-edge-visible{fill:none;stroke:#aaa9a3;stroke-width:1.15px;vector-effect:non-scaling-stroke}.public-edge-arrow{fill:#aaa9a3}.public-edge-control-halo{fill:#0000;stroke:#0000}.public-edge-control{fill:var(--wb-canvas);stroke:#aaa9a3;stroke-width:1px;vector-effect:non-scaling-stroke}.public-causal-link.is-related .public-edge-visible{stroke:#5f5f5a;stroke-width:1.65px}.public-causal-link.is-related .public-edge-arrow{fill:#5f5f5a}.public-causal-link.is-related .public-edge-control{fill:var(--wb-surface);stroke:#5f5f5a;stroke-width:1.5px}.public-causal-link.is-dimmed{opacity:.14}.workbench-ticket{z-index:2;top:var(--ticket-y);left:var(--ticket-x);aspect-ratio:232/104;border:1px solid var(--wb-line-strong);color:#252523;width:clamp(154px,29%,184px);box-shadow:none;text-align:left;cursor:pointer;transition:opacity .12s ease, border-color .15s ease, box-shadow .15s ease, transform .15s var(--ease-out);background:#fffffff7;border-radius:8px;align-content:space-between;gap:6px;padding:14px 12px 9px;display:grid;position:absolute}.workbench-ticket.state-done{background:var(--wb-done-soft)}.workbench-ticket.state-ready{background:var(--wb-ready-soft)}.workbench-ticket.state-blocked{background:var(--wb-blocked-soft)}.workbench-ticket.is-selected{border-color:#252523;box-shadow:0 0 0 1px #252523}.workbench-ticket.is-related:not(.is-selected){border-color:#89958e}.workbench-ticket.is-dimmed{opacity:.16}.workbench-ticket-accent{background:var(--wb-line-strong);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:9px;right:9px}.workbench-ticket.state-ready .workbench-ticket-accent{background:var(--wb-ready)}.workbench-ticket.state-done .workbench-ticket-accent{background:var(--wb-done)}.workbench-ticket.state-blocked .workbench-ticket-accent{background:var(--wb-blocked)}.workbench-ticket-aperture{border:1.5px solid var(--wb-line-strong);background:var(--wb-surface);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.workbench-ticket.state-done .workbench-ticket-aperture{border-color:var(--wb-done);background:var(--wb-done)}.workbench-ticket.state-ready .workbench-ticket-aperture{border:2px solid var(--wb-ready)}.workbench-ticket.state-blocked .workbench-ticket-aperture{border-color:var(--wb-blocked)}.workbench-ticket.is-selected .workbench-ticket-aperture{border-color:#252523}.workbench-ticket-head,.workbench-ticket-foot{justify-content:space-between;align-items:center;gap:5px;min-width:0;display:flex}.workbench-ticket-head>span{color:var(--wb-muted);letter-spacing:.012em;font-size:8px}.workbench-ticket-head>b{border:1px solid color-mix(in srgb, var(--wb-attention) 32%, transparent);color:var(--wb-attention);background:var(--wb-blocked-soft);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:3px 5px;font-size:6px;overflow:hidden}.workbench-ticket>strong{font-family:var(--ui);letter-spacing:-.015em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:600;line-height:1.22;display:-webkit-box;overflow:hidden}.workbench-ticket-foot>b{font-family:var(--ui);letter-spacing:.07em;align-items:center;gap:4px;font-size:7px;display:inline-flex}.workbench-ticket-foot>b>i{border:1px solid;border-radius:50%;width:5px;height:5px}.workbench-ticket.state-done .workbench-ticket-foot>b>i{background:currentColor}.workbench-ticket.state-done .workbench-ticket-foot>b{color:var(--wb-done)}.workbench-ticket.state-ready .workbench-ticket-foot>b{color:var(--wb-ready)}.workbench-ticket.state-blocked .workbench-ticket-foot>b{color:var(--wb-blocked)}.workbench-ticket-foot small{color:var(--wb-faint);font-size:7px}.workbench-ticket-proof{background:0 0;border-radius:2px;width:17px;height:2px;position:absolute;bottom:4px;right:12px}.workbench-ticket.state-done .workbench-ticket-proof{background:var(--wb-done)}.public-canvas-hint{color:var(--wb-faint);margin:0;font-size:8px;position:absolute;bottom:13px;left:15px}.public-inspector{z-index:7;border-left:1px solid var(--wb-line);background:var(--wb-surface);opacity:1;min-width:0;min-height:0;transition:opacity .14s ease, transform .16s var(--ease-out);grid-template-rows:auto auto minmax(0,1fr);display:grid;position:relative;overflow:hidden;transform:translate(0)}@starting-style{.public-inspector{opacity:0;transform:translate(10px)}}.public-inspector>header{border-bottom:1px solid var(--wb-line);grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:17px 16px 13px;display:grid}.public-inspector>header>div{gap:6px;min-width:0;display:grid}.public-inspector>header span{color:var(--wb-faint);font-size:8px}.public-inspector>header h2{font-family:var(--ui);letter-spacing:-.025em;margin:0;font-size:16px;font-weight:650;line-height:1.15}.public-inspector>header button,.public-rooms>header button{width:30px;height:30px;color:var(--wb-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;font-size:17px;display:grid}.public-inspector>nav{background:#f1f1ee;border-radius:7px;grid-template-columns:repeat(3,1fr);gap:3px;margin:11px 14px 0;padding:3px;display:grid}.public-inspector>nav button{min-width:0;height:30px;color:var(--wb-muted);cursor:pointer;font:600 9px/1 var(--mono);background:0 0;border:0;border-radius:5px;padding:0 5px}.public-inspector>nav button[aria-selected=true]{color:#252523;background:#fff;box-shadow:0 1px 2px #1b1b1914}.public-inspector-body{min-height:0;padding:14px 16px 26px;overflow:auto}.public-inspector-body>section{gap:15px;display:grid}.execution-signal,.attention-signal{border:1px solid var(--wb-line);color:var(--wb-muted);border-radius:8px;grid-template-columns:8px minmax(0,1fr);align-items:start;gap:9px;padding:11px 12px;display:grid}.execution-signal>i,.attention-signal>i{border:1px solid;border-radius:2px;width:8px;height:8px;margin-top:2px}.execution-signal>span,.attention-signal>span{gap:4px;display:grid}.execution-signal b,.attention-signal b{letter-spacing:.05em;font-size:8px}.execution-signal small,.attention-signal small{color:var(--wb-muted);font-family:var(--ui);font-size:9px;line-height:1.45}.execution-signal.state-ready{color:var(--wb-ready);background:var(--wb-ready-soft)}.execution-signal.state-ready>i,.execution-signal.state-done>i{background:currentColor}.execution-signal.state-done{color:var(--wb-done);background:var(--wb-done-soft)}.execution-signal.state-blocked{color:var(--wb-blocked);background:var(--wb-blocked-soft)}.attention-signal{color:var(--wb-attention);background:color-mix(in srgb, var(--wb-blocked-soft) 72%, white)}.attention-signal>i{border-radius:1px;transform:rotate(45deg)}.attention-signal.attention-recorded>i,.attention-signal.attention-complete>i{background:currentColor;box-shadow:inset 0 0 0 2px #fff}.inspector-metrics{border:1px solid var(--wb-line);border-radius:8px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.inspector-metrics>span{border-left:1px solid var(--wb-line);gap:3px;padding:10px;display:grid}.inspector-metrics>span:first-child{border-left:0}.inspector-metrics b{font-size:11px}.inspector-metrics small{color:var(--wb-faint);text-transform:uppercase;font-size:7px}.inspector-description{color:var(--wb-muted);font-family:var(--ui);margin:0;font-size:10px;line-height:1.55}.causal-neighbors{gap:8px;display:grid}.causal-neighbors>span,.room-consuming-label{color:var(--wb-faint);letter-spacing:.07em;font-size:7px}.causal-neighbors>div{gap:5px;display:grid}.causal-neighbors button,.room-consuming-tickets button{border:1px solid var(--wb-line);min-height:38px;color:var(--wb-muted);text-align:left;cursor:pointer;background:#fff;border-radius:6px;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 8px;font-size:8px;display:grid}.causal-neighbors button i,.room-consuming-tickets button i{border:1px solid var(--wb-ready);border-radius:2px;width:6px;height:6px}.causal-neighbors button small{color:var(--wb-faint);font-size:7px}.causal-neighbors p{color:var(--wb-faint);margin:0;font-size:8px}.contract-brief{background:linear-gradient(135deg, #fff, var(--wb-vibe-soft));border:1px solid #ccd8e6;border-radius:8px;grid-template-columns:8px minmax(0,1fr) auto;align-items:start;gap:9px;padding:12px;display:grid}.contract-brief>i{border:1px solid var(--wb-vibe);border-radius:2px;width:8px;height:11px;margin-top:2px}.contract-brief>span{gap:4px;display:grid}.contract-brief small{color:var(--wb-vibe);letter-spacing:.05em;font-size:7px}.contract-brief b{font-family:var(--ui);font-size:10px;line-height:1.4}.contract-brief>strong{color:var(--wb-muted);font-size:7px;font-weight:600}.acceptance-rail{border-top:1px solid var(--wb-line);display:grid}.acceptance-rail article{border-bottom:1px solid var(--wb-line);grid-template-columns:14px minmax(0,1fr);align-items:center;gap:8px;min-height:48px;display:grid}.acceptance-rail article>i{border:1px solid var(--wb-line-strong);color:#fff;background:var(--wb-done);width:10px;height:10px;font:normal 6px/1 var(--mono);border-radius:50%;place-items:center;display:grid}.acceptance-rail article.is-human>i{border-color:var(--wb-attention);background:var(--wb-blocked-soft);border-radius:2px;transform:rotate(45deg)}.acceptance-rail article>span{gap:4px;display:grid}.acceptance-rail article b{font-family:var(--ui);font-size:9px;font-weight:600}.acceptance-rail article small{color:var(--wb-faint);font-size:7px}.acceptance-rail article.is-human small{color:var(--wb-attention)}.bound-context{background:color-mix(in srgb, var(--wb-vibe-soft) 66%, white);border:1px solid #ccd8e6;border-radius:8px;gap:6px;padding:12px;display:grid}.bound-context>span{color:var(--wb-vibe);letter-spacing:.06em;font-size:7px}.bound-context>strong{font-family:var(--ui);font-size:10px}.bound-context>p{color:var(--wb-muted);font-family:var(--ui);margin:0;font-size:9px;line-height:1.5}.proof-summary{background:var(--wb-vibe-soft);border:1px solid #ccd8e6;border-radius:8px;gap:5px;padding:12px;display:grid}.proof-summary b{font-family:var(--ui);font-size:10px}.proof-summary span{color:var(--wb-muted);font-family:var(--ui);font-size:9px;line-height:1.45}.proof-trace{display:grid;position:relative}.proof-trace:before{background:var(--wb-line-strong);content:"";width:1px;position:absolute;top:10px;bottom:10px;left:4px}.proof-trace article{grid-template-columns:9px minmax(0,1fr);align-items:start;gap:9px;min-height:49px;padding:8px 0;display:grid;position:relative}.proof-trace article>i{z-index:1;border:1px solid var(--wb-line-strong);background:#fff;border-radius:2px;width:9px;height:9px;margin-top:2px}.proof-trace article.is-done>i,.proof-trace article.is-outcome>i{border-color:var(--wb-done);background:var(--wb-done)}.proof-trace article.is-attention>i{border-color:var(--wb-attention);background:var(--wb-blocked-soft)}.proof-trace article.is-quiet{opacity:.5}.proof-trace article.is-outcome{border:1px solid color-mix(in srgb, var(--wb-done) 20%, transparent);background:color-mix(in srgb, var(--wb-done-soft) 62%, white);border-left:0;border-radius:0 7px 7px 0;margin-top:3px;padding:10px 8px 10px 0}.proof-trace article>span{gap:4px;display:grid}.proof-trace article b{font-family:var(--ui);font-size:9px;font-weight:600}.proof-trace article small{color:var(--wb-faint);font-size:7px;line-height:1.4}.returned-context{border:1px dashed #ccd8e6;border-left:2px solid var(--wb-done);background:var(--wb-done-soft);gap:5px;padding:11px 12px;display:grid}.returned-context>span{color:var(--wb-done);letter-spacing:.06em;font-size:7px}.returned-context>b{font-family:var(--ui);font-size:9px}.returned-context>small{color:var(--wb-muted);font-size:7px}.public-rooms{z-index:10;border:1px solid var(--wb-line-strong);opacity:1;width:min(430px,100% - 22px);transition:opacity .14s ease, transform .18s var(--ease-out);background:#fffffffb;border-radius:11px;grid-template-rows:auto auto minmax(0,1fr);display:grid;position:absolute;top:11px;bottom:11px;left:11px;overflow:hidden;transform:translate(0);box-shadow:0 10px 30px #1b1b191c,0 2px 8px #1b1b190f}@starting-style{.public-rooms{opacity:0;transform:translate(-9px)}}.public-rooms>header{justify-content:space-between;align-items:center;min-height:50px;padding:8px 12px 5px;display:flex}.public-rooms>header strong{font-family:var(--ui);font-size:14px}.public-rooms>nav{border-bottom:1px solid var(--wb-line);padding:0 7px 8px;display:grid}.public-rooms>nav button{color:#252523;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:19px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:49px;padding:6px 8px;display:grid}.public-rooms>nav button[aria-current=page]{background:var(--wb-ready-soft)}.public-rooms>nav button>i{border:1px solid var(--wb-vibe);border-radius:3px;width:13px;height:13px}.public-rooms>nav button>span{gap:3px;min-width:0;display:grid}.public-rooms>nav button b{font-size:9px}.public-rooms>nav button small{color:var(--wb-muted);font-family:var(--ui);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.public-rooms>nav button em{color:var(--wb-done);font-size:7px;font-style:normal;font-weight:700}.public-rooms>section{min-height:0;padding:13px 14px 18px;overflow:auto}.room-title{gap:7px;padding-bottom:13px;display:grid}.room-title>span{color:var(--wb-vibe);letter-spacing:.06em;font-size:7px}.room-title>b{font-family:var(--ui);font-size:12px}.room-title>p{color:var(--wb-muted);font-family:var(--ui);margin:0;font-size:9px;line-height:1.5}.room-title>small{color:var(--wb-faint);letter-spacing:.025em;font-size:7px}.room-context-label{color:var(--wb-faint);letter-spacing:.07em;font-size:7px}.room-context-list{gap:7px;margin:7px 0 16px;display:grid}.room-context-list>article{border:1px solid var(--wb-line);background:#fff;border-radius:8px;gap:7px;padding:10px;display:grid}.room-context-list>article>header,.room-context-list>article>footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.room-context-list>article>header small{color:var(--wb-faint);font-size:7px}.context-kind{letter-spacing:.055em;border:1px solid;border-radius:4px;align-items:center;width:fit-content;min-height:17px;padding:0 5px;font-size:6px;font-weight:720;display:inline-flex}.context-kind.kind-decision{color:#356753;background:#edf5f0}.context-kind.kind-constraint{color:#7a5d27;background:#f8f2e6}.context-kind.kind-contract{color:#46627f;background:#eef3f8}.context-kind.kind-reference{color:#686b70;background:#f3f3f1}.room-context-list>article>b{font-family:var(--ui);font-size:10px;font-weight:640}.room-context-list>article>p{color:var(--wb-muted);font-family:var(--ui);margin:0;font-size:8px;line-height:1.48}.room-context-list>article>footer{border-top:1px solid var(--wb-line);padding-top:7px}.room-context-list>article>footer>span{color:var(--wb-faint);letter-spacing:.06em;font-size:6px}.room-context-list>article>footer>div{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.room-context-list>article>footer button{border:1px solid var(--wb-line);min-height:22px;color:var(--wb-vibe);background:var(--wb-vibe-soft);cursor:pointer;font:650 7px/1 var(--mono);border-radius:4px;padding:0 6px}.room-consuming-tickets{gap:5px;margin-top:7px;display:grid}.room-consuming-tickets button{grid-template-columns:7px minmax(0,1fr)}.room-consuming-tickets button>span{gap:3px;min-width:0;display:grid}.room-consuming-tickets button b{font-size:8px}.room-consuming-tickets button small{color:var(--wb-muted);font-family:var(--ui);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.copy-status{z-index:80;border:1px solid var(--line-strong);color:#fff;background:var(--ink);max-width:min(330px,100vw - 36px);min-height:0;font:9px/1.3 var(--ui);opacity:0;pointer-events:none;transition:opacity .18s var(--ease-out), transform .2s var(--ease-out);border-radius:7px;padding:9px 11px;position:fixed;bottom:17px;right:18px;transform:translateY(8px);box-shadow:0 8px 28px #1d22202e}.copy-status:not(:empty){opacity:1;transform:translateY(0)}.chat-panel{background:#f7f8f6}.agent-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fafbf8f5;min-height:58px;padding:8px 14px}.agent-thread,.agent-controls,.agent-model{align-items:center;min-width:0;display:flex}.agent-thread>span{gap:3px;min-width:0;display:grid}.agent-thread strong{letter-spacing:-.018em;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.agent-thread small{color:var(--quiet);font:9px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread-menu{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-content:center;gap:4px;display:grid}.thread-menu i{background:currentColor;width:13px;height:1px;display:block}.agent-model{border:1px solid var(--line);min-height:32px;color:var(--muted);background:#ffffffa3;border-radius:8px;gap:6px;padding:0 9px;font-size:10px;font-weight:580}.agent-model>i{background:var(--green);width:6px;height:6px;box-shadow:0 0 0 3px var(--green-soft);border-radius:50%}.agent-model small{color:var(--faint);font-size:9px}.exit-demo{border-radius:8px;min-height:32px}.conversation,.site-shell.has-workspace .conversation{background:#f7f8f6;padding:30px clamp(19px,4.5vw,54px) 34px;scroll-padding-block:24px}.site-shell:not(.has-workspace) .conversation{display:block}.agent-message{grid-template-columns:30px minmax(0,1fr);gap:12px;width:min(100%,730px);margin-inline:auto}.agent-avatar{background:#fff;border-radius:9px;width:30px;height:30px;box-shadow:0 1px 3px #1d22200a}.agent-avatar img{width:18px;height:19px}.message-label{min-height:19px;font-family:var(--ui);letter-spacing:0;gap:7px;font-size:10px}.message-label>span{color:var(--ink);font-weight:650}.message-label small{color:var(--faint);font-size:9px;font-weight:480}.welcome-message{width:min(100%,730px)}.welcome-copy{max-width:630px;font-size:14px;line-height:1.55}.welcome-prompt{max-width:640px;color:var(--muted);margin:14px 0 0;font-size:12px;line-height:1.55}.welcome-prompt code{border:1px solid var(--line);color:var(--ink);background:var(--surface-deep);font:10px/1.4 var(--mono);border-radius:5px;padding:2px 5px}.welcome-actions{background:#ffffffbf;border-radius:10px;margin-top:18px}.welcome-actions button,.welcome-actions a{grid-template-columns:25px minmax(0,1fr) auto;gap:8px;min-height:58px;padding:10px 11px}.action-brand{border-radius:6px;width:24px;height:24px}.brand-symbol{width:18px;height:18px}.brand-symbol-github{width:16px;height:16px}.welcome-actions b{font-size:10px}.welcome-actions small{font-size:8px}.founders{grid-template-columns:64px minmax(0,1fr);gap:8px;margin-top:12px;padding-top:11px}.founders-label{color:var(--quiet);font-family:var(--ui);letter-spacing:0;font-size:9px}.founder-profile{grid-template-columns:32px minmax(0,1fr);gap:8px}.founder-photo{border-radius:8px;width:32px;height:32px}.founder-identity{gap:4px}.founder-identity strong{font-size:9px}.founder-identity a{font-size:8px}.welcome-message.is-compact .welcome-copy{font-size:11px;line-height:1.48}.user-message{background:#e8ebe7;border:0;border-radius:16px 16px 4px;width:fit-content;max-width:min(82%,470px);margin:25px max(0px,50% - 365px) 25px auto;padding:11px 14px;box-shadow:inset 0 0 0 1px #181c1c09}.user-message p{font-size:12px;line-height:1.48}.cycle-message{border-top:0;margin-top:22px;padding-top:0}.cycle-message h2{display:none}.cycle-message p strong{color:var(--ink);font-weight:650}.human-decision{border-top:0}.agent-tool-stack{gap:6px;margin-top:12px;display:grid}.agent-tool-result{border:1px solid var(--line);background:#ffffffad;border-radius:8px;grid-template-columns:19px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:47px;padding:8px 10px;display:grid}.agent-tool-result>i{border:1px solid var(--line-strong);width:18px;height:18px;color:var(--green);font:9px/1 var(--ui);border-radius:50%;place-items:center;font-style:normal;display:grid}.agent-tool-result.is-done>i{border-color:color-mix(in srgb, var(--green) 45%, var(--line));background:var(--green-soft)}.agent-tool-result.is-working>i{border-top-color:var(--green);animation:.9s linear infinite agent-working}.agent-tool-result.is-attention>i{border-color:color-mix(in srgb, var(--amber) 52%, var(--line));color:var(--amber);background:var(--amber-soft)}.agent-tool-result>span{gap:3px;min-width:0;display:grid}.agent-tool-result b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:620;overflow:hidden}.agent-tool-result small{color:var(--quiet);font:8px/1.3 var(--ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-tool-result em{color:var(--faint);font:7px/1 var(--mono);text-transform:uppercase;font-style:normal}@keyframes agent-working{to{transform:rotate(360deg)}}.human-decision>.message-content>.agent-tool-result{margin-top:9px}.composer{background:#f7f8f6;border-top:0;padding:9px 14px 13px}.composer-field{background:#fffffff5;border-color:#181c1c33;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:9px;min-height:61px;padding:8px;box-shadow:0 5px 22px #1d22200e,0 1px 2px #1d22200a}.composer-field textarea{resize:none;width:100%;min-width:0;min-height:38px;max-height:96px;color:var(--ink);background:0 0;border:0;outline:0;padding:10px 0 6px;font-size:12px;line-height:1.45}.composer-field textarea:disabled{opacity:1;-webkit-text-fill-color:var(--quiet)}.add-context,.send-button{border-radius:10px;place-items:center;width:36px;height:36px;min-height:36px;padding:0;display:grid}.add-context{border:1px solid var(--line);color:var(--muted);background:var(--surface);cursor:default}.add-context span{font-size:19px;font-weight:350;line-height:1}.send-button span{margin:0;font-size:15px}.reset-button{border-radius:10px;min-height:36px}.composer-meta{min-height:21px;color:var(--faint);justify-content:space-between;align-items:end;gap:12px;padding:7px 3px 0;font-size:8px;display:flex}.composer-meta span{align-items:center;gap:5px;display:inline-flex}.composer-meta i{background:var(--green);border-radius:50%;width:5px;height:5px}.composer-meta kbd{border:1px solid var(--line);background:var(--surface);font:7px/1.3 var(--mono);border-radius:4px;padding:1px 4px}.activity-view{background:#f5f6f4;min-height:100%;padding:clamp(25px,4vw,44px)}.activity-heading{max-width:620px}.activity-heading>span{color:var(--green);font:8px/1 var(--mono);letter-spacing:.08em}.activity-heading h2{letter-spacing:-.055em;margin:10px 0 8px;font-size:clamp(27px,3vw,39px);font-weight:650;line-height:1}.activity-heading p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.activity-grid{grid-template-columns:minmax(0,1.14fr) minmax(220px,.86fr);gap:12px;margin-top:26px;display:grid}.execution-trace,.affected-files{border:1px solid var(--line-strong);background:#ffffffc2;border-radius:10px;overflow:hidden;box-shadow:0 8px 26px #1d222009}.execution-trace>header,.affected-files>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:9px 12px;display:flex}.execution-trace>header span,.affected-files>header span{font-size:10px;font-weight:640}.execution-trace>header small,.affected-files>header small{color:var(--quiet);font:8px/1 var(--mono)}.execution-steps{padding:5px 10px 8px;position:relative}.execution-steps:before{background:var(--line);content:"";width:1px;position:absolute;top:22px;bottom:25px;left:21px}.execution-steps article{grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:57px;padding:7px 3px;display:grid;position:relative}.execution-steps article>i{z-index:1;border:1px solid var(--line-strong);width:18px;height:18px;color:var(--green);font:8px/1 var(--ui);background:#fff;border-radius:50%;place-items:center;font-style:normal;display:grid}.execution-steps article.is-complete>i{border-color:color-mix(in srgb, var(--green) 40%, var(--line));background:var(--green-soft)}.execution-steps article.is-current>i{border:5px solid var(--green-soft);background:var(--green);box-shadow:0 0 0 1px var(--green)}.execution-steps article.is-human>i{border:1px solid var(--amber);color:var(--amber);background:var(--amber-soft);box-shadow:0 0 0 4px var(--amber-soft)}.execution-steps article.is-upcoming{opacity:.43}.execution-steps article.is-outcome{border-top:1px solid var(--line);margin-top:3px}.execution-steps article>span{gap:4px;min-width:0;display:grid}.execution-steps article b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:620;overflow:hidden}.execution-steps article small{color:var(--quiet);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.execution-steps time{color:var(--faint);font:7px/1 var(--mono)}.file-list{padding:5px 7px;display:grid}.file-list article{border-radius:7px;grid-template-columns:17px minmax(0,1fr) 15px;align-items:center;gap:7px;min-height:49px;padding:6px;display:grid}.file-list article.is-pending{opacity:.42}.file-list article>i{border:1px solid var(--line-strong);background:linear-gradient(135deg, transparent 0 65%, var(--surface-deep) 65%);border-radius:2px;width:13px;height:16px}.file-list article>span{gap:3px;min-width:0;display:grid}.file-list article b{font:8px/1.2 var(--mono);text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.file-list article small{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.file-list article em{color:var(--green);font:8px/1 var(--mono);font-style:normal}.change-summary{border-top:1px solid var(--line);min-height:42px;color:var(--quiet);font:8px/1 var(--mono);align-items:center;gap:10px;padding:8px 12px;display:flex}.change-summary span{align-items:center;gap:4px;display:inline-flex}.change-summary span:first-child{color:var(--green)}.change-summary span:nth-child(2){color:var(--red)}.change-summary i{background:currentColor;border-radius:50%;width:5px;height:5px}.change-summary small{color:var(--faint);font:7px/1 var(--mono);text-transform:uppercase;margin-left:auto}@media (hover:hover) and (pointer:fine){.brand-home:hover,.site-actions>button:hover,.site-actions>a:hover,.exit-demo:hover,.thread-menu:hover,.welcome-actions button:hover,.welcome-actions a:hover,.palette-choices button:hover,.task-heading button:hover{background-color:#ffffffd1}.site-actions .masthead-copy:hover{background-color:#2d3332}.founder-identity a:hover{color:var(--ink)}.thread-menu:hover{border-color:var(--line);background:#ffffffc2}.file-list article:hover{background:#ecefecb8}.palette-choices button:hover{transform:translateY(-1px)}.public-workbench-bar button:hover,.public-inspector>header button:hover,.public-rooms>header button:hover,.public-inspector>nav button:hover,.causal-neighbors button:hover,.room-consuming-tickets button:hover,.public-rooms>nav button:hover{color:#252523;background-color:#f1f1ee}.workbench-ticket:hover{opacity:1}}@media (width<=1040px){.site-shell.has-workspace{align-items:start}.site-shell.has-workspace .coding-experience{grid-template-columns:minmax(330px,.72fr) minmax(0,1fr);height:auto;min-height:calc(100svh - 86px)}.site-shell.has-workspace .chat-panel{height:calc(100svh - 86px);min-height:680px}.workspace{min-height:680px}.workspace-location b{display:none}.activity-grid{grid-template-columns:1fr}.public-workbench-shell,.public-workbench-shell.has-inspector{grid-template-columns:minmax(0,1fr)}.public-inspector{width:min(340px,82%);position:absolute;top:0;bottom:0;right:0;box-shadow:-12px 0 32px #1b1b1917}}@media (width<=760px){.site-shell{grid-template-rows:auto minmax(0,1fr);align-items:start;padding:0}.site-masthead{border-bottom:1px solid var(--line);background:var(--paper);min-height:58px;padding:0 10px}.brand-home{gap:8px;min-width:0}.brand-mark{width:29px;height:29px}.brand-name{font-size:16px}.brand-descriptor{display:none}.site-actions{gap:0}.site-actions>button,.site-actions>a{min-height:38px;padding-inline:8px;font-size:10px}.site-actions .masthead-copy{margin-left:2px}.masthead-copy .copy-glyph{display:none}.coding-experience,.site-shell.has-workspace .coding-experience{width:100%;height:auto;min-height:calc(100svh - 58px);box-shadow:none;border:0;border-radius:0;grid-template-columns:1fr}.chat-panel,.site-shell.has-workspace .chat-panel{border-right:0;border-bottom:1px solid var(--line-strong);height:calc(100svh - 58px);min-height:660px}.agent-header{min-height:52px;padding-inline:12px}.agent-thread small{max-width:130px}.agent-model{padding-inline:8px}.agent-model small{display:none}.exit-demo{min-height:34px;font-size:9px}.conversation,.site-shell.has-workspace .conversation{padding:18px 15px 22px}.site-shell:not(.has-workspace) .conversation{align-content:start;padding-top:clamp(24px,7vh,52px)}.welcome-message h1{margin:8px 0 9px;font-size:clamp(24px,7.5vw,31px)}.welcome-copy{font-size:13px;line-height:1.48}.welcome-prompt{margin-top:11px;font-size:11px}.welcome-actions{grid-template-columns:1fr 1fr;margin-top:19px}.welcome-actions a{border-top:1px solid var(--line);grid-column:1/-1;min-height:51px}.welcome-actions button{min-height:59px}.welcome-actions button:nth-child(2){border-right:0}.welcome-actions small{white-space:normal}.founders{grid-template-columns:50px minmax(0,1fr);gap:7px;margin-top:10px;padding-top:10px}.founders-label{padding-top:0}.founder-list{grid-column:2}.founder-profile{grid-template-columns:30px minmax(0,1fr);gap:7px;padding-right:8px}.founder-profile+.founder-profile{padding-left:9px}.founder-photo{width:30px;height:30px}.founder-identity{gap:6px}.founder-identity strong{font-size:10px}.founder-identity nav{gap:4px 7px}.composer{padding:10px 10px 11px}.composer-field{padding-left:10px}.composer-field textarea{font-size:12px}.composer-meta span:last-child{display:none}.site-shell.has-workspace .workspace{min-height:720px}.workspace-header{position:sticky;top:0}.workspace-location span{max-width:120px}.task-surface{width:calc(100% - 26px);margin:28px auto;padding:23px 20px}.app-header{padding-inline:16px}.public-workbench{grid-template-rows:auto minmax(650px,1fr)}.public-workbench-bar{min-height:52px;padding-inline:10px}.public-workbench-bar button{min-width:44px;min-height:44px}.public-canvas-map{gap:9px;min-height:0;padding:54px 13px 66px;display:grid;position:relative;inset:auto}.public-causal-links{display:none}.workbench-ticket{aspect-ratio:auto;width:100%;min-height:88px;position:relative;top:auto;left:auto}.workbench-ticket.is-dimmed{opacity:.32}.public-canvas-hint{line-height:1.4;right:14px}.public-inspector{border-top:1px solid var(--wb-line);border-left:0;border-radius:14px 14px 0 0;width:100%;height:min(66%,620px);inset:auto 0 0;transform:translateY(0);box-shadow:0 -12px 32px #1b1b1917}@starting-style{.public-inspector{opacity:0;transform:translateY(18px)}}.public-inspector>header{padding:15px 14px 12px}.public-inspector>header button,.public-rooms>header button{width:44px;height:44px}.public-inspector>nav button{height:44px}.public-inspector-body{padding-inline:14px}.causal-neighbors button,.room-consuming-tickets button{min-height:44px}.public-rooms{border-width:1px 0 0;border-radius:16px 16px 0 0;width:100%;height:68%;inset:auto 0 0}@starting-style{.public-rooms{opacity:0;transform:translateY(18px)}}.public-rooms>nav{gap:5px;display:flex;overflow-x:auto}.public-rooms>nav button{flex:0 0 190px;min-height:54px}.palette-choices{grid-template-columns:1fr}.palette-choices button{min-height:52px}.activity-view{padding:24px 14px}.activity-heading h2{font-size:28px}.activity-grid{margin-top:19px}}@media (width<=390px) and (height<=760px){.site-shell:not(.has-workspace) .conversation{padding-top:17px}.welcome-message h1{font-size:23px}.welcome-copy{font-size:13px}.welcome-actions button{min-height:53px}.welcome-actions b{font-size:10px}.founders{gap:7px;padding-top:8px}.founder-photo{width:28px;height:28px}.founder-profile{grid-template-columns:28px minmax(0,1fr)}.composer-meta{display:none}}@media (width<=520px){.site-actions>a{display:none}.site-actions .overview-link{padding-inline:7px}.site-actions .masthead-copy{padding-inline:9px}.masthead-copy>span{font-size:0}.masthead-copy>span:after{content:"Copy";font-size:10px}}@media (prefers-reduced-motion:reduce){.brand-home,.site-actions button,.site-actions a,.exit-demo,.thread-menu,.welcome-actions button,.welcome-actions a,.founder-identity a,.palette-choices button,.send-button,.reset-button,.workspace,.workspace-header nav button,.localhost-app,.app-header,.task-surface,.task-heading button,.task-list button,.public-causal-links,.workbench-ticket,.public-inspector,.public-rooms,.agent-tool-result,.copy-status{transition:opacity .18s,color .18s,background-color .18s,border-color .18s;transform:none}.agent-tool-result.is-working>i{animation:none}}@media (forced-colors:active){.brand-mark,.agent-avatar,.agent-model,.agent-tool-result,.welcome-actions,.founder-photo,.composer-field,.workspace-header nav,.task-surface,.workbench-ticket,.public-inspector,.public-rooms{forced-color-adjust:auto}.agent-status,.workspace-location i,.quiet-progress i,.task-list button.is-complete>i{background:canvastext}}.site-shell{background:radial-gradient(circle at 50% -25%,#ffffffb8,#0000 48%),#dfe3df;justify-content:center;align-items:center;min-height:100svh;padding:16px;display:flex}.coding-experience,.site-shell.has-workspace .coding-experience{background:#f7f8f6;border:1px solid #181c1c30;border-radius:12px;grid-template-rows:58px minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:min(1580px,100%);height:calc(100svh - 32px);min-height:640px;display:grid;overflow:hidden;box-shadow:0 26px 80px #161c1a21,0 2px 7px #161c1a0d}.site-shell.has-workspace .coding-experience{grid-template-columns:minmax(360px,.76fr) minmax(0,1.24fr)}.agent-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fafbf8f5;grid-area:1/1/auto/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;min-height:58px;padding:8px 11px;display:grid}.agent-thread{gap:9px}.thread-menu{width:32px;height:32px}.app-brand{border:1px solid var(--line);background:#fff;border-radius:8px;flex:none;place-items:center;width:29px;height:29px;display:grid;box-shadow:0 1px 3px #1d22200d}.app-brand img{width:16px;height:17px}.agent-thread strong{font-size:11px;font-weight:660}.agent-thread small{color:var(--faint);align-items:center;gap:6px;font-size:8px;display:flex}.agent-thread small i{color:var(--line-strong);font-style:normal}.agent-controls{gap:5px}.topbar-copy,.topbar-github,.exit-demo{border:1px solid var(--line);min-height:34px;color:var(--muted);cursor:pointer;transition:transform .14s var(--ease-out), color .16s ease, border-color .16s ease, background-color .16s ease;background:#ffffffa8;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:9px;font-weight:610;text-decoration:none;display:inline-flex}.topbar-github{width:34px;padding:0}.topbar-github .brand-symbol{opacity:.78;width:15px;height:15px}.topbar-copy .copy-glyph{width:12px;height:12px}.topbar-copy:active,.topbar-github:active,.exit-demo:active{transform:scale(.97)}.surface-switcher{display:none}.chat-panel{background:#f7f8f6;border-right:0;grid-area:2/1;min-height:0}.site-shell.has-workspace .chat-panel{border-right:1px solid var(--line-strong)}.workspace{opacity:1;min-height:0;transition:opacity .22s var(--ease-out), transform .24s var(--ease-out);grid-area:2/2;transform:translate(0)}@starting-style{.workspace{opacity:0;transform:translate(2.5%)}}.conversation,.site-shell.has-workspace .conversation{background:#f7f8f6;padding:clamp(22px,4vh,42px) clamp(20px,4vw,54px) 30px}.site-shell:not(.has-workspace) .conversation{align-content:center;display:grid}.agent-message,.welcome-message{width:min(100%,720px)}.welcome-message h1{letter-spacing:-.052em;max-width:560px;margin:9px 0 10px;font-size:clamp(29px,3.6vw,43px);font-weight:650;line-height:1.02}.welcome-copy{color:#3f4847;max-width:640px;font-size:14px;line-height:1.58}.welcome-prompt{border:1px solid var(--line);max-width:640px;color:var(--muted);background:#ffffff8f;border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 10px;margin:16px 0 0;padding:10px 11px;display:grid}.welcome-prompt>span{color:var(--green);font:700 7px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase}.welcome-prompt code{min-width:0;color:var(--ink);font:10px/1.4 var(--mono);background:0 0;border:0;padding:0}.welcome-prompt small{color:var(--faint);grid-column:2;font-size:8px;line-height:1.4}.welcome-actions{background:#ffffff8a;border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.welcome-actions button,.welcome-actions a{min-height:56px;padding:9px 10px}.founders{margin-top:10px;padding-top:10px}.welcome-message.is-compact h1{margin:2px 0 5px;font-size:18px;line-height:1.1}.welcome-message.is-compact .welcome-copy{max-width:540px;color:var(--muted);font-size:10px}.welcome-message.is-compact .welcome-prompt,.welcome-message.is-compact .welcome-actions,.welcome-message.is-compact .founders{display:none}.user-message{background:#e8ebe7;border-radius:16px 16px 5px;max-width:min(82%,500px);margin-block:25px;padding:11px 14px}.user-message p{font-size:12px}.cycle-message{margin-top:24px}.cycle-message p{color:#323a39;font-size:12px;line-height:1.62}.follow-up-message{padding-bottom:5px}.agent-tool-stack{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:0;margin-top:10px}.agent-tool-result{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;min-height:43px;padding:7px 2px}.agent-tool-result:last-child{border-bottom:0}.agent-tool-result>i{background:#fff;width:17px;height:17px}.agent-tool-result b{font-size:9px}.agent-tool-result small{font-size:8px}.palette-choices{gap:6px;margin-top:14px}.palette-choices button{background:#ffffff8a;border-radius:8px;min-height:58px}.composer{background:linear-gradient(#f7f8f6b8,#f7f8f6 24%);padding:8px 11px 11px}.composer-field{border-radius:14px;min-height:58px;box-shadow:0 5px 22px #1d22200e,0 1px 2px #1d222009}.composer-field textarea{min-height:36px;font-size:12px}.composer-meta{min-height:19px;padding-top:6px}.workspace-header{background:#fafbf8fa;min-height:52px;padding:8px 11px}.workspace-header nav{border-radius:8px}.workspace-header nav button{border-radius:6px;min-height:31px}.workspace-location{font-size:8px}.activity-view{min-height:100%;padding:clamp(20px,3.4vw,36px)}.activity-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:18px;max-width:none;padding-bottom:17px;display:flex}.activity-heading>div{gap:7px;display:grid}.activity-heading>div>span{color:var(--green);font:700 7px/1 var(--mono);letter-spacing:.08em}.activity-heading h2{margin:0;font-size:clamp(23px,2.5vw,32px);font-weight:650}.activity-state{border:1px solid var(--line);min-height:30px;color:var(--muted);background:#ffffffa3;border-radius:8px;align-items:center;gap:7px;padding:0 9px;font-size:8px;font-weight:650;display:inline-flex}.activity-state i{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 3px var(--green-soft);border-radius:50%}.activity-state.state-decision{color:var(--amber)}.activity-state.state-decision i{background:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.activity-grid{grid-template-columns:minmax(0,1.16fr) minmax(225px,.84fr);gap:10px;margin-top:17px}.execution-trace,.affected-files{border-radius:9px;box-shadow:0 5px 18px #1d222006}@media (hover:hover) and (pointer:fine){.topbar-copy:hover,.topbar-github:hover,.exit-demo:hover{color:var(--ink);border-color:var(--line-strong);background:#fff}}@media (width<=1040px) and (width>=761px){.site-shell.has-workspace .coding-experience{grid-template-columns:minmax(330px,.68fr) minmax(0,1.32fr)}.activity-grid{grid-template-columns:1fr}.workspace-location b{display:none}}@media (width<=760px){.site-shell{background:#f7f8f6;min-height:100svh;padding:0;display:block}.coding-experience,.site-shell.has-workspace .coding-experience{width:100%;height:100svh;min-height:620px;box-shadow:none;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.agent-header{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:7px 8px}.site-shell.has-workspace .agent-header{grid-template-rows:38px 40px}.site-shell.has-workspace .surface-switcher{border:1px solid var(--line);background:var(--surface-deep);border-radius:9px;grid-area:2/1/auto/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;width:100%;padding:3px;display:grid}.surface-switcher button{min-width:0;min-height:32px;color:var(--quiet);background:0 0;border:0;border-radius:6px;padding:0 5px;font-size:9px;font-weight:620}.surface-switcher button[aria-current=page]{color:var(--ink);background:#fff;box-shadow:0 1px 3px #1d222012}.thread-menu{display:none}.app-brand{width:27px;height:27px}.agent-thread{gap:7px}.agent-thread strong{font-size:10px}.agent-thread small{max-width:210px;font-size:7px}.topbar-copy{width:auto;padding:0 9px}.topbar-copy>span{display:inline}.exit-demo{width:34px;padding:0}.exit-demo>span:last-child,.topbar-github{display:none}.chat-panel,.site-shell.has-workspace .chat-panel,.workspace{border:0;grid-area:2/1;width:100%;height:auto;min-height:0}.site-shell.has-workspace.surface-chat .workspace,.site-shell.has-workspace:not(.surface-chat) .chat-panel{display:none}.site-shell.has-workspace:not(.surface-chat) .workspace{display:grid}.conversation,.site-shell.has-workspace .conversation{padding:19px 14px 22px}.site-shell:not(.has-workspace) .conversation{align-content:start;padding-top:clamp(28px,7vh,54px)}.welcome-message h1{margin-top:7px;font-size:clamp(27px,8vw,34px)}.welcome-copy{font-size:13px}.welcome-prompt{grid-template-columns:1fr}.welcome-prompt code,.welcome-prompt small{grid-column:1}.welcome-actions{grid-template-columns:1fr 1fr}.welcome-actions a{border-top:1px solid var(--line);grid-column:1/-1}.founders{grid-template-columns:48px minmax(0,1fr)}.founder-list{grid-column:2}.composer{padding-inline:9px}.composer-meta span:last-child{display:none}.workspace-header{min-height:48px}.workspace-header nav{display:none}.workspace-location{justify-content:space-between;width:100%}.workspace-location span{max-width:none}.workspace-content{overflow:auto}.activity-view{padding:20px 13px}.activity-heading{align-items:center}.activity-heading h2{font-size:23px}.activity-grid{grid-template-columns:1fr}.public-workbench{grid-template-rows:auto minmax(560px,1fr);min-height:100%}}@media (width<=440px){.agent-thread small{max-width:165px}.topbar-copy{width:34px;padding:0}.topbar-copy>span{display:none}.welcome-actions{grid-template-columns:1fr}.welcome-actions button,.welcome-actions a{border-right:0;border-top:1px solid var(--line);grid-column:1}.welcome-actions button:first-child{border-top:0}.founders{display:none}.activity-state{text-align:center;max-width:112px}}@media (prefers-reduced-motion:reduce){.workspace{transition:opacity .18s;transform:none}}.playback-shell{background:#dfe3df;justify-content:center;align-items:center;min-height:100svh;padding:16px;display:flex}.playback-experience{width:min(1520px,100%);height:calc(100svh - 32px);min-height:660px;box-shadow:var(--shadow-window);background:#f7f8f6;border:1px solid #181c1c30;border-radius:12px;grid-template-rows:58px auto minmax(0,1fr) auto;display:grid;overflow:hidden}.playback-header{border-bottom:1px solid var(--line);background:#fafbf8fa;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:8px 11px;display:flex}.playback-brand{min-width:0;min-height:40px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:2px;display:inline-flex}.playback-brand>span:last-child{gap:2px;display:grid}.playback-brand strong{letter-spacing:-.02em;font-size:12px;font-weight:680}.playback-brand small{color:var(--quiet);font:7px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase}.playback-header-actions{align-items:center;gap:5px;display:flex}.playback-stages{border-bottom:1px solid var(--line);background:#f1f3f0;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.playback-stages button{border:0;border-right:1px solid var(--line);min-width:0;min-height:64px;color:var(--quiet);text-align:left;cursor:pointer;background:0 0;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;padding:9px 12px;display:grid}.playback-stages button:last-child{border-right:0}.playback-stages button:disabled{color:var(--faint);opacity:.6}.playback-stages button>i{border:1px solid var(--line-strong);width:24px;height:24px;color:inherit;font:7px/1 var(--mono);border-radius:50%;place-items:center;font-style:normal;display:grid}.playback-stages button>span{gap:3px;min-width:0;display:grid}.playback-stages button b{font-size:10px;font-weight:670}.playback-stages button small{text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.3;overflow:hidden}.playback-stages button.is-active{color:var(--ink);box-shadow:inset 0 -2px 0 var(--green);background:#fff}.playback-stages button.is-active>i{color:#fff;border-color:var(--green);background:var(--green)}.playback-stages button.is-complete{color:var(--green)}.playback-stages button.is-complete>i{border-color:color-mix(in srgb, var(--green) 55%, transparent);background:var(--green-soft)}.playback-content{background:#eef1ee;min-width:0;min-height:0;overflow:hidden}.playback-content.phase-idle{background:#f7f8f6;overflow:auto}.playback-content.phase-decision{grid-template-rows:auto minmax(0,1fr);display:grid}.playback-intro{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-content:center;gap:22px 48px;width:min(1120px,100%);min-height:100%;margin:0 auto;padding:clamp(28px,5vw,70px);display:grid}.playback-intro-copy{align-self:center}.playback-kicker{color:var(--green);font:700 8px/1 var(--mono);letter-spacing:.1em}.playback-intro h1{letter-spacing:-.058em;max-width:680px;margin:13px 0 15px;font-size:clamp(38px,5.2vw,66px);font-weight:650;line-height:.99}.playback-intro-copy>p{color:#414a49;max-width:620px;margin:0;font-size:clamp(14px,1.4vw,17px);line-height:1.6}.start-playback{color:#fff;background:var(--green);cursor:pointer;border:1px solid #315944;border-radius:8px;align-items:center;gap:24px;min-height:44px;margin-top:24px;padding:0 16px;font-size:11px;font-weight:660;display:inline-flex}.request-object{border:1px solid var(--line-strong);min-height:226px;box-shadow:var(--shadow-ticket);background:#fff;border-radius:10px;align-self:center;padding:22px}.request-object header{color:var(--quiet);font:7px/1 var(--mono);letter-spacing:.09em;justify-content:space-between;align-items:center;display:flex}.request-object>strong{letter-spacing:-.035em;max-width:340px;margin-top:40px;font-size:clamp(21px,2.2vw,29px);line-height:1.15;display:block}.request-object>p{max-width:370px;color:var(--muted);font-size:10px;line-height:1.5}.request-object footer{border-top:1px solid var(--line);color:var(--green);font:700 7px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;margin-top:25px;padding-top:13px;display:flex}.request-object footer i{background:var(--green);border-radius:50%;width:7px;height:7px}.playback-install{border:1px solid var(--line);background:#fff9;border-radius:9px;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.playback-install button,.playback-install a{border:0;border-right:1px solid var(--line);min-width:0;min-height:62px;color:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 12px;text-decoration:none;display:grid}.playback-install>:last-child{border-right:0}.playback-install button>span:nth-child(2),.playback-install a>span:nth-child(2){gap:3px;min-width:0;display:grid}.playback-install b{font-size:10px}.playback-install small{color:var(--quiet);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.playback-founders{color:var(--quiet);grid-column:1/-1;align-items:center;gap:12px;display:flex}.playback-founders>span{font:700 7px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.playback-founders article{border-left:1px solid var(--line);align-items:center;gap:8px;padding-left:12px;display:flex}.playback-founders article>img{object-fit:cover;filter:grayscale(.22);border-radius:50%;width:28px;height:28px}.playback-founders article>span{gap:2px;display:grid}.playback-founders article b{color:var(--ink);font-size:9px;font-weight:640}.playback-founders article b small{color:var(--quiet);font-weight:500}.playback-founders nav{gap:7px;display:flex}.playback-founders nav a{color:var(--quiet);font-size:7px;text-decoration:none}.playback-decision{border-bottom:1px solid var(--line-strong);background:var(--amber-soft);grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);align-items:center;gap:22px;padding:13px 18px;display:grid}.playback-decision>div:first-child{gap:4px;display:grid}.playback-decision>div:first-child>span{color:var(--amber);font:700 7px/1 var(--mono);letter-spacing:.08em}.playback-decision h2{letter-spacing:-.025em;margin:0;font-size:17px}.playback-decision p{color:var(--muted);margin:0;font-size:9px;line-height:1.45}.playback-decision .palette-choices{margin:0}.playback-decision .palette-choices button{background:#ffffff94;min-height:52px}.playback-content .workspace{opacity:1;grid-area:auto;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid;transform:none}.playback-content .workspace-header nav{display:grid}.playback-controls{border-top:1px solid var(--line);background:#fafbf8;grid-template-columns:minmax(120px,auto) minmax(0,1fr) minmax(190px,auto);align-items:center;gap:12px;min-height:60px;padding:8px 11px;display:grid}.playback-controls>button{border:1px solid var(--line);min-height:42px;color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 13px;font-size:10px;font-weight:640;display:inline-flex}.playback-controls>button.is-primary{color:#fff;background:var(--green);border-color:#315944;justify-self:end}.playback-controls>button:disabled{color:var(--faint);border-color:var(--line);background:var(--surface-deep)}.playback-controls>span{text-align:center;justify-items:center;gap:2px;display:grid}.playback-controls>span b{font-size:9px}.playback-controls>span small{color:var(--quiet);font-size:8px}@media (hover:hover) and (pointer:fine){.playback-brand:hover{color:var(--green)}.playback-stages button:not(:disabled):hover{color:var(--ink);background:#ffffffad}.playback-install button:hover,.playback-install a:hover{background:#fff}.playback-founders nav a:hover{color:var(--ink);text-decoration:underline}.start-playback:hover,.playback-controls>button.is-primary:hover{background:#315944}}@media (width<=980px){.playback-stages button{grid-template-columns:24px minmax(0,1fr);padding-inline:8px}.playback-stages button small{display:none}.playback-intro{gap:20px;padding:32px}.playback-decision{grid-template-columns:1fr;gap:10px}}@media (width<=760px){.playback-shell{background:#f7f8f6;padding:0;display:block}.playback-experience{width:100%;height:100svh;min-height:620px;box-shadow:none;border:0;border-radius:0}.playback-header{padding-inline:8px}.playback-header .topbar-github{display:inline-flex}.playback-stages button{text-align:center;grid-template-columns:1fr;justify-items:center;gap:4px;min-height:54px;padding:6px 2px}.playback-stages button>i{width:20px;height:20px}.playback-stages button b{font-size:8px}.playback-content{overflow:auto}.playback-content.phase-decision{grid-template-rows:auto minmax(560px,1fr);min-height:0;overflow:auto}.playback-intro{grid-template-columns:1fr;align-content:start;gap:18px;min-height:auto;padding:28px 16px}.playback-intro h1{font-size:clamp(34px,11vw,48px)}.request-object{min-height:190px}.request-object>strong{margin-top:28px}.playback-install{grid-template-columns:1fr}.playback-install button,.playback-install a{border-right:0;border-bottom:1px solid var(--line);min-height:58px}.playback-install>:last-child{border-bottom:0}.playback-founders{flex-wrap:wrap;align-items:flex-start}.playback-founders>span{width:100%}.playback-founders article{border-left:0;flex:150px;padding-left:0}.playback-decision{padding:12px;position:relative}.playback-decision .palette-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.playback-decision .palette-choices button{min-width:0;min-height:58px;padding:6px}.playback-decision .palette-choices button small{display:none}.playback-content .workspace{min-height:560px}.playback-content .workspace-header nav{display:grid}.playback-controls{grid-template-columns:auto minmax(0,1fr) auto;min-height:64px}.playback-controls>button{min-width:44px;min-height:44px;padding-inline:10px}.playback-controls>span small{display:none}}@media (width<=440px){.playback-header .topbar-copy{width:34px}.playback-header .topbar-copy>span{display:none}.playback-controls{gap:7px}.playback-controls>button{font-size:0}.playback-controls>button span{font-size:14px}.playback-controls>button.is-primary{text-align:center;max-width:130px;font-size:8px;line-height:1.2}.playback-controls>button.is-primary span{font-size:12px}}@media (forced-colors:active){.playback-experience,.playback-stages button>i,.request-object,.playback-install,.playback-decision,.playback-controls>button{forced-color-adjust:auto}}@media (prefers-reduced-motion:reduce){.playback-content .workspace{transition:none}}.showcase-site{min-height:100svh;color:var(--ink);background:#f4f3ef;overflow-x:hidden}.showcase-header{z-index:30;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;width:min(1500px,100%);min-height:68px;margin:0 auto;padding:10px 22px;display:grid;position:relative}.showcase-brand{width:fit-content;min-height:44px;color:inherit;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.showcase-brand strong{letter-spacing:-.045em;font-size:18px;font-weight:690}.showcase-header>nav{justify-content:center;align-items:center;gap:26px;display:flex}.showcase-header>nav a{color:var(--muted);font-size:10px;font-weight:600;text-decoration:none}.showcase-header>.topbar-copy{justify-self:end}.showcase-hero{grid-template-columns:minmax(340px,.74fr) minmax(0,1.36fr);align-items:center;gap:clamp(28px,4vw,72px);width:min(1500px,100%);min-height:calc(100svh - 68px);margin:0 auto;padding:clamp(28px,4vw,66px) 22px clamp(48px,7vw,96px);display:grid}.showcase-hero-copy{min-width:0}.showcase-kicker,.showcase-section-copy>span,.showcase-proof>div:first-child>span,.product-caption>span{color:var(--green);font:700 8px/1 var(--mono);letter-spacing:.1em}.showcase-hero h1{letter-spacing:-.064em;max-width:650px;margin:17px 0 19px;font-size:clamp(43px,5.1vw,78px);font-weight:650;line-height:.98}.showcase-hero-copy>p{color:#424b4a;max-width:600px;margin:0;font-size:clamp(14px,1.3vw,17px);line-height:1.62}.showcase-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:25px;display:grid}.showcase-actions>button,.showcase-actions>a{border:1px solid var(--line-strong);min-width:0;min-height:55px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffffb8;border-radius:8px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;text-decoration:none;display:grid}.showcase-actions .brand-symbol{width:18px;height:18px}.showcase-actions>:is(button,a)>span:nth-child(2){gap:3px;min-width:0;display:grid}.showcase-actions b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:660;overflow:hidden}.showcase-actions small{color:var(--quiet);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.showcase-actions .copy-glyph{width:11px;height:11px}.showcase-request{border:1px solid var(--line-strong);background:#ffffffa8;border-radius:10px;gap:20px;margin-top:30px;padding:16px;display:grid;box-shadow:0 8px 28px #161c1a0b}.showcase-request header,.showcase-request footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.showcase-request header span{color:var(--quiet);font:700 7px/1 var(--mono);letter-spacing:.08em}.showcase-request header small{color:var(--quiet);font-size:8px}.showcase-request blockquote{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:clamp(17px,1.7vw,24px);font-weight:560;line-height:1.28}.showcase-request footer{border-top:1px solid var(--line);justify-content:flex-start;padding-top:13px}.showcase-request footer code{border:1px solid var(--line);color:var(--muted);background:var(--surface-deep);font:600 8px/1.25 var(--mono);border-radius:6px;padding:6px 8px}.showcase-product{align-self:center;min-width:0}.product-caption{justify-content:space-between;align-items:end;gap:20px;padding:0 2px 10px;display:flex}.product-caption>p{max-width:390px;color:var(--quiet);text-align:right;margin:0;font-size:10px;line-height:1.45}.showcase-product>.public-workbench,.showcase-proof-ui>.public-workbench{border:1px solid var(--wb-line-strong);border-radius:11px;height:clamp(640px,100svh - 170px,820px);min-height:640px;overflow:hidden;box-shadow:0 24px 70px #161c1a1c,0 2px 7px #161c1a0d}.showcase-how{border-top:1px solid var(--line);grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr);align-items:center;gap:clamp(38px,7vw,110px);width:min(1320px,100% - 44px);margin:0 auto;padding:clamp(100px,13vw,190px) 0;display:grid}.showcase-section-copy h2,.showcase-proof h2{letter-spacing:-.055em;max-width:640px;margin:14px 0 16px;font-size:clamp(34px,4vw,58px);font-weight:640;line-height:1.02}.showcase-section-copy>p,.showcase-proof>div:first-child>p{max-width:580px;color:var(--muted);margin:0;font-size:14px;line-height:1.65}.lifecycle-diagram{border:1px solid var(--line-strong);background-color:#fafbf8;background-image:radial-gradient(circle,#4a5c5229 .65px,#0000 .76px);background-size:18px 18px;border-radius:12px;grid-template-columns:minmax(145px,.8fr) 28px minmax(190px,1fr) 28px minmax(145px,.8fr);align-items:center;gap:9px;min-height:330px;padding:38px 30px 70px;display:grid;position:relative;box-shadow:0 14px 46px #161c1a11}.diagram-inputs,.diagram-proof{gap:10px;display:grid}.lifecycle-diagram article{border:1px solid var(--line-strong);background:#fff;border-radius:8px;align-content:center;gap:8px;min-height:92px;padding:14px;display:grid}.lifecycle-diagram article>span{color:var(--quiet);font:700 7px/1 var(--mono);letter-spacing:.08em}.lifecycle-diagram article>b{font-size:11px;line-height:1.35}.diagram-ticket{box-shadow:0 10px 26px #161c1a14;border-color:color-mix(in srgb, var(--green) 54%, var(--line))!important;min-height:150px!important}.diagram-ticket:before{background:var(--green);content:"";border-radius:50%;width:9px;height:9px}.diagram-ticket>small{color:var(--quiet);font-size:8px;line-height:1.45}.diagram-arrow{color:var(--faint);text-align:center;font-size:20px;font-style:normal}.diagram-return{border-top:1px dashed var(--line-strong);min-height:30px;color:var(--green);font:700 8px/1 var(--mono);justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;bottom:24px;left:30px;right:30px}.diagram-return i{font-size:14px;font-style:normal}.showcase-proof{grid-template-columns:minmax(250px,.44fr) minmax(0,1.56fr);align-items:center;gap:clamp(38px,6vw,90px);width:min(1320px,100% - 44px);margin:0 auto;padding:0 0 clamp(100px,13vw,180px);display:grid}.showcase-proof-ui{min-width:0}.showcase-proof-ui>.public-workbench{height:700px}.showcase-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:40px;width:min(1320px,100% - 44px);min-height:150px;margin:0 auto;padding:28px 0;display:flex}.showcase-footer>div{justify-items:end;gap:10px;display:grid}.showcase-footer>div>strong{font-size:12px}.showcase-footer .showcase-actions{width:min(560px,100%);margin:0}.showcase-founders{color:var(--quiet);align-items:center;gap:18px;display:flex}.showcase-founders>span{font:700 7px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.showcase-founders article{align-items:center;gap:8px;display:flex}.showcase-founders article>img{object-fit:cover;filter:grayscale(.2);border-radius:50%;width:32px;height:32px}.showcase-founders article>div{gap:3px;display:grid}.showcase-founders article b{color:var(--ink);font-size:9px}.showcase-founders article b small{color:var(--quiet);font-weight:500}.showcase-founders nav{gap:7px;display:flex}.showcase-founders nav a{color:var(--quiet);font-size:7px;text-decoration:none}@media (hover:hover) and (pointer:fine){.showcase-header>nav a:hover,.showcase-founders nav a:hover{color:var(--ink);text-decoration:underline}.showcase-actions>:is(button,a):hover{border-color:var(--green);background:#fff}}@media (width<=1120px){.showcase-hero{grid-template-columns:minmax(290px,.64fr) minmax(0,1.36fr);gap:28px}.showcase-actions{grid-template-columns:1fr}.showcase-actions>button,.showcase-actions>a{min-height:48px}.showcase-how,.showcase-proof{grid-template-columns:1fr}.showcase-section-copy,.showcase-proof>div:first-child{max-width:720px}.showcase-footer{flex-direction:column;align-items:flex-start}.showcase-footer>div{justify-items:start;width:100%}}@media (width<=760px){.showcase-header{grid-template-columns:minmax(0,1fr) auto;min-height:60px;padding:8px 12px}.showcase-header>nav{display:none}.showcase-header>.topbar-copy{grid-column:2}.showcase-hero{grid-template-columns:1fr;gap:28px;min-height:auto;padding:30px 12px 80px}.showcase-hero h1{max-width:560px;margin-block:13px 15px;font-size:clamp(39px,12vw,56px)}.showcase-hero-copy>p{font-size:14px}.showcase-actions{grid-template-columns:1fr 1fr;margin-top:19px}.showcase-actions>:last-child{grid-column:1/-1}.showcase-request{margin-top:18px}.product-caption{flex-direction:column;align-items:start}.product-caption>p{text-align:left}.showcase-product>.public-workbench,.showcase-proof-ui>.public-workbench{border-radius:8px;height:680px;min-height:680px}.showcase-how,.showcase-proof,.showcase-footer{width:calc(100% - 24px)}.showcase-how{gap:32px;padding-block:92px}.showcase-proof{gap:30px;padding-bottom:92px}.lifecycle-diagram{grid-template-columns:1fr;gap:9px;padding:22px 18px 68px}.diagram-inputs,.diagram-proof{grid-template-columns:1fr 1fr}.diagram-arrow{transform:rotate(90deg)}.diagram-ticket{min-height:122px!important}.diagram-return{bottom:18px;left:18px;right:18px}.showcase-footer{gap:30px}.showcase-founders{flex-wrap:wrap;align-items:flex-start;width:100%}.showcase-founders>span{width:100%}.showcase-founders article{flex:150px}.showcase-footer .showcase-actions{grid-template-columns:1fr}.showcase-footer .showcase-actions>:last-child{grid-column:1}}@media (width<=440px){.showcase-header .topbar-copy{width:36px;min-height:36px;padding:0}.showcase-header .topbar-copy>span{display:none}.showcase-actions{grid-template-columns:1fr}.showcase-actions>:last-child{grid-column:1}.showcase-product>.public-workbench,.showcase-proof-ui>.public-workbench{height:720px;min-height:720px}}@media (forced-colors:active){.showcase-request,.showcase-actions>button,.showcase-actions>a,.lifecycle-diagram,.lifecycle-diagram article,.showcase-product>.public-workbench{forced-color-adjust:auto}}@media (prefers-reduced-motion:reduce){.showcase-product .public-inspector,.showcase-proof-ui .public-inspector,.showcase-product .public-rooms,.showcase-proof-ui .public-rooms{transition:none}}.showcase-site{--showcase-bg:#0b0d0c;--showcase-surface:#121513;--showcase-surface-raised:#171b18;--showcase-line:#292f2b;--showcase-line-strong:#3a423d;--showcase-ink:#f2f4ef;--showcase-muted:#aab2ab;--showcase-faint:#737d76;--showcase-accent:#8bcea6;color:var(--showcase-ink);background:radial-gradient(circle at 78% 2%, #5d8e6f17, transparent 29%), linear-gradient(180deg, #0d100e 0%, var(--showcase-bg) 31%, #090b0a 100%)}.showcase-header{z-index:60;-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);background:#0b0d0ccc;border-bottom:1px solid #5f6b633d;width:100%;min-height:64px;padding:0;display:block;position:sticky;top:0}.showcase-header-inner{justify-content:space-between;align-items:center;gap:18px;width:min(1500px,100%);min-height:64px;margin:0 auto;padding:8px 22px;display:flex}.showcase-brand{min-width:44px;color:var(--showcase-ink)}.showcase-brand .app-brand{background:#f3f4ef;border-color:#353c37}.showcase-brand strong{color:var(--showcase-ink);opacity:0;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);transform:translate(-6px)}.showcase-header.is-past-hero .showcase-brand strong{opacity:1;transform:translate(0)}.showcase-utilities{justify-content:flex-end;align-items:center;gap:6px;display:flex}.showcase-utilities>button,.showcase-utilities>a{min-height:44px;color:var(--showcase-muted);cursor:pointer;transition:transform .14s var(--ease-out), color .16s ease, border-color .16s ease, background-color .16s ease;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:9px;font-weight:620;text-decoration:none;display:inline-flex}.showcase-utilities>:is(button,a):active{transform:scale(.97)}.showcase-utilities .brand-symbol{box-sizing:border-box;object-fit:contain;background:#f0f2ed;border-radius:5px;width:20px;height:20px;padding:3px}.showcase-utilities .topbar-copy{border-color:var(--showcase-line);min-height:44px;color:var(--showcase-ink);background:var(--showcase-surface)}.showcase-utilities .copy-glyph{width:12px;height:12px}.showcase-hero{grid-template-columns:minmax(340px,.7fr) minmax(0,1.3fr);gap:clamp(34px,4.6vw,78px);min-height:calc(100svh - 64px);padding-top:clamp(42px,5vw,80px);padding-bottom:clamp(78px,10vw,150px)}.showcase-kicker,.product-caption>span,.story-copy>span{color:var(--showcase-accent)}.showcase-hero h1{color:var(--showcase-ink);text-wrap:balance}.showcase-hero-copy>p{color:var(--showcase-muted)}.showcase-actions>button,.showcase-actions>a{border-color:var(--showcase-line);color:var(--showcase-ink);transition:transform .14s var(--ease-out), color .16s ease, border-color .16s ease, background-color .16s ease;background:#141815e6;box-shadow:inset 0 1px #ffffff06}.showcase-actions>:is(button,a):active{transform:scale(.98)}.showcase-actions .brand-symbol{box-sizing:border-box;object-fit:contain;background:#f0f2ed;border-radius:5px;padding:3px}.showcase-actions small{color:var(--showcase-faint)}.showcase-actions .copy-glyph,.showcase-actions .arrow-glyph{color:var(--showcase-muted)}.showcase-composer{border:1px solid var(--showcase-line-strong);background:#111412;border-radius:16px;margin-top:28px;padding:17px 18px 18px;position:relative;box-shadow:0 18px 50px #0003,inset 0 1px #ffffff06}.showcase-composer:before{background:var(--showcase-accent);content:"";opacity:.72;border-radius:50%;width:5px;height:5px;position:absolute;bottom:11px;right:14px}.showcase-composer p{color:var(--showcase-ink);letter-spacing:-.018em;margin:0;font-size:clamp(15px,1.36vw,19px);font-weight:470;line-height:1.52}.composer-caret{vertical-align:-.17em;background:var(--showcase-accent);width:1px;height:1.12em;margin-left:3px;animation:1.05s step-end infinite composer-caret;display:inline-block}@keyframes composer-caret{50%{opacity:0}}.product-caption>p{color:var(--showcase-faint)}.showcase-product>.public-workbench,.story-workbench>.public-workbench{border:1px solid #4b514c;border-radius:11px;overflow:hidden;box-shadow:0 32px 90px #0000006e,0 1px #ffffff14}.showcase-product>.public-workbench{height:clamp(640px,100svh - 155px,830px);min-height:640px}.public-canvas.is-pannable{cursor:grab;touch-action:pan-y}.public-canvas.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.public-canvas-map{transform:translate3d(var(--canvas-pan-x,0), var(--canvas-pan-y,0), 0)}.story-section{border-top:1px solid var(--showcase-line);grid-template-columns:minmax(280px,.48fr) minmax(0,1.52fr);align-items:center;gap:clamp(44px,6.6vw,105px);width:min(1320px,100% - 44px);min-height:920px;margin:0 auto;padding:clamp(105px,12vw,170px) 0;display:grid}.story-copy{min-width:0}.story-copy>span{font:700 8px/1 var(--mono);letter-spacing:.1em}.story-copy h2{max-width:620px;color:var(--showcase-ink);letter-spacing:-.057em;text-wrap:balance;margin:15px 0 18px;font-size:clamp(36px,4vw,60px);font-weight:630;line-height:1.01}.story-copy>p{max-width:560px;color:var(--showcase-muted);margin:0;font-size:14px;line-height:1.7}.story-workbench{min-width:0}.story-workbench>.public-workbench{height:710px;min-height:710px}.story-section.story-source{grid-template-columns:minmax(400px,.72fr) minmax(0,1.28fr);gap:clamp(36px,4.8vw,74px)}.source-file-viewer{border:1px solid var(--showcase-line);background:#101311;border-radius:10px;overflow:hidden;box-shadow:0 18px 46px #0000002b}.source-file-viewer>header{border-bottom:1px solid var(--showcase-line);background:#151917;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:13px 15px;display:flex}.source-file-viewer>header>span{gap:5px;min-width:0;display:grid}.source-file-viewer>header small{color:var(--showcase-faint);font:700 7px/1 var(--mono);letter-spacing:.08em}.source-file-viewer>header b{color:var(--showcase-ink);font:600 9px/1.35 var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-file-viewer>header>strong{color:var(--showcase-accent);font:700 7px/1 var(--mono);letter-spacing:.05em;background:#5c906f12;border:1px solid #3f5c49;border-radius:5px;flex:none;padding:5px 7px}.source-file-viewer pre{color:#bdc8c0;max-height:430px;font:500 8px/1.65 var(--mono);tab-size:2;scrollbar-color:#414844 #090c0a;background:#090c0a;margin:0;padding:17px 18px 21px;overflow:auto}.source-file-viewer code{white-space:pre}.ticket-source-file{margin-top:28px}.ticket-source-file>footer{border-top:1px solid var(--showcase-line);background:#151917;grid-template-columns:9px minmax(0,1fr);align-items:center;gap:11px;min-height:62px;padding:12px 15px;display:grid}.ticket-source-file>footer>i{border:1px solid var(--showcase-accent);background:var(--showcase-accent);border-radius:2px;width:9px;height:9px;box-shadow:0 0 0 4px #8bcea612}.ticket-source-file>footer>span{gap:4px;display:grid}.ticket-source-file>footer b{color:var(--showcase-ink);font-size:9px;font-weight:630}.ticket-source-file>footer small{color:var(--showcase-faint);font-size:7px;line-height:1.45}.room-source-browser{border:1px solid var(--showcase-line);background:var(--showcase-surface);border-radius:10px;margin-top:28px;overflow:hidden}.room-source-tabs{border-bottom:1px solid var(--showcase-line);background:#0f1210;grid-template-columns:repeat(4,minmax(0,1fr));padding:5px;display:grid}.room-source-tabs button{min-width:0;min-height:48px;color:var(--showcase-faint);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-content:center;gap:5px;padding:8px;display:grid}.room-source-tabs button small{font:700 6px/1 var(--mono);letter-spacing:.06em;text-overflow:ellipsis;overflow:hidden}.room-source-tabs button b{text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:620;overflow:hidden}.room-source-tabs button[aria-selected=true]{color:var(--showcase-ink);background:#1a1f1c;border-color:#3f4942;box-shadow:0 5px 16px #0000002e}.room-source-file{box-shadow:none;border:0;border-radius:0}.room-source-file pre{height:328px;max-height:328px}.context-lifecycle{border-top:1px solid var(--showcase-line);background:#151917;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;display:grid}.context-lifecycle>span{align-content:start;gap:5px;min-width:0;padding:13px 11px;display:grid}.context-lifecycle>span small{color:var(--showcase-accent);font:700 6px/1 var(--mono)}.context-lifecycle>span b{color:var(--showcase-ink);font-size:8px;font-weight:650}.context-lifecycle>span p{color:var(--showcase-faint);margin:0;font-size:7px;line-height:1.45}.context-lifecycle>span code{color:var(--showcase-muted);font:inherit}.context-lifecycle>i{color:#617067;align-self:center;font-style:normal}.story-principle{border-top:1px solid var(--showcase-line);border-bottom:1px solid var(--showcase-line);color:var(--showcase-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:27px;padding:13px 0;display:flex}.story-principle b{font-size:10px;font-weight:620}.story-principle i{color:var(--showcase-accent);font-style:normal}.implementation-section{border-top:1px solid var(--showcase-line);grid-template-columns:minmax(250px,.62fr) minmax(0,1.38fr);align-items:center;gap:clamp(42px,8vw,120px);width:min(1320px,100% - 44px);margin:0 auto;padding:clamp(86px,10vw,138px) 0;display:grid}.implementation-copy>span{color:var(--showcase-faint);font:700 7px/1 var(--mono);letter-spacing:.1em}.implementation-copy h2{color:var(--showcase-ink);letter-spacing:-.055em;margin:15px 0 17px;font-size:clamp(34px,4vw,56px);font-weight:630;line-height:1.02}.implementation-copy p{max-width:520px;color:var(--showcase-muted);margin:0;font-size:13px;line-height:1.7}.implementation-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.implementation-flow>article{border:1px solid var(--showcase-line);background:var(--showcase-surface);border-radius:10px;align-content:start;gap:12px;min-height:168px;padding:18px;display:grid}.implementation-flow>article>span{color:var(--showcase-faint);font:700 7px/1 var(--mono)}.implementation-flow>article>b{color:var(--showcase-ink);font-size:13px;font-weight:640}.implementation-flow>article>p{color:var(--showcase-muted);margin:0;font-size:10px;line-height:1.55}.implementation-flow>i{color:var(--showcase-accent);font-style:normal}.showcase-footer{color:var(--showcase-muted);border-color:var(--showcase-line)}.showcase-footer>div>strong,.showcase-founders article b{color:var(--showcase-ink)}.showcase-founders,.showcase-founders article b small,.showcase-founders nav a{color:var(--showcase-faint)}@media (hover:hover) and (pointer:fine){.showcase-utilities>:is(button,a):hover{border-color:var(--showcase-line);color:var(--showcase-ink);background:var(--showcase-surface-raised)}.showcase-actions>:is(button,a):hover{color:var(--showcase-ink);background:var(--showcase-surface-raised);border-color:#4b5f52}.room-source-tabs button:hover{color:var(--showcase-ink);background:#171b18}.showcase-founders nav a:hover{color:var(--showcase-ink);text-decoration:underline}}@media (width<=1120px){.showcase-hero{grid-template-columns:minmax(300px,.62fr) minmax(0,1.38fr)}.story-section,.story-section.story-source{grid-template-columns:1fr;gap:42px;min-height:0}.story-copy{max-width:760px}.implementation-section{grid-template-columns:1fr;gap:38px}}@media (width<=760px){.showcase-header,.showcase-header-inner{min-height:60px}.showcase-header-inner{padding:8px 10px}.showcase-brand{gap:0}.showcase-brand strong{display:none}.showcase-utilities{gap:2px}.showcase-utilities>button,.showcase-utilities>a{width:44px;padding:0}.showcase-utilities>:is(button,a)>span{display:none}.showcase-utilities .topbar-copy{width:44px;min-height:44px;padding:0}.showcase-hero{gap:34px;padding-top:42px;padding-bottom:95px}.showcase-composer{border-radius:13px;margin-top:20px;padding:15px}.public-canvas-map{transform:none!important}.story-section{gap:30px;width:calc(100% - 24px);padding-block:92px}.story-copy h2{font-size:clamp(36px,10vw,52px)}.source-file-viewer pre{font-size:7.5px}.room-source-tabs,.context-lifecycle{grid-template-columns:repeat(2,minmax(0,1fr))}.context-lifecycle>i{display:none}.context-lifecycle>span:nth-of-type(odd){border-right:1px solid var(--showcase-line)}.context-lifecycle>span:nth-of-type(-n+2){border-bottom:1px solid var(--showcase-line)}.implementation-section{width:calc(100% - 24px);padding-block:86px}.implementation-flow{grid-template-columns:1fr}.implementation-flow>article{min-height:0}.implementation-flow>i{justify-self:center;transform:rotate(90deg)}.story-workbench>.public-workbench,.showcase-product>.public-workbench{border-radius:8px;height:700px;min-height:700px}.showcase-footer{width:calc(100% - 24px)}}@media (width<=440px){.showcase-utilities>:is(button,a),.showcase-utilities .topbar-copy{width:42px;min-height:42px}.showcase-utilities .brand-symbol{width:19px;height:19px}.showcase-composer p{font-size:15px}.story-workbench>.public-workbench,.showcase-product>.public-workbench{height:735px;min-height:735px}}@media (forced-colors:active){.showcase-header,.showcase-composer,.source-file-viewer,.room-source-browser,.story-principle,.implementation-flow>article,.story-workbench>.public-workbench{forced-color-adjust:auto}}@media (prefers-reduced-motion:reduce){.showcase-brand strong,.showcase-utilities>button,.showcase-utilities>a,.showcase-actions>button,.showcase-actions>a{transition:none;transform:none}.composer-caret{opacity:1;animation:none}}.showcase-actions>.install-primary{border-color:var(--ink);background:var(--ink);color:var(--surface,#fff);grid-column:1/-1}.showcase-actions>.install-primary b{font-size:10px}.showcase-actions>.install-primary code{font:650 10.5px/1.2 var(--mono);letter-spacing:-.01em}.showcase-actions>.install-primary small{color:#ffffffb8}.showcase-actions>.install-primary .copy-glyph,.brand-symbol-terminal{color:inherit}.showcase-utilities>.utility-primary{border-color:var(--ink);background:var(--ink);color:var(--surface,#fff)}@media (width<=720px){.showcase-actions{grid-template-columns:1fr}.showcase-actions>.install-primary code{white-space:normal}}