:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4f4f4;--muted:gray;--dim:#666;--paper:#18181e;--panel:#1e1e24;--panel-deep:#282832;--line:#505050;--line-soft:#35353f;--accent:#8abeb7;--accent-ink:#18181e;--charcoal:#343541;--selected:#3a3a4a;--success:#b5bd68;--error:#c66;--warning:#f0c674;--link:#81a2be;--shadow:0 1px 1px oklch(0% 0 0/.34), 0 18px 54px oklch(0% 0 0/.28);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font:15px/1.5 ui-sans-serif,system-ui,sans-serif}.theme-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#111;--muted:#6c6c6c;--dim:#767676;--paper:#f8f8f8;--panel:#fff;--panel-deep:#e8e8f0;--line:#b0b0b0;--line-soft:#dedee3;--accent:#5a8080;--accent-ink:#f8f8f8;--charcoal:#e8e8e8;--selected:#d0d0e0;--success:#588458;--error:#a55;--warning:#9a7326;--link:#547da7;--shadow:0 1px 1px oklch(0% 0 0/.08), 0 18px 54px oklch(0% 0 0/.12);color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button{font:inherit}.app{grid-template-columns:312px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s cubic-bezier(.2,0,0,1);display:grid}.app.sidebar-is-hidden{grid-template-columns:0 minmax(0,1fr)}.app>:not(.sidebar){min-width:0}.sidebar{background:var(--paper);height:100vh;box-shadow:1px 0 0 var(--line), 18px 0 44px oklch(0% 0 0/.16);z-index:2;padding:14px;position:sticky;top:0;overflow:auto}.sidebar-hidden{box-shadow:none;pointer-events:none;background:0 0;padding:0;overflow:visible}.sidebar-head{justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;display:flex}.sidebar-controls{align-items:center;gap:8px;display:flex}.brand{letter-spacing:-.055em;align-items:baseline;gap:6px;font-size:24px;display:flex}.brand span{font-weight:350}.brand b{font-weight:850}.icon-toggle{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.icon-toggle:hover{background:var(--selected);color:var(--ink)}.theme-toggle{background:var(--panel);width:44px;height:22px;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;color:var(--muted);border:0;border-radius:999px;position:relative}.theme-toggle span{z-index:1;background:var(--ink);border-radius:999px;width:16px;height:16px;transition:transform .16s cubic-bezier(.2,0,0,1),background-color .16s;position:absolute;top:3px;left:3px}.theme-toggle[aria-pressed=true] span{background:var(--accent);transform:translate(22px)}.theme-icon{z-index:2;pointer-events:none;transition:color .16s;position:absolute;top:5px}.theme-icon-dark{color:var(--panel);left:5px}.theme-icon-light{color:var(--muted);right:5px}.theme-toggle[aria-pressed=true] .theme-icon-dark{color:var(--muted)}.theme-toggle[aria-pressed=true] .theme-icon-light{color:var(--accent-ink)}.sidebar-hidden .agent-select,.sidebar-hidden .session-search,.sidebar-hidden nav{display:none}.sidebar-hidden .sidebar-head{pointer-events:none;justify-content:flex-start;height:36px;margin:0;position:fixed;top:14px;left:14px}.sidebar-hidden .brand{visibility:hidden;width:0;display:block;overflow:hidden}.sidebar-hidden .sidebar-controls{pointer-events:auto;flex-direction:row;gap:8px;display:flex}.sidebar-hidden .theme-toggle{transform:none}.whiteboards-link{border:1px solid var(--line);color:var(--ink);border-radius:10px;margin-bottom:12px;padding:9px 11px;text-decoration:none;display:block}.whiteboards-link:hover{background:var(--selected)}.whiteboards-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar-hidden .whiteboards-link{display:none}.group-card{margin:0 0 10px;padding:0}.group-card:hover .group-top{background:var(--panel-deep)}.group-card.active .group-top{background:var(--panel)}.group-top{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:8px 10px;display:grid}.group-title{min-width:0}.project-line{grid-template-columns:12px minmax(0,1fr);align-items:center;gap:3px;display:grid}.chevron{color:var(--muted);font-size:13px;line-height:1}.group-title strong{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.15;display:block;overflow:hidden}.group-title>span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;padding-left:15px;font-size:11px;line-height:1.2;display:block;overflow:hidden}.page-list{gap:2px;margin:2px 0 0;display:grid}.artifact-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.artifact-row span:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.artifact-actions{align-items:center;gap:8px;display:flex}.page-list button,.quiet-groups button{width:100%;min-height:32px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:6px 8px 6px 18px;transition-property:background-color,color,transform;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1)}.delete-artifact{border-radius:4px;place-items:center;width:16px;height:16px;font-size:17px;font-weight:850;line-height:1;display:grid;color:var(--error)!important}.delete-artifact:hover,.danger-action:hover{background:var(--selected)!important;color:var(--ink)!important}.danger-action{background:color-mix(in oklch,var(--error) 18%,var(--panel));width:100%;min-height:34px;color:var(--error);cursor:pointer;font:inherit;border:0;border-radius:12px;margin:0;font-size:12px;font-weight:850}.page-list button:hover,.quiet-groups button:hover{background:var(--selected)}.page-list button:active,.quiet-groups button:active{transform:scale(.96)}.page-list button.selected{color:var(--accent);background:0 0}.agent-select{margin:0 0 8px;position:relative}.agent-select summary{background:var(--panel);min-height:36px;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;border-radius:13px;justify-content:space-between;align-items:center;gap:8px;padding:0 11px;font-size:13px;font-weight:750;list-style:none;display:flex}.agent-select summary::-webkit-details-marker{display:none}.agent-select summary span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.agent-select summary b{color:var(--muted);font-size:12px}.agent-menu{z-index:5;background:var(--panel);box-shadow:var(--shadow);border-radius:16px;gap:4px;padding:6px;display:grid;position:absolute;top:42px;left:0;right:0}.agent-menu label{cursor:pointer;border-radius:11px;align-items:center;gap:8px;min-height:34px;padding:0 9px;font-size:13px;display:flex}.agent-menu label:hover{background:var(--selected)}.agent-menu input{accent-color:var(--accent)}.menu-danger{margin-top:4px}.session-search{background:var(--panel);width:100%;min-height:36px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);font:inherit;border:0;border-radius:13px;margin:0 0 10px;padding:0 11px;font-size:13px}.session-search::placeholder{color:var(--muted)}.session-search:focus{outline:2px solid color-mix(in oklch,var(--accent) 55%,transparent);outline-offset:2px}.quiet-groups{color:var(--muted);margin-top:12px;font-size:12px}.quiet-groups summary{cursor:pointer;align-items:center;min-height:34px;display:flex}.quiet-groups button{color:var(--muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12px;display:grid}.agent-marks{justify-content:flex-end;align-items:center;gap:6px;display:flex}.provider-icon{width:16px;height:16px;color:var(--ink);opacity:.82;place-items:center;display:grid}.provider-glyph{background:currentColor;width:13px;height:13px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.provider-letter{color:currentColor;font-size:12px;font-weight:900}.agent-menu .provider-icon{width:16px;height:16px}.agent-menu .provider-glyph{width:14px;height:14px}.page-loading{justify-content:center;align-items:center;gap:10px;min-height:100vh;padding:24px;display:flex}.page-loading .loader{background:var(--accent);border-radius:999px;width:12px;height:12px;animation:.9s cubic-bezier(.2,0,0,1) infinite alternate shell-loading-pulse}.landing code{background:var(--selected);border-radius:8px;padding:2px 6px}@keyframes shell-loading-pulse{to{opacity:.4;transform:scale(.75)}}@media (width<=900px){.app,.app.sidebar-is-hidden{grid-template-columns:minmax(0,1fr)}.sidebar{height:auto;max-height:min(240px,30dvh);position:relative}.sidebar-hidden{height:0;max-height:none;overflow:visible}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.landing{align-content:center;width:min(1080px,100%);min-height:100vh;margin:0 auto;padding:clamp(24px,3.6vw,48px);display:grid;transform:translateY(-2vh)}.landing-hero{max-width:820px;margin-bottom:26px}.landing-hero h1{letter-spacing:-.08em;text-wrap:balance;max-width:13.5ch;margin:0;font-size:clamp(44px,5.7vw,78px);line-height:.86}.landing-hero p{max-width:66ch;color:color-mix(in oklch,var(--ink) 62%,transparent);text-wrap:pretty;margin:16px 0 0;font-size:17px;line-height:1.35}.install-link{max-width:78ch!important;color:color-mix(in oklch,var(--ink) 70%,transparent)!important;margin-top:12px!important;font-size:13px!important}.install-link span{color:var(--muted)}.install-link a{color:var(--link);word-break:break-word;text-decoration:none}.install-link a:hover{text-decoration:underline}.landing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.landing-grid article{background:linear-gradient(180deg,color-mix(in oklch,var(--panel) 96%,white 4%),var(--panel));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--line) 78%,transparent),0 18px 60px oklch(0% 0 0/.14);border-radius:24px;padding:18px;position:relative}.landing-grid article:before{content:"";background:linear-gradient(90deg,transparent,color-mix(in oklch,var(--accent) 55%,transparent),transparent);height:1px;position:absolute;inset:1px 1px auto}.landing-grid b{background:var(--accent);width:26px;height:26px;color:var(--accent-ink);box-shadow:0 0 0 5px color-mix(in oklch,var(--accent) 16%,transparent);border-radius:999px;place-items:center;font-size:12px;font-weight:900;display:grid}.landing-grid h2{letter-spacing:-.04em;margin:14px 0 7px;font-size:20px;line-height:1}.landing-panel h2{letter-spacing:-.04em;margin:0 0 10px;font-size:20px;line-height:1}.landing-grid p{color:color-mix(in oklch,var(--ink) 66%,transparent);text-wrap:pretty;font-size:14px;line-height:1.38}.landing-panel li{color:color-mix(in oklch,var(--ink) 66%,transparent);text-wrap:pretty;font-size:12.5px;line-height:1.32}.landing-grid code{background:color-mix(in oklch,var(--selected) 70%,transparent);color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone}.landing-panel code{color:var(--ink);background:0 0;border-radius:0;padding:0}.landing-panel{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:10px;display:grid}.landing-panel>div{grid-column:1}.landing-panel>pre{grid-column:2/4}.landing-panel ul{margin:0;padding:0;list-style:none}.landing-panel li{padding-left:16px;position:relative}.landing-panel li:before{content:"";background:color-mix(in oklch,var(--ink) 58%,transparent);border-radius:999px;width:4px;height:4px;position:absolute;top:.7em;left:0}.landing-panel li+li{margin-top:8px}.landing-panel pre{background:color-mix(in oklch,var(--paper) 72%,black 8%);width:100%;min-width:0;max-height:176px;color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--line) 82%,transparent);border-radius:16px;margin:0;padding:14px;font-size:12px;line-height:1.38;overflow:auto}.brand{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;padding:0}@media (width<=900px){.landing-grid,.landing-panel{grid-template-columns:minmax(0,1fr)}.landing-panel>div,.landing-panel>pre{grid-column:auto}.landing-hero h1{max-width:12ch}}.whiteboards{width:min(960px,100%);margin:0 auto;padding:clamp(24px,5vw,64px)}.whiteboards h1{letter-spacing:-.05em;margin:0 0 32px;font-size:clamp(32px,5vw,52px)}.whiteboard-create{gap:8px;margin-bottom:32px;display:grid}.whiteboard-create>div{flex-wrap:wrap;gap:10px;display:flex}.whiteboard-create input{background:var(--panel);min-width:0;color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:8px;flex:1;padding:10px 12px}.whiteboards button,.whiteboard-toolbar button,.whiteboard-error button{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:8px;padding:9px 14px}.whiteboards button:disabled,.whiteboard-toolbar button:disabled{opacity:.5;cursor:default}.whiteboards :focus-visible,.whiteboard-workspace>header :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.whiteboard-list{margin:0;padding:0;list-style:none}.whiteboard-list a{color:var(--ink);border-bottom:1px solid var(--line);overflow-wrap:anywhere;justify-content:space-between;align-items:baseline;gap:16px;padding:20px 0;text-decoration:none;display:flex}.whiteboard-list a:hover strong{text-decoration:underline}.whiteboard-list time{color:var(--muted);flex-shrink:0;font-size:13px}.whiteboard-workspace{flex-direction:column;min-width:0;height:100dvh;display:flex;overflow:hidden}.whiteboard-toolbar{border-bottom:1px solid var(--line);background:var(--paper);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.whiteboard-toolbar h1{overflow-wrap:anywhere;flex:1;min-width:80px;margin:0;font-size:16px}.sidebar-is-hidden .whiteboard-toolbar{padding-inline-start:120px}.whiteboard-toolbar [role=status]{color:var(--muted);font-size:12px}.whiteboard-error{background:var(--panel-deep);color:var(--error);overflow-wrap:anywhere;padding:12px 16px}.whiteboard-canvas{flex:1;min-height:0;position:relative}.whiteboard-loading{padding:24px}@media (width<=900px){.app.view-whiteboards{grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0}.whiteboard-workspace{height:100%;min-height:0}.whiteboard-list a{flex-direction:column;gap:4px}.whiteboard-toolbar{gap:8px;padding:8px}.whiteboard-toolbar h1{flex-basis:100%;order:-1}}.annotation-surface{min-width:0;position:relative}.annotation-content{min-width:0;min-height:100dvh;display:flow-root;position:relative}.annotation-armed .annotation-content{cursor:crosshair;touch-action:none}.annotation-marks,.annotation-preview{pointer-events:none;z-index:40;color:#e56e2a;position:absolute;top:0;left:0;overflow:hidden}.annotation-marks rect,.annotation-marks polyline,.annotation-preview polyline{stroke:currentColor;stroke-width:2.5px;fill:none;vector-effect:non-scaling-stroke}.annotation-marks rect{fill:#e56e2a0c}.annotation-marks .selected rect,.annotation-marks .selected polyline{stroke-width:4px}.annotation-preview{z-index:41;color:#e56e2a}.annotation-preview polyline{stroke-dasharray:5 4}.annotation-pin{pointer-events:all;cursor:pointer}.annotation-pin circle{fill:#b7410c;stroke:#fff;stroke-width:1.5px}.annotation-pin text{fill:#fff;stroke:none;-webkit-user-select:none;user-select:none;font:600 12px system-ui}.annotation-text{pointer-events:auto;cursor:pointer;box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere;width:100%;max-height:180px;color:var(--ink);background:var(--paper);border:1px solid #0000;border-radius:3px;padding:4px 6px;font:600 16px/1.4 system-ui;overflow:auto}.annotation-marks .selected .annotation-text{border-style:dashed;border-color:currentColor}.annotation-text:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.annotation-panel{z-index:1000;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;max-width:calc(100vw - 24px);font:13px/1.45 system-ui;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 28px #0003}.annotation-panel.is-open{box-sizing:border-box;width:300px;max-height:min(680px,80dvh);padding:10px;overflow-y:auto}.annotation-header,.annotation-note-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.annotation-panel button{min-height:40px;font:inherit;cursor:pointer;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:7px 10px;display:inline-flex}.annotation-panel .annotation-icon{width:40px;min-width:40px;padding:0}.annotation-panel svg{flex-shrink:0}.annotation-panel button:disabled{opacity:.5;cursor:default}.annotation-panel button[aria-pressed=true],.annotation-panel button[aria-current=true]{border-color:var(--accent);background:var(--panel-deep)}.annotation-panel :focus-visible,.annotation-pin:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.annotation-tools,.annotation-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.annotation-tools{border-bottom:1px solid var(--line);padding-bottom:10px}.annotation-note{margin-top:6px}.annotation-note label{font-weight:600;display:block}.annotation-note-header{margin-bottom:4px}.annotation-note-header .annotation-icon{background:0 0;border-color:#0000}.annotation-note textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:90px;font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:5px;padding:8px;display:block}.annotation-warning{color:var(--muted);margin:6px 0;font-size:12px}.annotation-list{max-height:150px;margin:10px 0 0;padding:0;list-style:none;overflow:auto}.annotation-list li+li{margin-top:4px}.annotation-list button{text-align:left;overflow-wrap:anywhere;justify-content:flex-start;width:100%}.annotation-list-comment{flex:1;min-width:0}.annotation-number,.annotation-count{box-sizing:border-box;font-variant-numeric:tabular-nums;background:var(--panel-deep);border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 4px;font-size:11px;display:inline-flex}.annotation-number{background:var(--ink);color:var(--paper)}.annotation-state{color:var(--muted)}.annotation-actions .annotation-send{background:var(--ink);border-color:var(--ink);color:var(--paper);margin-left:auto}.annotation-send .annotation-count{color:var(--ink);background:var(--paper)}.annotation-spinner{animation:1s linear infinite annotation-spin}@keyframes annotation-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.annotation-spinner{animation:none}}.annotation-panel [role=alert]{color:var(--error);overflow-wrap:anywhere}@media (width<=600px){.annotation-panel{bottom:10px;right:10px}.annotation-panel.is-open{max-height:65dvh}}