.app-demo{--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-lg:15px;--text-xl:18px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--ease-out:cubic-bezier(.2, .8, .2, 1);--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;font-feature-settings:"cv11", "ss01", "ss03";-webkit-font-smoothing:antialiased;--notification-glow:117 214 255}.app-demo[data-theme=light]{--notification-glow:43 136 184}.app-demo .notification-islands{z-index:10001;pointer-events:none;gap:8px;width:min(480px,100vw - 32px);display:grid;position:fixed;top:46px;left:50%;transform:translate(-50%)}.app-demo .notification-island{box-sizing:border-box;border:1px solid rgb(var(--notification-glow) / .45);color:#f5f6f8;pointer-events:auto;width:100%;min-width:0;transition:border-radius .24s var(--ease-out);animation:notification-island-in .22s var(--ease-out) both, notification-island-glow 2.6s ease-in-out .22s infinite;background:#090a0d;border-radius:22px;flex-direction:column;display:flex}.app-demo .notification-island.has-detail:is(:hover,:focus-within){border-radius:18px}.app-demo .notification-island-row{align-items:center;gap:10px;min-width:0;height:44px;padding:0 8px 0 12px;display:flex}.app-demo .notification-island-icon{width:22px;height:22px;color:rgb(var(--notification-glow));background:rgb(var(--notification-glow) / .14);box-shadow:0 0 0 3px rgb(var(--notification-glow) / .07);border-radius:50%;flex:none;place-items:center;display:grid}.app-demo .notification-island-summary{min-width:0;color:inherit;font:inherit;text-align:left;white-space:nowrap;background:0 0;border:0;flex:1;align-items:baseline;gap:7px;padding:0;display:flex}.app-demo .notification-island.is-actionable .notification-island-summary{cursor:pointer}.app-demo .notification-island-summary:disabled{cursor:default;opacity:1}.app-demo .notification-island-summary small{color:#9da1aa;font-size:var(--text-2xs);flex:none;font-weight:600}.app-demo .notification-island-summary strong{min-width:0;font-size:var(--text-xs);text-overflow:ellipsis;flex:0 auto;font-weight:600;overflow:hidden}.app-demo .notification-island-preview{color:#9da1aa;min-width:0;font-size:var(--text-xs);text-overflow:ellipsis;flex:1 1 0;overflow:hidden}.app-demo .notification-island-detail{opacity:0;max-height:0;transition:max-height .26s var(--ease-out), opacity .18s ease;overflow:hidden}.app-demo .notification-island.has-detail:is(:hover,:focus-within) .notification-island-detail{opacity:1;max-height:300px}.app-demo .notification-island-detail>div{padding:0 14px 12px 44px}.app-demo .notification-island-text{color:#d6d8de;max-height:260px;font-size:var(--text-xs);overflow-wrap:anywhere;border-top:1px solid #ffffff12;outline:0;padding-top:8px;line-height:1.6;overflow:auto}.app-demo .notification-island-text .compact-markdown{--markdown-strong:#f5f6f8;--markdown-muted:#9da1aa;--markdown-code-bg:#ffffff12;--markdown-rule:#ffffff14}.app-demo .notification-island-action{color:#bfc2ca;background:#ffffff0d;border:0;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;padding:0;display:grid}.app-demo .notification-island-action:hover{color:#fff;background:#ffffff19}@keyframes notification-island-in{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:none}}@keyframes notification-island-glow{0%,to{border-color:rgb(var(--notification-glow) / .35);box-shadow:0 14px 40px #000a, inset 0 1px #ffffff0d, 0 0 10px rgb(var(--notification-glow) / .1)}50%{border-color:rgb(var(--notification-glow) / .9);box-shadow:0 14px 40px #000a, inset 0 1px #ffffff0d, 0 0 22px 2px rgb(var(--notification-glow) / .38)}}.app-demo[data-theme=light] .notification-island{box-shadow:0 10px 30px #0003}@media (prefers-reduced-motion:reduce){.app-demo .notification-island-detail{transition:none}.app-demo .notification-island{border-color:rgb(var(--notification-glow) / .7);box-shadow:0 14px 40px #000a, 0 0 16px rgb(var(--notification-glow) / .25);transition:none;animation:none}}.app-demo{color-scheme:dark;font-synthesis:none;--canvas:#111;--rail:#141414;--surface:#161616;--surface-raised:#1f1f1f;--popover-bg:#1a1a1a;--surface-hover:#ffffff0a;--selection-bg:#ffffff0a;--selection-bg-strong:#ffffff12;--selection-border:#ffffff10;--glass-highlight:#ffffff06;--border:#ffffff12;--border-soft:#ffffff0b;--foreground:#ededed;--muted:#a1a1a1;--extra-muted:#6f6f6f;--accent:#b8bac2;--accent-soft:#ffffff12;--interactive:#82aaf0;--primary-bg:#ededed;--primary-bg-hover:#fff;--primary-border:#ededed;--primary-foreground:#111;--switch-off:#484a53;--switch-on:#737782;--switch-on-ring:#8b8f9a;--switch-thumb:#fff;--success:#4ec98a;--warning:#e6b955;--danger:#ec6f78;--shell-bg:#111;--rail-bg:#141414;--workbench-bg:#111;--header-bg:#111;--pane-bg:#111;--pane-header-bg:#111;--sidebar-bg:#141414;--status-bg:#111;--input-bg:#ffffff07;--editor-bg:#111;--editor-gutter-bg:#111;--editor-active-line:#ffffff05;--table-header-bg:#1a1a1a;--workbench-header-height:40px;--titlebar-controls-clearance:88px;color:var(--foreground);background:0 0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}.app-demo[data-theme=light]{color-scheme:light;--canvas:#fff;--rail:#f3f3f4;--surface:#fff;--surface-raised:#e9e9eb;--popover-bg:#fff;--surface-hover:#0000000a;--border:#00000020;--border-soft:#00000012;--foreground:#242426;--muted:#68686c;--extra-muted:#89898d;--accent:#737b88;--accent-soft:#4c55651c;--interactive:#245fbd;--primary-bg:#20242b;--primary-bg-hover:#111318;--primary-border:#20242b;--primary-foreground:#fff;--switch-off:#9da3ad;--switch-on:#111214;--switch-on-ring:#111214;--switch-thumb:#fff;--selection-bg:#0000000a;--selection-bg-strong:#00000012;--selection-border:#00000010;--glass-highlight:#ffffffa8;--shell-bg:#fff;--rail-bg:#f9f9faf2;--workbench-bg:#fff;--header-bg:#fafafaf0;--pane-bg:#fff;--pane-header-bg:#f8f8f9f0;--sidebar-bg:#f9f9faf2;--status-bg:#fafafaf0;--input-bg:#ffffffd9;--editor-bg:#fff;--editor-gutter-bg:#f7f7f8;--editor-active-line:#2731420a;--table-header-bg:#f0f0f1}.app-demo[data-platform=macos]{--shell-bg:transparent}.app-demo *{box-sizing:border-box}.app-demo,.app-demo button,.app-demo input,.app-demo select,.app-demo textarea{font-family:var(--ui-font,Inter, -apple-system, BlinkMacSystemFont, sans-serif)}.app-demo .app-select-trigger{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:32px;color:var(--foreground);background:var(--input-bg);font:inherit;text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:0 9px;transition:border-color .12s,background .12s,box-shadow .12s;display:flex}.app-demo .app-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-demo .app-select-trigger>svg{color:var(--extra-muted);flex:none;transition:transform .14s}.app-demo .app-select-trigger:hover:not(:disabled){border-color:var(--selection-border);background:var(--surface-hover)}.app-demo .app-select-trigger:focus-visible,.app-demo .app-select-trigger.is-open{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);outline:0}.app-demo .app-select-trigger.is-open>svg{transform:rotate(180deg)}.app-demo .app-select-trigger:disabled{opacity:.55;cursor:not-allowed}.app-demo .app-select-menu{z-index:1000;border:1px solid var(--selection-border);border-radius:var(--radius-md);max-width:min(420px,100vw - 16px);max-height:min(320px,100vh - 16px);color:var(--foreground);background:var(--popover-bg);box-shadow:0 14px 42px #0009, inset 0 1px var(--glass-highlight);padding:5px;position:fixed;overflow:auto}.app-demo .app-select-menu>button{border-radius:var(--radius-sm);width:100%;min-height:30px;color:var(--muted);font-size:var(--text-xs);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0 8px;display:flex}.app-demo .app-select-menu>button>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-demo .app-select-menu>button>svg{color:var(--interactive);flex:none}.app-demo .app-select-menu>button.is-active{color:var(--foreground);background:var(--surface-hover)}.app-demo .app-select-menu>button.is-selected{color:var(--foreground)}.app-demo .app-select-menu>button:disabled{opacity:.45;cursor:not-allowed}.app-demo{font-size:var(--ui-font-size,13px)}.app-demo,.app-demo,.app-demo{width:100%;height:100%;margin:0;overflow:hidden}.app-demo{background:0 0}.app-demo button{color:inherit;font:inherit}.app-demo button:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:-2px}.app-demo .app-shell{grid-template-columns:var(--left-rail-width,286px) minmax(0, 1fr) var(--file-sidebar-width,300px);background:var(--shell-bg);grid-template-rows:minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.app-demo .app-shell.file-sidebar-closed{grid-template-columns:var(--left-rail-width,286px) minmax(0, 1fr)}.app-demo .app-shell.left-rail-closed{grid-template-columns:minmax(0, 1fr) var(--file-sidebar-width,300px)}.app-demo .app-shell.left-rail-closed.file-sidebar-closed{grid-template-columns:minmax(0,1fr)}.app-demo .left-rail{background:var(--rail-bg);backdrop-filter:blur(28px)saturate(115%);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:clip}.app-demo .left-rail-top{flex:none;min-width:0;min-height:0}.app-demo .rail-drag-region{-webkit-app-region:drag;flex:none;height:42px}.app-demo .rail-brand{height:34px;color:var(--foreground);font-size:var(--text-base);letter-spacing:-.01em;align-items:center;gap:9px;padding:0 13px 7px;font-weight:600;display:flex}.app-demo .rail-brand>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.app-demo .rail-close-button{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--extra-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin-left:auto;display:grid}.app-demo .rail-close-button:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .left-rail-resizer{z-index:20;cursor:col-resize;touch-action:none;-webkit-app-region:no-drag;width:12px;position:absolute;top:0;bottom:0;right:0}.app-demo .left-rail-resizer:after{content:"";background:var(--border-soft);width:1px;transition:background .12s;position:absolute;top:0;bottom:0;right:0}.app-demo .left-rail-resizer:hover:after,.app-demo.is-resizing-left-rail .left-rail-resizer:after{background:var(--accent)}.app-demo.is-resizing-left-rail{cursor:col-resize;user-select:none}.app-demo .brand-mark{border-radius:var(--radius-sm);object-fit:cover;flex:none;width:24px;height:24px}.app-demo .machine-row,.app-demo .workspace-row,.app-demo .session-row,.app-demo .agent-row,.app-demo .empty-workspaces{cursor:default;background:0 0;border:0}.app-demo .machine-row{border-radius:var(--radius-md);min-height:54px;color:var(--muted);text-align:left;align-items:center;gap:10px;margin:4px 9px 10px;padding:8px 10px;display:flex}.app-demo .machine-list{min-width:0;max-height:min(170px,25vh);padding-bottom:6px;overflow:auto}.app-demo .machine-list .machine-row{width:calc(100% - 18px);margin-bottom:3px}.app-demo .machine-row>svg,.app-demo .machine-row>.connection-dot{flex:none}.app-demo .rail-nav{flex-direction:column;gap:1px;padding:4px 0 12px;display:flex}.app-demo .rail-nav-item{width:100%;min-width:0;height:30px;color:var(--muted);font-size:var(--text-base);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 14px 0 16px;display:flex}.app-demo .rail-nav-item>svg{color:var(--extra-muted);flex:none}.app-demo .rail-nav-item>span:not(.connection-dot){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.app-demo .rail-nav-item:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .rail-nav-item:hover>svg{color:var(--muted)}.app-demo .rail-nav-item:disabled{cursor:default;opacity:.55}.app-demo .rail-nav-item:disabled:hover{color:var(--muted);background:0 0}.app-demo .rail-nav-attention{color:#1b1205;width:16px;height:16px;font:700 10px/1 var(--ui-font,sans-serif);background:#e9b761;border-radius:999px;flex:none;place-items:center;font-style:normal;display:inline-grid}.app-demo .server-switcher{position:relative}.app-demo .server-switcher-trigger{color:var(--foreground)}.app-demo .server-switcher-trigger>.connection-dot{width:6px;height:6px;box-shadow:none;flex:none}.app-demo .server-switcher-trigger[aria-expanded=true]{background:var(--surface-hover)}.app-demo .server-switcher-menu{z-index:80;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--popover-bg);max-height:min(320px,50vh);padding:4px;position:absolute;top:calc(100% + 4px);left:8px;right:8px;box-shadow:0 16px 40px #0009}.app-demo .server-switcher-menu .machine-row{border-radius:var(--radius-sm);width:100%;min-height:44px;margin:0 0 2px;padding:6px 8px}.app-demo .server-switcher-menu .machine-menu-button{top:10px;right:8px}.app-demo .server-switcher-menu .add-server-row{border-top:1px solid var(--border-soft);border-radius:0 0 var(--radius-sm) var(--radius-sm);width:100%;height:30px;color:var(--muted);font-size:var(--text-sm);align-items:center;gap:8px;margin:2px 0 0;padding:0 9px;display:flex}.app-demo .rail-section-count{color:var(--extra-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;letter-spacing:0}.app-demo .machine-profile-row{position:relative}.app-demo .machine-profile-row .machine-row{padding-right:36px}.app-demo .machine-menu-button{border-radius:var(--radius-sm);width:23px;height:23px;color:var(--extra-muted);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:17px;right:16px}.app-demo .machine-menu-button:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .machine-menu{z-index:90;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--popover-bg);flex-direction:column;width:170px;padding:5px;display:flex;position:fixed;box-shadow:0 12px 30px #0009}.app-demo .machine-menu button{border-radius:var(--radius-sm);min-height:29px;color:var(--foreground);font-size:var(--text-xs);text-align:left;cursor:pointer;background:0 0;border:0;padding:0 8px}.app-demo .machine-menu button:hover,.app-demo .machine-menu button:focus-visible{background:color-mix(in srgb, var(--foreground) 14%, var(--popover-bg))}.app-demo .machine-menu .danger-menu-item{color:#f29ba0}.app-demo .add-server-row{border-radius:var(--radius-sm);width:calc(100% - 18px);height:28px;color:var(--extra-muted);font-size:var(--text-xs);text-align:left;background:0 0;border:0;margin:0 9px;padding-left:11px}.app-demo .add-server-row:hover{color:var(--foreground);background:#ffffff05;border-color:#494d5a}.app-demo .machine-row:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .machine-row.is-selected{color:var(--foreground);background:var(--selection-bg-strong)}.app-demo .machine-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.app-demo .machine-copy strong{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.app-demo .machine-copy small{color:var(--muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .connection-dot{background:var(--extra-muted);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #62677516}.app-demo .connection-dot.connected{background:var(--success);box-shadow:0 0 0 3px #58d68d16}.app-demo .connection-dot.connecting,.app-demo .connection-dot.reconnecting{background:var(--warning);animation:1.2s ease-in-out infinite breathe}.app-demo .connection-dot.failed{background:var(--danger)}.app-demo .rail-section-heading{min-width:0;height:30px;color:var(--extra-muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:0 14px 0 16px;font-weight:500;display:grid}.app-demo .rail-section-heading>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-demo .rail-section-add.icon-button{border-radius:var(--radius-xs);width:22px;height:22px;color:var(--extra-muted)}.app-demo .rail-section-add.icon-button:hover{color:var(--foreground)}.app-demo .icon-button{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--muted);cursor:default;background:0 0;border:0;flex:none;place-items:center;display:inline-grid}.app-demo .icon-button:hover:not(:disabled),.app-demo .icon-button.is-active{color:var(--foreground);background:var(--surface-hover)}.app-demo .icon-button:disabled{opacity:.3}.app-demo .workspace-list{flex:auto;min-width:0;min-height:0;padding:2px 0 12px;overflow:auto}.app-demo .workspace-navigation{border-top:1px solid var(--border-soft);flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden;container:workspace-navigation/inline-size}.app-demo .workspace-navigation>.rail-section-heading{flex:0 0 30px}.app-demo .temporary-terminal-group{border-top:1px solid var(--border);margin-top:9px;padding-top:7px}.app-demo .temporary-terminal-heading{height:25px;color:var(--extra-muted);font-size:var(--text-xs);align-items:center;gap:7px;padding:0 16px;display:flex}.app-demo .temporary-session-row{min-height:30px;padding:0 12px 0 33px;position:relative}.app-demo .temporary-session-row .session-select{gap:9px}.app-demo .temporary-session-row.is-active{background:var(--selection-bg-strong)}.app-demo .temporary-session-row.is-active .session-label{font-weight:500}.app-demo .temporary-session-row .session-label.is-untitled{color:var(--extra-muted);font-weight:400}.app-demo .temporary-session-row .session-select>small{font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;flex:none}.app-demo .temporary-session-row .session-close{position:absolute;top:50%;right:9px;transform:translateY(-50%)}.app-demo .temporary-session-row:hover .session-select>:is(small,.agent-status-indicator){visibility:hidden}.app-demo .temporary-session-row.is-stale:not(:hover,.is-active) .session-select>*{opacity:.5}.app-demo .temporary-tab-icon{width:16px;height:16px;color:var(--extra-muted);flex:none;place-items:center;display:grid}.app-demo .temporary-tab-icon .agent-kind-icon{background:0 0;width:16px;height:16px}.app-demo .workspace-group{border-radius:var(--radius-sm);margin-bottom:2px;transition:box-shadow .14s,background-color .14s;position:relative}.app-demo .workspace-group.is-lifted{z-index:5;background:var(--surface-raised);box-shadow:0 10px 26px #0000005c, 0 0 0 1px var(--border-soft)}.app-demo[data-theme=light] .workspace-group.is-lifted{box-shadow:0 10px 24px #0000001f, 0 0 0 1px var(--border-soft)}.app-demo .workspace-group.is-lifted .workspace-children:before{opacity:0}.app-demo .workspace-list.is-sorting *{pointer-events:none}.app-demo .workspace-row,.app-demo .session-row,.app-demo .agent-row{width:100%;min-height:30px;color:var(--muted);text-align:left;border-radius:0;align-items:center;gap:7px;padding:0 14px 0 16px;display:flex}.app-demo .workspace-row{min-width:0;padding:0 12px 0 10px}.app-demo .workspace-row button{color:inherit;background:0 0;border:0}.app-demo .workspace-select{text-align:left;flex:1;align-items:center;gap:7px;min-width:0;min-height:28px;padding:0;display:flex}.app-demo .workspace-select>svg{flex:none}.app-demo .workspace-disclosure{width:18px;height:24px;color:var(--extra-muted);place-items:center;display:grid}.app-demo .workspace-row:hover,.app-demo .session-row:hover,.app-demo .agent-row:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .workspace-row.is-active{color:var(--foreground)}.app-demo .session-row.is-active,.app-demo .agent-row.is-active{color:var(--foreground);background:linear-gradient(90deg, var(--accent-soft), #ffffff08 70%);box-shadow:inset 2px 0 var(--accent)}.app-demo .workspace-name,.app-demo .agent-name,.app-demo .session-label{min-width:0;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.app-demo .workspace-name{font-weight:400}.app-demo .workspace-row.is-active .workspace-name{font-weight:500}.app-demo .workspace-close{opacity:0;border-radius:var(--radius-sm);width:20px;height:20px;color:var(--extra-muted);font-size:var(--text-lg);flex:0 0 20px;place-items:center;display:grid}.app-demo .workspace-row:hover .workspace-close,.app-demo .workspace-close:focus-visible{opacity:1}.app-demo .workspace-close:hover{color:var(--danger);background:#f06f7514}.app-demo .workspace-children{padding:2px 0 6px;position:relative}.app-demo .workspace-children:before{z-index:1;content:"";background:var(--border-soft);pointer-events:none;width:1px;position:absolute;top:4px;bottom:8px;left:21px}.app-demo .workspace-worktree-row{border-radius:var(--radius-sm);width:100%;min-height:25px;color:var(--extra-muted);text-align:left;background:0 0;border:0;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 7px;display:grid}.app-demo .workspace-worktree-row:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .workspace-worktree-row.is-active{color:var(--foreground);background:var(--selection-bg)}.app-demo .workspace-worktree-row>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .workspace-worktree-row>small{font-size:var(--text-2xs)}.app-demo .workspace-worktree-section+.workspace-worktree-section,.app-demo .workspace-other-worktrees{margin-top:3px}.app-demo .workspace-other-worktrees>summary,.app-demo .workspace-other-worktrees-placeholder{border-radius:var(--radius-sm);min-height:25px;color:var(--extra-muted);font-size:var(--text-xs);align-items:center;gap:6px;padding:0 7px;list-style:none;display:flex}.app-demo .workspace-other-worktrees>summary{cursor:pointer}.app-demo .workspace-other-worktrees>summary>span,.app-demo .workspace-other-worktrees-placeholder>span{flex:1;min-width:0}.app-demo .workspace-other-worktrees>summary>small,.app-demo .workspace-other-worktrees-placeholder>small{font-size:var(--text-2xs)}.app-demo .workspace-other-worktrees>summary::-webkit-details-marker{display:none}.app-demo .workspace-other-worktrees>summary:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .workspace-other-worktrees>summary>svg{transition:transform .12s}.app-demo .workspace-other-worktrees[open]>summary>svg{transform:rotate(90deg)}.app-demo .workspace-other-worktrees[open]>.workspace-worktree-section{margin-top:3px}.app-demo .workspace-empty-note{min-height:24px;color:var(--extra-muted);font-size:var(--text-xs);align-items:center;gap:10px;padding:0 12px 0 34px;display:flex}.app-demo .workspace-empty-note>svg{opacity:.6;flex:none}.app-demo .session-group+.session-group{margin-top:2px}.app-demo .session-row,.app-demo .agent-row{min-height:29px;padding-left:7px}.app-demo .session-row{gap:2px;padding-right:4px}.app-demo .session-select{min-width:0;min-height:27px;color:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:7px;padding:0;display:flex}.app-demo .session-close{border-radius:var(--radius-sm);width:19px;height:19px;color:var(--extra-muted);font-size:var(--text-lg);opacity:0;background:0 0;border:0;flex:none;place-items:center;display:grid}.app-demo .session-row:hover .session-close,.app-demo .session-close:focus-visible{opacity:1}.app-demo .session-close:hover{color:var(--danger);background:#f06f7514}.app-demo .session-row small{color:var(--extra-muted);font-size:var(--text-xs)}.app-demo .session-agent-row{width:calc(100% - 12px);min-height:32px;margin-left:12px;padding:2px 7px 2px 5px}.app-demo .agent-row small{max-width:82px;color:var(--extra-muted);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .empty-workspaces{border:1px dashed var(--border);border-radius:var(--radius-md);width:100%;color:var(--muted);font-size:var(--text-sm);text-align:left;align-items:center;gap:9px;margin-top:8px;padding:12px;display:flex}.app-demo .empty-workspaces:hover{color:var(--foreground);background:#ffffff05;border-color:#494d5a}.app-demo .rail-footer{border-top:1px solid var(--border-soft);flex:0 0 26px;justify-content:space-between;align-items:center;width:100%;min-width:0;height:26px;margin-top:auto;padding:0 6px 0 16px;display:flex}.app-demo .service-identity{min-width:0;color:var(--extra-muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.01em;flex:1 1 0;align-items:center;gap:7px;display:flex;overflow:hidden}.app-demo .service-identity>svg{flex:none}.app-demo .service-identity span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .rail-footer-actions{flex:none;justify-content:flex-end;align-items:center;gap:2px;display:flex}.app-demo .rail-footer-actions .icon-button{border-radius:var(--radius-xs);width:22px;height:22px;color:var(--extra-muted)}.app-demo .rail-footer-actions .icon-button:hover{color:var(--foreground)}.app-demo .rail-section-actions{align-items:center;gap:6px;display:flex}.app-demo .agent-monitor-compact-toggle{color:var(--extra-muted);-webkit-app-region:no-drag;align-items:center;gap:6px;display:flex}.app-demo .agent-monitor-compact-toggle:has(input:checked){color:var(--muted)}.app-demo .agent-monitor-compact-toggle input{appearance:none;border:1px solid var(--switch-off);background:var(--switch-off);cursor:pointer;border-radius:999px;width:27px;height:16px;min-height:16px;margin:0;transition:border-color .15s,background .15s,box-shadow .15s;position:relative}.app-demo .agent-monitor-compact-toggle input:after{content:"";background:var(--switch-thumb);border-radius:50%;width:10px;height:10px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0005}.app-demo .agent-monitor-compact-toggle input:checked{border-color:var(--switch-on-ring);background:var(--switch-on);box-shadow:0 0 0 1px var(--switch-on-ring)}.app-demo .agent-monitor-compact-toggle input:checked:after{transform:translate(11px)}.app-demo .agent-monitor-compact-toggle input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-demo .live-monitor-activation-notice{z-index:3;border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--foreground);background:var(--popover-bg);flex-direction:column;gap:3px;padding:9px 10px;animation:.18s ease-out live-monitor-notice-in;display:flex;position:absolute;top:34px;left:8px;right:8px;box-shadow:0 8px 22px #0006}.app-demo .live-monitor-activation-notice.is-leaving{pointer-events:none;animation:.18s ease-in forwards live-monitor-notice-out}.app-demo .live-monitor-activation-notice strong{font-size:var(--text-xs);font-weight:600}.app-demo .live-monitor-activation-notice span{color:var(--muted);font-size:var(--text-xs);line-height:1.4}.app-demo .workspace-agent-row,.app-demo .workspace-tabs-toggle{width:100%;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:9px;display:flex;position:relative}.app-demo .workspace-agent-row{min-height:30px;padding:0 12px 0 33px}.app-demo .workspace-agent-row:hover,.app-demo .workspace-tabs-toggle:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .workspace-agent-row.is-active,.app-demo .workspace-tabs-toggle.is-active{color:var(--foreground);background:var(--selection-bg-strong);box-shadow:inset 2px 0 var(--accent)}.app-demo .workspace-agent-kind{flex:none;place-items:center;width:16px;height:16px;display:grid}.app-demo .workspace-agent-kind .agent-kind-icon{background:0 0;width:16px;height:16px}.app-demo .workspace-agent-title{min-width:0;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.app-demo .workspace-agent-row.is-active .workspace-agent-title{font-weight:500}.app-demo .workspace-agent-title.is-untitled{color:var(--extra-muted);font-weight:400!important}.app-demo .workspace-agent-row:is(:hover,.is-active) .workspace-agent-title.is-untitled{color:var(--muted)}.app-demo .workspace-agent-row>:is(.workspace-agent-kind,.workspace-agent-title,.agent-status-indicator){transition:opacity .12s}.app-demo .workspace-agent-row.is-stale:not(:hover,.is-active)>:is(.workspace-agent-kind,.workspace-agent-title,.agent-status-indicator){opacity:.5}.app-demo .workspace-tabs-toggle{min-height:24px;color:var(--extra-muted);font-size:var(--text-xs);gap:10px;padding:0 12px 0 34px}.app-demo .workspace-tabs-toggle:hover{color:var(--muted)}.app-demo .workspace-tabs-toggle>svg:first-child{opacity:.6;flex:none}.app-demo .workspace-tabs-toggle>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-demo .workspace-tabs-toggle>small{color:var(--extra-muted);font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;flex:1}.app-demo .workspace-tabs-toggle>svg:last-child{opacity:0;flex:none;margin-right:3px;transition:opacity .12s}.app-demo .workspace-agent-badges{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:7px;display:inline-flex}.app-demo .workspace-agent-badge{align-items:center;gap:4px;display:inline-flex}.app-demo .workspace-agent-badge:before{content:"";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:currentColor;width:7px;height:8px}.app-demo .workspace-agent-badge.is-caution:before{background:var(--agent-attention-color)}.app-demo .workspace-agent-badge.is-done:before{background:var(--agent-completed-color)}.app-demo .workspace-agent-badge.is-working:before{background:var(--agent-working-color)}.app-demo .workspace-tabs-toggle:hover>svg:last-child,.app-demo .workspace-tabs-toggle:focus-visible>svg:last-child,.app-demo .workspace-tabs-toggle[aria-expanded=true]>svg:last-child{opacity:1}.app-demo .agent-monitor-shortcut{border-radius:var(--radius-xs);min-width:29px;color:var(--extra-muted);font:var(--text-2xs)/1.2 var(--font-mono);font-variant-numeric:tabular-nums;opacity:0;border:0;flex:none;justify-content:center;align-items:center;transition:opacity .12s;display:inline-flex}.app-demo .workspace-agent-row .agent-monitor-shortcut{background:var(--surface-raised);pointer-events:none;padding:3px 5px;position:absolute;top:50%;right:36px;transform:translateY(-50%)}.app-demo .workspace-agent-row:hover .agent-monitor-shortcut,.app-demo .workspace-agent-row:focus-visible .agent-monitor-shortcut,.app-demo .shows-agent-shortcuts .workspace-agent-row .agent-monitor-shortcut{opacity:1}@container workspace-navigation (width<=240px){.app-demo .agent-monitor-shortcut{min-width:15px}.app-demo .agent-monitor-shortcut span,.app-demo .agent-monitor-compact-toggle>svg{display:none}}.app-demo .workbench{background:var(--workbench-bg);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.app-demo .workbench-header{height:var(--workbench-header-height);border-bottom:1px solid var(--border-soft);background:var(--header-bg);-webkit-app-region:drag;flex:none;align-items:center;gap:0;padding:0 8px 0 0;display:flex}.app-demo .workbench-header button{-webkit-app-region:no-drag}.app-demo .workbench-header.left-rail-hidden{padding-left:var(--titlebar-controls-clearance)}.app-demo .workspace-context{flex:none;align-self:stretch;align-items:center;min-width:0;padding:0 6px 0 0;display:flex}.app-demo .workbench-header:not(.left-rail-hidden) .workspace-context,.app-demo .workspace-context strong{display:none}.app-demo .header-actions{flex:none;align-items:center;gap:2px;padding-left:6px;display:flex}.app-demo .text-button{border-radius:var(--radius-sm);height:26px;color:var(--foreground);background:var(--selection-bg);font-size:var(--text-xs);border:0;padding:0 9px}.app-demo .text-button:hover{background:var(--selection-bg-strong)}.app-demo .tab-strip{scrollbar-width:none;overscroll-behavior-x:contain;-webkit-app-region:no-drag;flex:1;align-items:stretch;gap:0;min-width:0;height:100%;padding:0;display:flex;overflow:auto hidden}.app-demo .tab-strip::-webkit-scrollbar{display:none}.app-demo .view-tab{width:136px;min-width:88px;height:100%;color:var(--extra-muted);font-size:var(--text-sm);background:0 0;border:0;border-radius:0;flex:0 136px;align-items:center;gap:7px;padding:0 8px 0 14px;display:flex;position:relative}.app-demo .view-tab-select>span:not(.agent-kind-icon):not(.file-icon){text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.app-demo .view-tab small{color:var(--extra-muted)}.app-demo .view-tab:hover{color:var(--muted);background:#ffffff05}.app-demo .view-tab.is-active{color:var(--foreground);background:var(--surface-raised)}.app-demo .view-tab.is-active .view-tab-select>span:not(.agent-kind-icon):not(.file-icon){font-weight:500}.app-demo .new-tab-button{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--extra-muted);background:0 0;border:0;flex:none;align-self:center;place-items:center;margin-left:4px;display:grid}.app-demo .new-tab-button:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .view-tab-close{border-radius:var(--radius-xs);width:18px;height:18px;color:var(--extra-muted);line-height:0;font-size:var(--text-lg);opacity:0;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.app-demo .view-tab:hover .view-tab-close,.app-demo .view-tab.is-active .view-tab-close,.app-demo .view-tab-close:focus-visible{opacity:1}.app-demo .document-tab,.app-demo .session-view-tab,.app-demo .change-review-tab{padding:0 5px 0 8px}.app-demo .view-tab-select{min-width:0;height:100%;color:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;align-items:center;gap:5px;display:flex;overflow:hidden}.app-demo .view-tab-close:hover{color:var(--danger);background:#f06f7514}.app-demo .session-view-tab[draggable=true]{cursor:grab}.app-demo .view-tab.is-dragging{opacity:.7}.app-demo .new-tab-control{align-self:stretch;align-items:center;display:flex;position:relative}.app-demo .new-tab-kind-menu{z-index:90;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);gap:2px;width:218px;padding:5px;display:grid;position:fixed;box-shadow:0 12px 30px #0009,inset 0 1px #ffffff0b}.app-demo .new-tab-kind-menu>button{border-radius:var(--radius-sm);min-height:39px;color:var(--muted);text-align:left;background:0 0;border:0;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:7px;padding:4px 7px;display:grid}.app-demo .new-tab-kind-menu>button:hover:not(:disabled){color:var(--foreground);background:var(--surface-hover)}.app-demo .new-tab-kind-menu>button:disabled{opacity:.4}.app-demo .new-tab-kind-menu>button>span{gap:2px;min-width:0;display:grid}.app-demo .new-tab-kind-menu strong,.app-demo .new-tab-kind-menu small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .new-tab-kind-menu strong{font-size:var(--text-xs);font-weight:600}.app-demo .new-tab-kind-menu small{color:var(--extra-muted);font-size:var(--text-2xs);font-weight:400}.app-demo .tab-split-ready-hint{z-index:95;border:1px solid var(--accent);border-radius:var(--radius-lg);height:28px;color:var(--foreground);background:var(--surface-raised);font-size:var(--text-xs);pointer-events:none;align-items:center;gap:6px;padding:0 9px;animation:.17s cubic-bezier(.2,.8,.2,1) both tab-split-ready-drop;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0008,inset 0 1px #ffffff0d}.app-demo .tab-split-ready-hint strong{font-weight:600}.app-demo .tab-split-ready-hint>svg:last-child{color:var(--accent);animation:.85s ease-in-out infinite tab-split-ready-nudge}@keyframes tab-split-ready-drop{0%{opacity:0;transform:translate(-50%,-7px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes tab-split-ready-nudge{50%{transform:translateY(2px)}}.app-demo .browser-view-tab{cursor:grab;padding:0 7px 0 11px}.app-demo .browser-view-tab .view-tab-select>span{text-overflow:ellipsis;white-space:nowrap;max-width:118px;overflow:hidden}.app-demo .view-tab.is-merge-hover{overflow:hidden}.app-demo .view-tab.is-merge-hover:before{z-index:0;content:"";border-radius:var(--radius-sm);background:var(--accent-soft);transform-origin:0;animation:.45s linear forwards tab-merge-fill;position:absolute;inset:2px;transform:scaleX(0)}.app-demo .view-tab.is-merge-hover>*{z-index:1;position:relative}.app-demo .session-view-tab.is-merge-target{color:var(--foreground);border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 -2px var(--accent), 0 0 0 1px var(--accent-soft)}@keyframes tab-merge-fill{to{transform:scaleX(1)}}.app-demo .view-tab.is-drop-before:before,.app-demo .view-tab.is-drop-after:after{z-index:3;content:"";background:var(--accent);width:2px;box-shadow:0 0 0 2px var(--accent-soft);border-radius:2px;position:absolute;top:4px;bottom:4px}.app-demo .view-tab.is-drop-before:before{left:-3px}.app-demo .view-tab.is-drop-after:after{right:-3px}.app-demo .view-tab-select .agent-review-queue-badge{border-radius:var(--radius-md);min-width:16px;height:16px;color:var(--primary-foreground);background:var(--primary-bg);font-size:var(--text-2xs);place-items:center;padding:0 4px;font-weight:600;display:grid}.app-demo .context-menu-backdrop{z-index:80;position:fixed;inset:0}.app-demo .session-tab-menu{border-radius:var(--radius-sm);background:#1b1e25;border:1px solid #3a3e49;flex-direction:column;width:160px;padding:5px;display:flex;position:fixed;box-shadow:0 12px 30px #0009}.app-demo .session-tab-menu button{border-radius:var(--radius-sm);color:#d4d6dd;min-height:29px;font-size:var(--text-xs);text-align:left;background:0 0;border:0;padding:0 8px}.app-demo .session-tab-menu button:hover{background:#ffffff0c}.app-demo .session-tab-menu .danger-menu-item{color:#f29ba0}.app-demo .agent-menu{width:196px}.app-demo .agent-menu button{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-demo .agent-menu button:disabled{opacity:.4}.app-demo .agent-menu button:disabled:hover{background:0 0}.app-demo .agent-menu kbd{border:1px solid var(--border-soft);border-radius:var(--radius-xs);color:var(--extra-muted);font:var(--text-2xs)/1.3 var(--font-mono);background:0 0;padding:1px 5px}.app-demo .file-name-modal{border:1px solid var(--border);border-radius:var(--radius-md);width:min(360px,100vw - 32px);color:var(--foreground);background:var(--surface);padding:18px;box-shadow:0 22px 60px #000b}.app-demo .file-name-modal h2{font-size:var(--text-lg);margin:0 0 15px}.app-demo .file-name-modal label{color:var(--muted);font-size:var(--text-xs);flex-direction:column;gap:6px;display:flex}.app-demo .file-name-modal input{border:1px solid var(--border);border-radius:var(--radius-sm);height:32px;color:var(--foreground);background:var(--canvas);outline:none;padding:0 9px}.app-demo .file-name-modal input:focus{border-color:var(--accent)}.app-demo .file-name-modal footer{justify-content:flex-end;gap:7px;margin-top:16px;display:flex}.app-demo .file-name-modal footer button{border:1px solid var(--border);border-radius:var(--radius-sm);height:29px;color:var(--foreground);background:var(--surface-raised);padding:0 11px}.app-demo .agent-session-owner-dialog{border:1px solid var(--border);border-radius:var(--radius-lg);width:min(460px,100vw - 32px);color:var(--foreground);background:var(--surface);padding:22px;box-shadow:0 24px 70px #000c}.app-demo .agent-session-owner-eyebrow{color:var(--accent);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-weight:600;display:block}.app-demo .agent-session-owner-dialog h2{font-size:var(--text-xl);margin:0;line-height:1.35}.app-demo .agent-session-owner-dialog>p{color:var(--muted);font-size:var(--text-sm);margin:14px 0 0;line-height:1.55}.app-demo .agent-session-owner-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--canvas);justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:12px 13px;display:flex}.app-demo .agent-session-owner-card>span{gap:3px;min-width:0;display:grid}.app-demo .agent-session-owner-card strong{font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .agent-session-owner-card small{color:var(--muted);font-size:var(--text-xs)}.app-demo .agent-session-owner-card em{color:var(--success);background:color-mix(in srgb, var(--success) 13%, transparent);font-size:var(--text-2xs);text-transform:uppercase;border-radius:999px;flex:none;padding:4px 7px;font-style:normal;font-weight:600}.app-demo .agent-session-owner-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.app-demo .agent-session-owner-actions button{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:32px;color:var(--foreground);background:var(--surface-raised);font-size:var(--text-sm);padding:0 12px}.app-demo .agent-session-owner-actions button.primary-button{border-color:var(--primary-border);color:var(--primary-foreground);background:var(--primary-bg)}@media (width<=560px){.app-demo .agent-session-owner-actions{flex-direction:column-reverse;align-items:stretch}.app-demo .agent-session-owner-actions button{width:100%}}.app-demo .canvas{flex:1 1 0;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.app-demo .change-review-surface{z-index:60;min-width:0;min-height:0;color:var(--foreground);background:var(--canvas);flex-direction:column;display:flex;position:absolute;inset:0}.app-demo .change-review-header{border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:14px;min-height:48px;padding:7px 10px 7px 14px;display:grid}.app-demo .change-review-header>div,.app-demo .change-review-comments>header>div{gap:2px;min-width:0;display:grid}.app-demo .change-review-header strong{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .change-review-header small,.app-demo .change-review-header>span{color:var(--extra-muted);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .change-review-header>button,.app-demo .change-review-comments article>button:last-child{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.app-demo .change-review-header>button:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .change-review-body{flex:1 1 0;grid-template-columns:minmax(180px,240px) minmax(320px,1fr) minmax(220px,300px);min-width:0;min-height:0;display:grid}.app-demo .change-review-files,.app-demo .change-review-comments{border-right:1px solid var(--border);background:var(--surface);min-width:0;min-height:0;overflow-y:auto}.app-demo .change-review-files>header{border-bottom:1px solid var(--border-soft);color:var(--extra-muted);font-size:var(--text-2xs);text-transform:uppercase;padding:9px 11px;font-weight:600}.app-demo .change-review-files>button{border:0;border-bottom:1px solid var(--border-soft);width:100%;min-height:44px;color:var(--muted);text-align:left;background:0 0;grid-template-columns:18px minmax(0,1fr) 16px;align-items:center;gap:5px;padding:5px 9px;display:grid}.app-demo .change-review-files>button:hover,.app-demo .change-review-files>button.is-active{color:var(--foreground);background:var(--surface-hover)}.app-demo .change-review-files>button.is-active{box-shadow:inset 2px 0 var(--accent)}.app-demo .change-review-files>button>span{gap:3px;min-width:0;display:grid}.app-demo .change-review-files strong,.app-demo .change-review-files small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .change-review-files strong{font:var(--text-xs) var(--editor-font,monospace)}.app-demo .change-review-files small{color:var(--extra-muted);font-size:var(--text-2xs)}.app-demo .change-review-editor{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.app-demo .change-review-editor>[class^=cm-theme]{flex:1 1 0;min-height:0;overflow:hidden}.app-demo .change-review-editor .cm-editor,.app-demo .change-review-editor .cm-scroller{height:100%}.app-demo .change-review-filebar{border-bottom:1px solid var(--border-soft);background:var(--surface);min-height:32px;font:var(--text-2xs) var(--editor-font,monospace);justify-content:space-between;align-items:center;gap:10px;padding:0 9px 0 12px;display:flex}.app-demo .change-review-filebar>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .change-review-filebar button,.app-demo .change-review-footer button{border:1px solid var(--border);border-radius:var(--radius-sm);height:24px;color:var(--foreground);background:var(--surface-raised);font-size:var(--text-2xs);align-items:center;gap:5px;padding:0 8px;display:inline-flex}.app-demo .change-review-editor .cm-change-review-line{background:color-mix(in srgb, var(--accent) 12%, transparent);box-shadow:inset 2px 0 color-mix(in srgb, var(--accent) 75%, transparent)}.app-demo .change-review-editor .cm-change-review-comment{background:#e8a83820;border-bottom:2px solid #e8a838}.app-demo .change-review-selection-action{z-index:70;border:1px solid var(--selection-border);border-radius:var(--radius-sm);height:28px;color:var(--primary-foreground);background:var(--primary-bg);font-size:var(--text-xs);align-items:center;gap:6px;padding:0 9px;display:inline-flex;position:fixed;box-shadow:0 7px 22px #0008}.app-demo .change-review-composer{z-index:71;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);gap:8px;width:min(360px,100vw - 24px);padding:9px;display:grid;position:fixed;box-shadow:0 14px 40px #000a}.app-demo .change-review-composer header,.app-demo .change-review-composer footer,.app-demo .change-review-send-dialog header,.app-demo .change-review-send-dialog footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.app-demo .change-review-composer header{color:var(--extra-muted);font:var(--text-2xs) var(--editor-font,monospace)}.app-demo .change-review-composer header button,.app-demo .change-review-send-dialog header button{color:var(--muted);background:0 0;border:0}.app-demo .change-review-composer textarea,.app-demo .change-review-send-dialog textarea{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:76px;color:var(--foreground);background:var(--input-bg);font:var(--text-xs)/1.45 var(--ui-font);resize:vertical;outline:0;padding:8px}.app-demo .change-review-composer footer{justify-content:flex-end}.app-demo .change-review-composer footer button,.app-demo .change-review-send-dialog footer button{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:27px;color:var(--foreground);background:var(--surface-raised);font-size:var(--text-2xs);padding:0 9px}.app-demo .change-review-comments{border-right:0;border-left:1px solid var(--border)}.app-demo .change-review-comments>header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:9px 10px;display:flex}.app-demo .change-review-comments>header strong{font-size:var(--text-xs)}.app-demo .change-review-comments>header small{color:var(--extra-muted);font-size:var(--text-2xs)}.app-demo .change-review-comments>header>span{border-radius:var(--radius-md);min-width:20px;height:20px;color:var(--primary-foreground);background:var(--primary-bg);font-size:var(--text-2xs);place-items:center;display:grid}.app-demo .change-review-comments article{border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(0,1fr) 26px;align-items:start;gap:3px;padding:7px;display:grid}.app-demo .change-review-comments article>button:first-child{min-width:0;color:var(--foreground);text-align:left;background:0 0;border:0;gap:3px;padding:2px;display:grid}.app-demo .change-review-comments article strong,.app-demo .change-review-comments article small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .change-review-comments article strong{font:var(--text-2xs) var(--editor-font,monospace)}.app-demo .change-review-comments article small{color:var(--extra-muted);font-size:var(--text-2xs)}.app-demo .change-review-comments article p{font-size:var(--text-xs);margin:4px 0 0;line-height:1.4}.app-demo .change-review-comments article>button:last-child:hover{color:var(--danger)}.app-demo .change-review-empty{color:var(--extra-muted);font-size:var(--text-2xs);text-align:center;padding:20px 10px}.app-demo .change-review-footer{border-top:1px solid var(--border);background:var(--surface);align-items:center;gap:7px;min-height:38px;padding:0 10px;display:flex}.app-demo .change-review-footer>span{color:var(--extra-muted);font-size:var(--text-2xs)}.app-demo .change-review-footer .change-review-send{border-color:var(--primary-border);color:var(--primary-foreground);background:var(--primary-bg);margin-left:auto}.app-demo .change-review-dialog-backdrop{z-index:80;backdrop-filter:blur(3px);background:#0008;place-items:center;display:grid;position:absolute;inset:0}.app-demo .change-review-send-dialog{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);gap:14px;width:min(430px,100% - 32px);padding:16px;display:grid;box-shadow:0 20px 60px #000b}.app-demo .change-review-send-dialog header>div{gap:3px;display:grid}.app-demo .change-review-send-dialog header strong{font-size:var(--text-base)}.app-demo .change-review-send-dialog header small{color:var(--extra-muted);font-size:var(--text-2xs)}.app-demo .change-review-send-dialog footer{justify-content:flex-end}@media (width<=900px){.app-demo .change-review-body{grid-template-columns:190px minmax(300px,1fr)}.app-demo .change-review-comments{z-index:2;width:280px;display:none;position:absolute;top:48px;bottom:38px;right:0}}.app-demo .terminal-pane-host{position:relative;overflow:hidden}.app-demo .agent-review-queue-panel{z-index:45;border:1px solid var(--border);border-radius:var(--radius-md);width:min(390px,100% - 16px);max-height:min(360px,100% - 40px);color:var(--foreground);background:color-mix(in srgb, var(--surface) 97%, transparent);backdrop-filter:blur(14px);gap:2px;padding:6px;display:grid;position:absolute;top:32px;right:8px;overflow-y:auto;box-shadow:0 14px 38px #0009}.app-demo .agent-review-queue-panel>header{border-bottom:1px solid var(--border-soft);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:8px;display:flex;position:sticky;top:-6px}.app-demo .agent-review-queue-panel>header>div,.app-demo .agent-review-queue-copy{gap:2px;min-width:0;display:grid}.app-demo .agent-review-queue-panel>header strong,.app-demo .agent-review-queue-item strong{font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .agent-review-queue-panel>header small,.app-demo .agent-review-queue-item small{color:var(--extra-muted);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .agent-review-queue-panel>header>span{border-radius:var(--radius-md);min-width:20px;height:20px;color:var(--primary-foreground);background:var(--primary-bg);font-size:var(--text-2xs);place-items:center;font-weight:600;display:grid}.app-demo .agent-review-queue-item{border-radius:var(--radius-sm);grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 6px;display:grid}.app-demo .agent-review-queue-item:hover{background:var(--surface-hover)}.app-demo .agent-review-queue-status{background:var(--extra-muted);border-radius:50%;width:7px;height:7px}.app-demo .agent-review-queue-status.is-sending,.app-demo .agent-review-queue-status.is-awaiting-agent,.app-demo .agent-review-queue-status.is-processing{background:var(--interactive);animation:.8s linear infinite history-spin}.app-demo .agent-review-queue-status.is-failed{background:var(--danger)}.app-demo .agent-review-queue-progress{border:1px solid var(--primary-border);color:var(--primary-foreground);background:var(--primary-bg);font-size:var(--text-2xs);white-space:nowrap;border-radius:999px;padding:4px 7px;font-weight:600}.app-demo .agent-review-queue-actions{align-items:center;gap:4px;display:flex}.app-demo .agent-review-queue-item button{border:1px solid var(--border);border-radius:var(--radius-sm);height:25px;color:var(--foreground);background:var(--surface-raised);font-size:var(--text-2xs);padding:0 8px}.app-demo .agent-review-queue-item .agent-review-queue-remove{width:26px;color:var(--extra-muted);background:0 0;place-items:center;padding:0;display:grid}.app-demo .agent-review-queue-item .agent-review-queue-remove:hover:not(:disabled){color:var(--danger)}.app-demo .canvas[data-workbench-dragging] iframe{pointer-events:none}.app-demo .browser-dock-preview{z-index:35;border:2px solid var(--accent);color:var(--foreground);background:color-mix(in srgb, var(--accent) 18%, #090a0dcc);backdrop-filter:blur(3px);font-size:var(--text-sm);pointer-events:none;place-items:center;font-weight:600;display:grid;position:absolute}.app-demo .browser-surface{background:var(--pane-bg);flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex}.app-demo .browser-toolbar{border-bottom:1px solid var(--border-soft);background:var(--pane-header-bg);flex:0 0 40px;align-items:center;gap:6px;min-height:40px;padding:0 8px;display:flex;position:relative}.app-demo .browser-navigation{align-items:center;gap:1px;display:flex}.app-demo .browser-toolbar button{border-radius:var(--radius-sm);height:26px;color:var(--extra-muted);font-size:var(--text-xs);background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:5px;padding:0 7px;display:inline-flex}.app-demo .browser-toolbar button:hover:not(:disabled),.app-demo .browser-toolbar button.is-active{color:var(--foreground);background:var(--surface-hover)}.app-demo .browser-navigation button{width:25px;padding:0}.app-demo .browser-navigation button:not(:disabled){color:var(--foreground)}.app-demo .browser-navigation button:disabled{opacity:.28;cursor:default}.app-demo .browser-navigation button.is-loading svg{animation:.8s linear infinite history-spin}.app-demo .browser-address{flex:1;min-width:0;margin:0;display:flex;position:relative}.app-demo .browser-address input{border-radius:var(--radius-md);width:100%;height:28px;color:var(--foreground);font:var(--text-sm) var(--ui-font);background:#ffffff0a;border:1px solid #0000;outline:none;padding:0 12px;transition:background .12s,border-color .12s}.app-demo .browser-address:hover input{background:#ffffff0f}.app-demo .browser-address input.is-masked{color:#0000}.app-demo .browser-address-display{color:var(--extra-muted);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;align-items:center;display:flex;position:absolute;inset:0 12px 0 33px;overflow:hidden}.app-demo .browser-address-display b{color:var(--foreground);font-weight:500}.app-demo .browser-address input:focus{border-color:var(--border);background:var(--canvas);box-shadow:0 0 0 3px var(--accent-soft)}.app-demo .browser-address.has-site-info input{padding-left:33px}.app-demo .browser-toolbar .browser-connection{z-index:1;width:22px;height:24px;color:var(--muted);align-items:center;padding:0;display:inline-flex;position:absolute;inset:2px auto 2px 7px}.app-demo .browser-connection:focus-visible{outline:1px solid var(--selection-border);outline-offset:2px;border-radius:var(--radius-xs)}.app-demo .browser-toolbar .browser-mode-toggle{white-space:nowrap;width:28px;color:var(--muted);background:0 0;border:0;padding:0}.app-demo .browser-toolbar .browser-mode-toggle:disabled{opacity:.4}.app-demo .browser-toolbar .browser-more{width:26px;padding:0}.app-demo .browser-toolbar .browser-mode-toggle.is-active{color:var(--primary-foreground);background:var(--primary-bg)}.app-demo .browser-agent-chip{height:26px;color:var(--foreground);font-size:var(--text-sm);white-space:nowrap;background:#ffffff0a;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 10px 0 8px;display:inline-flex}.app-demo .browser-toolbar .browser-agent-chip.is-disconnected{border:1px dashed var(--border);color:var(--muted);background:0 0;border-radius:999px;gap:7px;padding:0 10px}.app-demo .browser-toolbar .browser-agent-chip.is-disconnected:hover:not(:disabled){border-color:var(--muted);color:var(--foreground);background:0 0}.app-demo .browser-agent-dot{background:var(--extra-muted);border-radius:50%;width:6px;height:6px}.app-demo .browser-toolbar .browser-agent-chip.is-connected{cursor:pointer;border:0}.app-demo .browser-toolbar .browser-agent-chip.is-connected:hover:not(:disabled){background:#ffffff14}.app-demo .browser-toolbar .browser-agent-chip.is-paused{color:var(--primary-foreground);background:var(--primary-bg)}.app-demo .browser-toolbar .browser-agent-chip.is-paused:hover{color:var(--primary-foreground);background:var(--primary-bg-hover)}.app-demo .browser-progress{pointer-events:none;height:2px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.app-demo .browser-progress:after{content:"";background:linear-gradient(90deg, transparent, var(--interactive), transparent);width:35%;animation:browser-progress 1.1s var(--ease-out) infinite;position:absolute;top:0;bottom:0;left:0}@keyframes browser-progress{0%{transform:translate(-100%)}to{transform:translate(300%)}}.app-demo .browser-comment-tools{z-index:8;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--popover-bg);flex-wrap:wrap;gap:4px;max-width:calc(100% - 24px);padding:5px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 18px #0005}.app-demo .browser-comment-tools button{border-radius:var(--radius-sm);color:var(--muted);font:var(--text-xs) var(--ui-font);background:0 0;border:0;align-items:center;gap:5px;padding:6px 8px;display:inline-flex}.app-demo .browser-comment-tools button[aria-pressed=true]{color:var(--primary-foreground);background:var(--primary-bg)}.app-demo .browser-review-error{z-index:10;border:1px solid var(--border);border-radius:var(--radius-sm);max-width:calc(100% - 24px);color:var(--foreground);background:var(--surface);font-size:var(--text-sm);align-items:center;gap:8px;padding:9px 12px;display:flex;position:absolute;bottom:12px;left:12px}.app-demo .browser-review-error button{color:inherit;background:0 0;border:0}.app-demo .browser-capture-preview{object-fit:contain;border:1px solid var(--border);border-radius:var(--radius-xs);width:100%;max-height:150px;display:block}.app-demo .browser-capture-thumbnail{object-fit:contain;border-radius:var(--radius-xs);max-width:100%;max-height:64px;display:block}.app-demo .browser-zoom-overview{z-index:8;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-lg);color:#e9edf4;width:148px;max-width:calc(100% - 24px);height:114px;font:var(--text-sm)/1.3 var(--ui-font);pointer-events:none;background:#171a20ed;padding:10px;position:absolute;bottom:12px;left:12px;box-shadow:0 4px 18px #0005}.app-demo .browser-zoom-overview-header{justify-content:space-between;margin-bottom:8px;display:flex}.app-demo .browser-zoom-overview-map{border:1px solid var(--border-soft);border-radius:var(--radius-xs);background:repeating-linear-gradient(0deg,#ffffff05 0 13px,#ffffff10 13px 14px);height:70px;position:relative;overflow:hidden}.app-demo .browser-zoom-overview-map>span{box-sizing:border-box;background:#4c9dff45;border:1.5px solid #76b9ff;min-width:2px;min-height:2px;position:absolute}.app-demo .browser-find-row{border-bottom:1px solid var(--border-soft);background:var(--pane-header-bg);flex:0 0 36px;justify-content:flex-end;align-items:center;min-height:36px;padding:0 8px;display:flex}.app-demo .browser-find{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--canvas);width:min(420px,100%);height:28px;box-shadow:0 0 0 3px var(--accent-soft);align-items:center;gap:3px;padding:1px 3px 1px 9px;display:flex}.app-demo .browser-find input{min-width:0;color:var(--foreground);font-size:var(--text-xs);background:0 0;border:0;outline:0;flex:1}.app-demo .browser-find span{min-width:34px;color:var(--extra-muted);font-size:var(--text-2xs);text-align:right}.app-demo .browser-find button{border-radius:var(--radius-xs);width:24px;height:24px;color:var(--extra-muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.app-demo .browser-find button:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .browser-send-review{border:1px solid var(--primary-border);border-radius:var(--radius-sm);height:26px;color:var(--primary-foreground);background:var(--primary-bg);font:620 9.5px var(--ui-font);flex:none;justify-content:center;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.app-demo .browser-send-review:hover{background:var(--primary-bg-hover)!important}.app-demo .browser-send-review span{border-radius:var(--radius-md);min-width:15px;height:15px;font-size:var(--text-2xs);background:#ffffff1c;place-items:center;display:grid}.app-demo .browser-viewport-stage{background:var(--pane-bg);flex:1;justify-content:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.app-demo .browser-viewport-stage.has-review-disconnected-island{padding-bottom:58px}.app-demo .browser-viewport{width:100%;min-width:0;max-width:100%;min-height:0;box-shadow:0 0 0 1px var(--border-soft), 0 8px 28px #0005;background:#fff;position:relative;overflow:hidden}.app-demo .browser-load-error{z-index:12;color:var(--foreground);background:var(--pane-bg);place-items:center;padding:clamp(28px,7vw,88px);display:grid;position:absolute;inset:0}.app-demo .browser-load-error-content{text-align:center;flex-direction:column;align-items:center;width:min(560px,100%);display:flex;transform:translateY(clamp(-54px,-6vh,-24px))}.app-demo .browser-load-error-icon{border:1px solid var(--border-soft);border-radius:var(--radius-lg);width:52px;height:52px;color:var(--muted);background:var(--surface);box-shadow:none;place-items:center;margin-bottom:20px;display:grid}.app-demo .browser-load-error-product{color:var(--extra-muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px;font-weight:500}.app-demo .browser-load-error h1{letter-spacing:-.025em;margin:0;font-size:clamp(19px,2.2vw,25px);font-weight:600}.app-demo .browser-load-error-guidance{max-width:470px;color:var(--muted);font-size:var(--text-sm);margin:10px 0 20px;line-height:1.65}.app-demo .browser-load-error code{border:1px solid var(--border-soft);border-radius:var(--radius-sm);max-width:100%;color:var(--muted);background:var(--input-bg);font:var(--text-xs)/1.4 var(--mono-font);text-overflow:ellipsis;white-space:nowrap;padding:7px 10px;display:block;overflow:hidden}.app-demo .browser-load-error-actions{flex-direction:column;align-items:center;gap:10px;min-height:80px;margin-top:20px;display:flex}.app-demo .browser-load-error-primary-actions{justify-content:center;align-items:center;gap:7px;min-height:31px;display:flex}.app-demo .browser-load-error-actions button{border:1px solid var(--border);border-radius:var(--radius-sm);height:31px;color:var(--foreground);background:var(--surface);font:var(--text-xs) var(--ui-font);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.app-demo .browser-load-error-actions button:hover:not(:disabled){border-color:var(--accent);background:var(--surface-hover)}.app-demo .browser-load-error-actions button:disabled{opacity:.42;cursor:not-allowed}.app-demo .browser-load-error-actions .browser-load-error-retry{border-color:var(--primary-border);color:var(--primary-foreground);background:var(--primary-bg);box-shadow:0 5px 14px #00000016}.app-demo .browser-load-error-actions .browser-load-error-retry:hover{background:var(--primary-bg-hover)}.app-demo .browser-load-error-actions>small{color:var(--extra-muted);font:var(--text-2xs) var(--mono-font)}.app-demo .browser-load-error-retrying{height:31px;color:var(--muted);font-size:var(--text-xs);align-items:center;gap:9px;padding:0 7px;font-weight:500;display:inline-flex}.app-demo .browser-load-error-retrying>span{width:18px;height:18px;color:var(--interactive);position:relative}.app-demo .browser-load-error-retrying>span:before{content:"";transform-origin:1.25px 5.75px;background:currentColor;border-radius:.625px;width:2.5px;height:2.5px;animation:1s linear infinite rotate-agent-status;position:absolute;top:3.25px;left:7.75px;box-shadow:3.9px 6.75px,-3.9px 6.75px}.app-demo .browser-load-error-confirm{border:1px solid var(--border-soft);border-radius:var(--radius-md);color:var(--muted);background:var(--surface);font-size:var(--text-xs);align-items:center;gap:6px;padding:5px 6px 5px 10px;display:flex;box-shadow:0 8px 24px #00000014}.app-demo .browser-load-error-confirm>span{margin-right:3px}.app-demo .browser-load-error-confirm button{height:24px;font-size:var(--text-2xs);padding:0 8px}.app-demo .browser-load-error-agent-status{height:28px;color:var(--muted);font-size:var(--text-xs);align-items:center;gap:8px;display:inline-flex}.app-demo .browser-load-error-agent-status.is-sent{color:var(--success)}.app-demo .browser-load-error-agent-spinner{width:18px;height:18px;color:var(--interactive);position:relative}.app-demo .browser-load-error-agent-spinner:before{content:"";transform-origin:1.25px 5.75px;background:currentColor;border-radius:.625px;width:2.5px;height:2.5px;animation:1s linear infinite rotate-agent-status;position:absolute;top:3.25px;left:7.75px;box-shadow:3.9px 6.75px,-3.9px 6.75px}.app-demo .browser-load-error-actions .browser-load-error-agent-failed{border-color:color-mix(in srgb, var(--danger) 30%, var(--border));height:26px;color:var(--danger);font-size:var(--text-2xs);background:0 0}@media (prefers-reduced-motion:reduce){.app-demo .browser-load-error-retrying>span:before,.app-demo .browser-load-error-agent-spinner:before{animation:none}}.app-demo .browser-review-snapshot{object-fit:fill;user-select:none;width:100%;height:100%;display:block}.app-demo .browser-review-layer{z-index:4;cursor:crosshair;background:#1317200a;position:absolute;inset:0}.app-demo .browser-review-selection{border:1px solid var(--interactive);border-radius:var(--radius-xs);background:color-mix(in srgb, var(--interactive) 12%, transparent);pointer-events:none;min-width:3px;min-height:3px;position:absolute;box-shadow:0 0 0 1px #fff8,0 3px 14px #0004}.app-demo .browser-review-target-highlight{border:2px solid var(--interactive);border-radius:var(--radius-xs);background:color-mix(in srgb, var(--interactive) 9%, transparent);pointer-events:none;position:absolute;box-shadow:0 0 0 1px #fff9,0 2px 10px #0003}.app-demo .browser-review-notice{z-index:9;border:1px solid var(--selection-border);border-radius:var(--radius-md);color:var(--foreground);background:color-mix(in srgb, var(--surface) 96%, transparent);pointer-events:none;align-items:center;gap:8px;padding:8px 11px;animation:2.2s both browser-review-notice;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0008}.app-demo .browser-review-notice>svg{color:var(--interactive)}.app-demo .browser-review-notice>span{gap:1px;display:grid}.app-demo .browser-review-notice strong{font-size:var(--text-xs);white-space:nowrap;font-weight:600}.app-demo .browser-review-notice small{color:var(--extra-muted);font-size:var(--text-2xs);white-space:nowrap}@keyframes browser-review-notice{0%{opacity:0;transform:translate(-50%,-8px)}12%,82%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}.app-demo .browser-review-composer{z-index:7;border:1px solid var(--border);border-radius:var(--radius-lg);width:min(310px,100% - 28px);color:var(--foreground);background:var(--popover-bg);gap:7px;padding:10px;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 14px 36px #000a}.app-demo .browser-review-composer>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.app-demo .browser-review-composer-handle{cursor:grab;user-select:none;touch-action:none}.app-demo .browser-review-composer-handle:active{cursor:grabbing}.app-demo .browser-review-composer strong{font-size:var(--text-xs);font-weight:600}.app-demo .browser-review-composer small{color:var(--extra-muted);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .browser-review-composer textarea,.app-demo .browser-review-dialog textarea{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:68px;color:var(--foreground);background:var(--input-bg);font:var(--text-xs)/1.45 var(--ui-font);resize:vertical;outline:none;padding:8px}.app-demo .browser-review-composer textarea:focus,.app-demo .browser-review-dialog textarea:focus{border-color:var(--selection-border)}.app-demo .browser-review-composer button{color:var(--extra-muted);background:0 0;border:0}.app-demo .browser-review-composer .browser-review-save{border-radius:var(--radius-sm);width:25px;height:25px;color:var(--primary-foreground);background:var(--primary-bg);place-items:center;margin-left:auto;display:grid}.app-demo .browser-review-composer .browser-review-save:disabled{opacity:.4}.app-demo .browser-review-drafts{z-index:6;border:1px solid var(--border);border-radius:var(--radius-lg);width:min(380px,100% - 28px);max-height:min(320px,100% - 28px);color:var(--foreground);background:color-mix(in srgb, var(--surface) 96%, transparent);backdrop-filter:blur(14px);gap:2px;padding:6px;display:grid;position:absolute;bottom:14px;right:14px;overflow-y:auto;box-shadow:0 14px 36px #0009}.app-demo .browser-review-drafts>header{z-index:1;border-bottom:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface) 97%, transparent);justify-content:space-between;align-items:center;gap:12px;margin:-2px -2px 2px;padding:8px 8px 7px;display:flex;position:sticky;top:-6px}.app-demo .browser-review-drafts>header>div{gap:2px;display:grid}.app-demo .browser-review-drafts>header strong{font-size:var(--text-xs);font-weight:600}.app-demo .browser-review-drafts>header small{color:var(--extra-muted);font-size:var(--text-2xs)}.app-demo .browser-review-drafts>div{border-radius:var(--radius-sm);grid-template-columns:24px minmax(0,1fr) 26px;align-items:center;gap:7px;padding:7px 6px;display:grid}.app-demo .browser-review-drafts>div:hover{background:var(--surface-hover)}.app-demo .browser-review-drafts>div>span{width:21px;height:21px;color:var(--foreground);background:var(--selection-bg-strong);font-size:var(--text-2xs);border-radius:50%;place-items:center;font-weight:600;display:grid}.app-demo .browser-review-draft-edit{min-width:0;overflow:hidden;width:100%!important;height:auto!important;color:inherit!important;text-align:left!important;background:0 0!important;border:0!important;justify-items:stretch!important;gap:2px!important;padding:0!important;display:grid!important}.app-demo .browser-review-drafts strong,.app-demo .browser-review-drafts small{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;display:block;overflow:hidden}.app-demo .browser-review-drafts strong{font-size:var(--text-xs)}.app-demo .browser-review-drafts small{color:var(--extra-muted);font-size:var(--text-2xs)}.app-demo .browser-review-drafts>div>button:last-child{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--extra-muted);background:0 0;border:0;place-items:center;display:grid}.app-demo .browser-review-drafts>div>button:last-child:hover{color:var(--danger);background:#f06f7514}.app-demo .browser-review-dialog{border:1px solid var(--border);border-radius:var(--radius-lg);width:min(420px,100vw - 32px);color:var(--foreground);background:var(--popover-bg);padding:18px;box-shadow:0 22px 60px #000b}.app-demo .browser-review-dialog h2{font-size:var(--text-lg);margin:0}.app-demo .browser-review-dialog>p{color:var(--extra-muted);font-size:var(--text-xs);margin:6px 0 15px;line-height:1.5}.app-demo .browser-review-dialog label{color:var(--muted);font-size:var(--text-xs);gap:6px;margin-top:10px;display:grid}.app-demo .browser-review-dialog select{border:1px solid var(--border);border-radius:var(--radius-sm);height:31px;color:var(--foreground);background:var(--input-bg);padding:0 8px}.app-demo .browser-review-no-agent{border-radius:var(--radius-sm);color:#efb3b7;font-size:var(--text-xs);background:#3b2225;border:1px solid #74464a;margin-top:10px;padding:8px}.app-demo .browser-review-dialog footer{justify-content:flex-end;gap:7px;margin-top:16px;display:flex}.app-demo .browser-review-dialog footer button{border:1px solid var(--border);border-radius:var(--radius-sm);height:29px;color:var(--foreground);background:var(--surface-raised);font-size:var(--text-xs);padding:0 11px}.app-demo .browser-review-dialog footer .primary-button{color:var(--primary-foreground);background:var(--primary-bg)}.app-demo .browser-data-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.app-demo .browser-homepage-setting small{color:var(--extra-muted);font-size:var(--text-xs);font-weight:400;line-height:1.45}.app-demo .browser-data-summary>div{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-raised);gap:3px;padding:12px;display:grid}.app-demo .browser-data-summary strong{color:var(--foreground);font-size:var(--text-lg)}.app-demo .browser-data-summary span{color:var(--extra-muted);font-size:var(--text-xs)}.app-demo .browser-setting-row{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:18px;padding:11px 0;display:flex}.app-demo .browser-setting-row>div{gap:3px;display:grid}.app-demo .browser-setting-row strong{color:var(--foreground);font-size:var(--text-xs)}.app-demo .browser-setting-row small{color:var(--extra-muted);font-size:var(--text-xs);line-height:1.45}.app-demo .browser-setting-row>button{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:104px;min-height:30px;color:var(--foreground);background:var(--surface-raised);font-size:var(--text-xs);flex:none;padding:0 11px;font-weight:500}.app-demo .browser-setting-row>button:hover:not(:disabled){border-color:var(--selection-border);background:var(--surface-hover)}.app-demo .browser-setting-row>button:disabled{opacity:.45;cursor:not-allowed}.app-demo .browser-setting-row>.danger-button{color:#ff8a8a;background:#ff646412;border-color:#ff64645c}.app-demo .browser-setting-row>.danger-button:hover:not(:disabled){background:#ff64641f;border-color:#ff64648a}.app-demo .browser-history-list{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--popover-bg);max-height:250px;display:grid;overflow:auto}.app-demo .browser-history-list>div{border-bottom:1px solid var(--border-soft);grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px 10px;display:grid}.app-demo .browser-history-list>div:last-child{border-bottom:0}.app-demo .browser-history-list>div>svg{color:var(--extra-muted)}.app-demo .browser-history-list>div>span{gap:2px;min-width:0;display:grid}.app-demo .browser-history-list strong,.app-demo .browser-history-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .browser-history-list strong{color:var(--foreground);font-size:var(--text-xs)}.app-demo .browser-history-list small,.app-demo .browser-history-list time{color:var(--extra-muted);font-size:var(--text-2xs)}.app-demo .browser-history-list>p{text-align:center;padding:18px}.app-demo .split-tree{width:100%;min-width:0;height:100%;min-height:0;display:flex}.app-demo .split-tree.direction-row{flex-direction:row}.app-demo .split-tree.direction-column{flex-direction:column}.app-demo .split-child{flex-grow:1;min-width:0;min-height:0;display:flex;overflow:hidden}.app-demo .split-divider{z-index:2;background:var(--border);flex:0 0 1px;position:relative}.app-demo .split-divider.is-enabled:after{content:"";position:absolute;inset:-4px}.app-demo .split-divider:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-demo .direction-row>.split-divider{cursor:col-resize}.app-demo .direction-column>.split-divider{cursor:row-resize}.app-demo .terminal-pane{background:var(--pane-bg);border:1px solid #0000;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.app-demo .terminal-pane.is-focused{border-color:#ffffff2b;box-shadow:inset 0 0 0 1px #ffffff0b}.app-demo .terminal-pane.is-file-drop-target{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent-soft)}.app-demo .terminal-pane.is-pane-merge-target:after{z-index:20;content:"";pointer-events:none;border:2px solid var(--accent);background:var(--accent-soft);animation:.15s ease-out both pane-merge-target-enter;position:absolute;inset:0}@keyframes pane-merge-target-enter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.app-demo .pane-header{z-index:10;border-bottom:1px solid var(--border-soft);height:24px;color:var(--muted);background:var(--pane-header-bg);backdrop-filter:blur(18px);font-size:var(--text-2xs);flex:none;justify-content:space-between;align-items:center;gap:7px;padding:0 5px 0 9px;transition:transform .13s ease-out,opacity 90ms linear;display:flex;position:relative}.app-demo .pane-header[draggable=true]{cursor:grab}.app-demo .pane-header[draggable=true]:active{cursor:grabbing}.app-demo .pane-header.is-dragging{transform-origin:0;opacity:.62;transition:transform .11s ease-out,opacity 90ms linear;transform:scaleX(.36)}.app-demo .pointer-drag-ghost{z-index:10050;border:1px solid var(--selection-border);border-radius:var(--radius-sm);max-width:260px;height:28px;color:var(--foreground);background:var(--surface-raised);font-size:var(--text-xs);opacity:.94;pointer-events:none;align-items:center;gap:7px;margin:0;padding:0 10px;display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-9999px,-9999px);box-shadow:0 8px 22px #0008}.app-demo .pointer-drag-ghost:before,.app-demo .pointer-drag-ghost:after{content:none!important}.app-demo .pointer-drag-ghost .pane-title{width:100%}.app-demo .pointer-drag-ghost>:is(.pane-actions,.view-tab-close,.workspace-close){display:none}.app-demo .pointer-drag-ghost>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-demo.is-pointer-dragging,.app-demo.is-pointer-dragging *{cursor:grabbing!important;user-select:none!important}.app-demo :is(.pane-header,.document-toolbar,.browser-toolbar,.workspace-row).is-draggable,.app-demo .workspace-row,.app-demo .view-tab{user-select:none}.app-demo .pane-title{color:#c3c6cf;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.app-demo .pane-title>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .pane-title .agent-status-indicator{flex-basis:14px;width:14px;height:14px}.app-demo .pane-agent-state{color:var(--extra-muted);font-size:var(--text-2xs)}.app-demo .pane-actions{opacity:0;flex:none;align-items:center;transition:opacity .12s;display:flex}.app-demo .terminal-pane:hover .pane-actions,.app-demo .terminal-pane.is-focused .pane-actions,.app-demo .pane-actions:focus-within{opacity:1}.app-demo .pane-review-control{position:relative}.app-demo .pane-review-button{border-radius:var(--radius-xs);height:18px;color:var(--extra-muted);font-size:var(--text-2xs);white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;padding:0 5px;display:flex}.app-demo .pane-review-button:hover,.app-demo .pane-review-button[aria-expanded=true]{color:var(--foreground);background:var(--surface-hover)}.app-demo .pane-review-button b{border-radius:var(--radius-sm);min-width:14px;height:14px;color:var(--foreground);background:var(--surface-raised);font-size:var(--text-2xs);place-items:center;padding:0 3px;font-weight:600;display:grid}.app-demo .pane-review-menu{z-index:30;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);width:320px;padding:4px;display:grid;position:absolute;top:22px;right:0;box-shadow:0 12px 30px #0008}.app-demo .pane-review-menu-item{border-radius:var(--radius-sm);grid-template-columns:24px minmax(0,1fr) 28px;align-items:center;min-width:0;display:grid}.app-demo .pane-review-menu-item:hover,.app-demo .pane-review-menu-item:focus-within{background:var(--surface-hover)}.app-demo .pane-review-menu-icon{color:var(--muted);place-items:center;display:grid}.app-demo .pane-review-menu-open,.app-demo .pane-review-menu-disconnect{color:var(--foreground);background:0 0;border:0}.app-demo .pane-review-menu-open{text-align:left;gap:2px;min-width:0;padding:7px 4px;display:grid}.app-demo .pane-review-menu-open span,.app-demo .pane-review-menu-open small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .pane-review-menu-open small{color:var(--extra-muted);font-size:var(--text-2xs)}.app-demo .pane-review-menu-disconnect{border-radius:var(--radius-xs);width:24px;height:24px;color:var(--extra-muted);place-items:center;display:grid}.app-demo .pane-review-menu-disconnect:hover,.app-demo .pane-review-menu-disconnect:focus-visible{color:var(--danger);background:#f06f7514;outline:0}.app-demo .pane-action-button,.app-demo .pane-close-button{border-radius:var(--radius-xs);width:18px;height:18px;color:var(--extra-muted);background:0 0;border:0;flex:none;place-items:center;line-height:1;display:grid}.app-demo .pane-action-button:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .pane-close-button{font-size:var(--text-base)}.app-demo .pane-close-button:hover{color:var(--danger);background:#f06f7514}.app-demo .terminal-host{flex:1 1 0;width:100%;height:0;min-height:0;padding:10px 9px 11px 12px;position:relative;overflow:hidden}.app-demo .terminal-search{z-index:8;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);align-items:center;gap:3px;height:28px;padding:3px 4px 3px 8px;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 8px 24px #0007}.app-demo .terminal-search input{width:190px;color:var(--foreground);font:inherit;background:0 0;border:0;outline:0;padding:0}.app-demo .terminal-search input::-webkit-search-cancel-button{display:none}.app-demo .terminal-search-count{min-width:38px;color:var(--extra-muted);font-size:var(--text-xs);text-align:right}.app-demo .terminal-search button{border-radius:var(--radius-xs);width:22px;height:22px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.app-demo .terminal-search button:hover:not(:disabled){color:var(--foreground);background:var(--surface-hover)}.app-demo .terminal-search button:disabled{opacity:.35}.app-demo .terminal-viewport{background:var(--terminal-background);width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.app-demo .terminal-viewport.is-link-hovered,.app-demo .terminal-viewport.is-link-pressed{cursor:pointer}.app-demo .terminal-host.is-synchronizing .terminal-viewport{visibility:hidden}.app-demo .terminal-webgl-canvas{image-rendering:auto;display:block;position:absolute;top:0;left:0}.app-demo .terminal-native-input{z-index:1;color:#0000;caret-color:#0000;background:0 0;border:0;outline:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.app-demo .terminal-scrollbar{pointer-events:none;opacity:.35;width:3px;transition:opacity .12s;position:absolute;top:10px;bottom:11px;right:3px}.app-demo .terminal-scrollbar span{background:#aeb4bf;border-radius:999px;width:100%;min-height:18px;position:absolute;right:0}.app-demo .terminal-pane:hover .terminal-scrollbar,.app-demo .terminal-pane.is-focused .terminal-scrollbar{opacity:.72}.app-demo .terminal-scroll-to-bottom{z-index:7;border:1px solid var(--border);width:30px;height:30px;color:var(--muted);background:var(--surface-raised);border-radius:50%;place-items:center;padding:0;transition:color .12s,background .12s,transform .12s;display:grid;position:absolute;bottom:14px;right:14px;box-shadow:0 4px 14px #0006}.app-demo .review-disconnected-island{z-index:8;box-sizing:border-box;color:#f5f6f8;backdrop-filter:blur(14px);width:fit-content;max-width:calc(100% - 28px);min-height:38px;font-size:var(--text-xs);pointer-events:none;background:#090a0def;border:1px solid #ffffff1c;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin:0 auto;padding:8px 13px 8px 11px;line-height:1.4;display:flex;position:absolute;bottom:14px;left:14px;right:14px;box-shadow:0 14px 40px #000a,inset 0 1px #ffffff0d}.app-demo .review-disconnected-island>svg{flex:none}.app-demo .review-disconnected-island>span{overflow-wrap:anywhere;min-width:0}.app-demo .terminal-scroll-to-bottom:hover{color:var(--foreground);background:var(--surface-hover);transform:translateY(1px)}.app-demo .terminal-scroll-to-bottom:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-demo .terminal-scroll-to-bottom:active{transform:translateY(2px)}.app-demo .pane-move-preview{z-index:30;pointer-events:none;backdrop-filter:blur(2px);background:#090a0ddf;min-width:0;min-height:0;padding:18px 14px 14px;display:flex;position:absolute;inset:0}.app-demo .pane-move-preview-title{z-index:2;color:var(--extra-muted);font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;font-weight:600;position:absolute;top:8px;left:14px}.app-demo .pane-move-preview-hint{z-index:2;border:1px solid var(--accent);border-radius:var(--radius-sm);min-width:180px;color:var(--foreground);background:var(--surface-raised);font-size:var(--text-xs);text-align:center;white-space:nowrap;gap:2px;padding:6px 10px;display:grid;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0008}.app-demo .pane-move-preview-hint strong{text-overflow:ellipsis;overflow:hidden}.app-demo .pane-move-preview-hint small{color:var(--extra-muted);font-size:var(--text-2xs);font-weight:500}.app-demo .pane-move-preview>.pane-move-preview-branch,.app-demo .pane-move-preview>.pane-move-preview-leaf{flex:1}.app-demo .pane-move-preview-branch{width:100%;min-width:0;height:100%;min-height:0;display:flex}.app-demo .pane-move-preview-branch.direction-row{flex-direction:row}.app-demo .pane-move-preview-branch.direction-column{flex-direction:column}.app-demo .pane-move-preview-branch>div{flex-grow:1;min-width:0;min-height:0;display:flex}.app-demo .pane-move-preview-branch>div>.pane-move-preview-branch,.app-demo .pane-move-preview-branch>div>.pane-move-preview-leaf{flex:1;width:100%;height:100%}.app-demo .pane-move-preview-divider{border-radius:var(--radius-xs);background:var(--border);flex:0 0 4px}.app-demo .pane-move-preview-leaf{border:2px solid var(--border);border-radius:var(--radius-md);min-width:0;min-height:0;color:var(--extra-muted);background:#15171db8;justify-content:center;align-items:center;gap:8px;margin:4px;display:flex;overflow:hidden}.app-demo .pane-move-preview-leaf span{text-overflow:ellipsis;white-space:nowrap;max-width:70%;overflow:hidden}.app-demo .pane-move-preview-leaf small{border:1px solid var(--selection-border);border-radius:var(--radius-sm);color:var(--foreground);font-size:var(--text-xs);text-transform:uppercase;background:#252930;padding:6px 9px;font-weight:600}.app-demo .pane-move-preview-leaf.is-moved{color:var(--foreground);will-change:transform, opacity;background:#76808c24;border:2px solid #7d8794;animation:.13s cubic-bezier(.2,.75,.25,1) both pane-preview-expand;box-shadow:inset 0 0 0 1px #ffffff0d}@keyframes pane-preview-expand{0%{opacity:.5;transform:scale(.28,.12)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.app-demo .pane-header.is-dragging{transition:none}.app-demo .pane-move-preview-leaf.is-moved,.app-demo .terminal-pane.is-pane-merge-target:after{animation:none}}.app-demo .empty-state{border:1px solid var(--border-soft);border-radius:var(--radius-md);width:min(440px,100% - 48px);color:var(--muted);text-align:center;background:#121318;flex-direction:column;align-items:center;margin:auto;padding:34px;display:flex}.app-demo .empty-icon{border:1px solid var(--border);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--muted);background:var(--surface-raised);place-items:center;margin-bottom:15px;display:grid}.app-demo .empty-state strong{color:var(--foreground);font-size:var(--text-lg);font-weight:600}.app-demo .empty-state p{max-width:330px;color:var(--extra-muted);font-size:var(--text-sm);margin:7px 0 18px;line-height:1.5}.app-demo .start-state{width:min(520px,100% - 48px);color:var(--muted);text-align:center;isolation:isolate;flex-direction:column;align-items:center;margin:auto;padding:42px 34px;display:flex;position:relative}.app-demo .start-state:before{z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--interactive) 9%, transparent), transparent 68%);content:"";filter:blur(10px);pointer-events:none;border-radius:50%;width:280px;height:220px;position:absolute}.app-demo .start-state-brand{border:1px solid color-mix(in srgb, var(--border) 78%, white 8%);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-raised) 88%, white 5%), var(--surface));border-radius:18px;place-items:center;width:72px;height:72px;margin-bottom:20px;display:grid;box-shadow:0 18px 44px #0008,inset 0 1px #ffffff12}.app-demo .start-state-brand img{border-radius:var(--radius-lg);object-fit:cover;width:58px;height:58px}.app-demo .start-state h2{color:var(--foreground);letter-spacing:-.035em;margin:0;font-size:27px;font-weight:600}.app-demo .start-state>p{max-width:390px;color:var(--extra-muted);font-size:var(--text-sm);margin:10px 0 20px;line-height:1.6}.app-demo .start-state-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.app-demo .start-state-actions button{justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 14px;display:inline-flex}.app-demo .start-state-secondary{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);background:var(--surface-raised);font-size:var(--text-sm);font-weight:600}.app-demo .start-state-secondary:hover{border-color:var(--selection-border);background:var(--surface-hover)}.app-demo .start-state-shortcuts{min-width:250px;color:var(--extra-muted);font-size:var(--text-xs);grid-template-columns:auto auto;align-items:center;gap:8px 26px;margin:34px 0 0;display:grid}.app-demo .start-state-shortcuts dt{text-align:left}.app-demo .start-state-shortcuts dd{text-align:right;margin:0}.app-demo .start-state-shortcuts kbd{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:27px;min-height:23px;color:var(--muted);background:color-mix(in srgb, var(--surface-raised) 76%, transparent);font:var(--text-xs)/1 var(--font-mono,ui-monospace, monospace);justify-content:center;align-items:center;padding:0 6px;display:inline-flex;box-shadow:inset 0 -1px #0004}.app-demo .primary-button{border:1px solid var(--primary-border);border-radius:var(--radius-sm);min-height:30px;color:var(--primary-foreground);background:var(--primary-bg);font-size:var(--text-sm);padding:0 13px;font-weight:600}.app-demo .primary-button:hover{background:var(--primary-bg-hover)}.app-demo .missing-pane{width:100%;height:100%;color:var(--danger);font-size:var(--text-sm);place-items:center;display:grid}.app-demo .terminal-loading{width:100%;height:100%;color:var(--extra-muted);font-size:var(--text-sm);place-items:center;display:grid}.app-demo .pane-keyboard-target{width:100%;min-width:0;height:100%;min-height:0;display:flex}.app-demo .pane-keyboard-target.is-keyboard-focused{outline-offset:-1px;outline:1px solid #ffffff17;position:relative}.app-demo[data-theme=light] .pane-keyboard-target.is-keyboard-focused{outline-color:var(--accent)}.app-demo .file-sidebar-shell{min-width:0;min-height:0;display:flex;position:relative}.app-demo .worktree-picker-check{width:13px;color:var(--accent);flex:0 0 13px;place-items:center;display:grid}.app-demo .worktree-picker-copy{flex:1;gap:2px;min-width:0;display:grid}.app-demo .worktree-picker-copy strong,.app-demo .worktree-picker-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .workspace-flat-tab{width:100%;min-height:24px;color:var(--extra-muted);font-size:var(--text-xs);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0 12px 0 58px;display:flex}.app-demo .workspace-flat-tab>:is(svg,.agent-kind-icon){opacity:.6;flex:none}.app-demo .workspace-flat-tab>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-demo .workspace-flat-tab:hover{color:var(--muted);background:var(--surface-hover)}.app-demo .workspace-flat-tab.is-active{color:var(--foreground);background:var(--selection-bg-strong);box-shadow:inset 2px 0 var(--accent)}.app-demo .agent-history{min-height:0;padding:0 0 14px;overflow:auto}.app-demo .agent-history-row.is-deleting{z-index:1;pointer-events:none;animation:.19s cubic-bezier(.4,0,1,1) forwards agent-history-pop-out}.app-demo .agent-history-row.is-deleting:after{border:1px solid color-mix(in srgb, var(--danger) 55%, transparent);content:"";border-radius:50%;width:7px;height:7px;animation:.19s ease-out forwards agent-history-puff;position:absolute;top:50%;right:13px}.app-demo .agent-history-open:disabled{opacity:.45}.app-demo .agent-history-unlink{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--muted);opacity:0;background:0 0;border:0;flex:none;place-items:center;margin-right:5px;display:grid}.app-demo .agent-history-row:hover .agent-history-unlink,.app-demo .agent-history-unlink:focus-visible{opacity:1}.app-demo .agent-history-unlink:hover{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent)}.app-demo .agent-history-unlink:disabled{cursor:not-allowed;opacity:.2}.app-demo .agent-history-delete:not(:disabled):hover{color:var(--danger)}.app-demo .agent-history-load-more{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:96px;color:var(--muted);font-size:var(--text-xs);background:0 0;margin:10px auto 2px;padding:6px 12px;font-weight:600;display:block}.app-demo .agent-history-load-more:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .agent-history-empty{min-height:124px;color:var(--extra-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:18px 14px;display:flex}.app-demo .agent-history-empty>svg{color:var(--muted);margin-bottom:3px}.app-demo .agent-history-empty>strong{color:var(--foreground);font-size:var(--text-sm);font-weight:500}.app-demo .agent-history-empty>span{max-width:220px;font-size:var(--text-xs);line-height:1.45}.app-demo .agent-history-loading{min-height:150px;color:var(--extra-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.app-demo .agent-history-loading strong{font-size:var(--text-xs);font-weight:500}.app-demo .agent-history-spinner{border:2px solid color-mix(in srgb, var(--interactive) 22%, transparent);border-top-color:var(--interactive);border-right-color:color-mix(in srgb, var(--interactive) 62%, transparent);width:22px;height:22px;box-shadow:0 0 14px color-mix(in srgb, var(--interactive) 16%, transparent);border-radius:50%;animation:.75s linear infinite history-spin}@keyframes agent-history-pop-out{0%{opacity:1;transform:scale(1)}45%{opacity:.82;transform:scale(1.012)}to{opacity:0;transform:scale(.96)}}@keyframes agent-history-puff{0%{opacity:.8;transform:translateY(-50%)scale(.55)}to{opacity:0;transform:translateY(-50%)scale(3.1)}}.app-demo .agent-command-setting{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-raised);gap:7px;padding:11px;display:grid}.app-demo .agent-command-setting p{color:var(--extra-muted);font-size:var(--text-xs);margin:0;line-height:1.45}.app-demo .agent-command-setting code{border-radius:var(--radius-xs);color:var(--muted);background:var(--input-bg);font-family:var(--terminal-font,monospace);padding:1px 4px}.app-demo .agent-command-setting>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.app-demo .agent-command-setting>div>span{min-width:0;color:var(--extra-muted);font-size:var(--text-xs)}.app-demo .agent-command-setting>div>span.is-success{color:var(--success)}.app-demo .agent-command-setting>div>button{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:max-content;color:var(--foreground);background:var(--surface);padding:6px 9px}.app-demo .is-spinning{animation:.8s linear infinite history-spin}@keyframes history-spin{to{transform:rotate(360deg)}}.app-demo .file-sidebar{background:var(--sidebar-bg);backdrop-filter:blur(28px)saturate(115%);flex-direction:column;width:100%;min-width:0;min-height:0;display:flex;container:file-sidebar/inline-size}.app-demo .file-sidebar-files,.app-demo .directory-browser{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.app-demo .file-sidebar-files[hidden]{display:none}.app-demo .directory-browser-location{min-width:0;color:var(--muted);font-size:var(--text-xs);align-items:center;gap:6px;padding:5px 12px;display:flex}.app-demo .directory-browser-location button{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--muted);background:0 0;border:0;flex-shrink:0;place-items:center;display:grid}.app-demo .directory-browser-location button:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .directory-browser-location span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .directory-browser-error{color:var(--danger);overflow-wrap:anywhere;font-size:var(--text-sm);flex:none;padding:9px 12px}.app-demo .file-sidebar-resizer{z-index:20;cursor:col-resize;touch-action:none;-webkit-app-region:no-drag;width:12px;position:absolute;top:0;bottom:0;left:-6px}.app-demo .file-sidebar-resizer:after{content:"";background:var(--border-soft);width:1px;transition:background .12s;position:absolute;top:0;bottom:0;left:6px}.app-demo .file-sidebar-resizer:hover:after,.app-demo.is-resizing-file-sidebar .file-sidebar-resizer:after{background:var(--accent)}.app-demo.is-resizing-file-sidebar{cursor:col-resize;user-select:none}.app-demo .file-sidebar-topbar button,.app-demo .file-sidebar-header button{-webkit-app-region:no-drag}.app-demo .file-sidebar-close{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--extra-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.app-demo .file-sidebar-close:hover{color:var(--foreground);background:var(--surface-raised)}.app-demo .file-transfer-center{gap:7px;display:grid}.app-demo .file-transfer-item{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);background:var(--surface);pointer-events:auto;grid-template-columns:24px minmax(0,1fr) auto;align-items:start;gap:8px;padding:10px;animation:.18s cubic-bezier(.22,1,.36,1) file-transfer-enter;display:grid;box-shadow:0 14px 36px #0009,inset 0 1px #ffffff0d}.app-demo .file-transfer-item.is-completed{border-color:color-mix(in srgb, var(--success) 40%, var(--border))}.app-demo .file-transfer-item.is-canceled{border-color:color-mix(in srgb, var(--extra-muted) 48%, var(--border))}.app-demo .file-transfer-item.is-failed{border-color:color-mix(in srgb, var(--danger) 48%, var(--border))}.app-demo .file-transfer-item.is-warning{border-color:color-mix(in srgb, var(--warning) 52%, var(--border))}.app-demo .file-transfer-item.is-exiting{pointer-events:none;animation:.22s ease-in forwards file-transfer-exit}.app-demo .file-transfer-icon{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--accent);background:var(--accent-soft);place-items:center;display:grid}.app-demo .file-transfer-item.is-completed .file-transfer-icon{color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent)}.app-demo .file-transfer-item.is-canceled .file-transfer-icon{color:var(--extra-muted);background:color-mix(in srgb, var(--extra-muted) 12%, transparent)}.app-demo .file-transfer-item.is-failed .file-transfer-icon{color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, transparent)}.app-demo .file-transfer-item.is-warning .file-transfer-icon{color:var(--warning);background:color-mix(in srgb, var(--warning) 14%, transparent)}.app-demo .file-transfer-copy{gap:5px;min-width:0;display:grid}.app-demo .file-transfer-copy>div:first-child{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.app-demo .file-transfer-copy strong{min-width:0;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.app-demo .file-transfer-copy small{color:var(--extra-muted);font-size:var(--text-2xs);font-variant-numeric:tabular-nums}.app-demo .file-transfer-track{background:var(--border-soft);border-radius:999px;height:3px;overflow:hidden}.app-demo .file-transfer-track>span{border-radius:inherit;background:var(--accent);height:100%;transition:width .12s linear;display:block}.app-demo .file-transfer-item.is-completed .file-transfer-track>span{background:var(--success)}.app-demo .file-transfer-item.is-failed .file-transfer-track>span{background:var(--danger)}.app-demo .file-transfer-item>button{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--extra-muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.app-demo .file-transfer-item>button:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .file-transfer-item>.file-transfer-cancel{border:1px solid var(--border-soft);width:auto;font-size:var(--text-2xs);padding:0 7px}.app-demo .file-transfer-item>.file-transfer-cancel:disabled{opacity:.55;cursor:wait}@keyframes file-transfer-enter{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes file-transfer-exit{to{opacity:0;transform:translateY(18px)scale(.98)}}@media (prefers-reduced-motion:reduce){.app-demo .file-transfer-item,.app-demo .file-transfer-item.is-exiting{animation-duration:1ms}}.app-demo .file-icon{flex:none}.app-demo .folder-icon{color:#b2bac9;fill:#b2bac916}.app-demo .web-icon{color:#ef7d56}.app-demo .json-icon,.app-demo .data-icon{color:#e5c04d}.app-demo .image-icon{color:#b68cff}.app-demo .text-icon{color:#73c99a}.app-demo .config-icon{color:#9da5b4}.app-demo .video-icon{color:#f06c8b}.app-demo .audio-icon{color:#4cc7c4}.app-demo .table-icon{color:#5fbf6f}.app-demo .archive-icon{color:#c49a6c}.app-demo .build-icon{color:#e3923a}.app-demo .docker-icon{color:#2496ed}.app-demo .file-icon.file-language-badge{box-sizing:border-box;background:var(--file-badge);width:14px;min-width:14px;max-width:14px;height:14px;font:700 7.5px/1 var(--ui-font,-apple-system, BlinkMacSystemFont, sans-serif);letter-spacing:-.02em;white-space:nowrap;user-select:none;border-radius:3px;flex:0 0 14px;place-items:center;display:inline-grid;overflow:hidden}.app-demo .file-icon.file-language-badge.is-wide{letter-spacing:-.05em;font-size:6px}.app-demo .file-language-badge.ink-dark{color:#1a1d23}.app-demo .file-language-badge.ink-light{color:#fff}.app-demo .diff-submodule-row{color:var(--foreground)}.app-demo .diff-submodule-row>svg:first-child{color:var(--extra-muted);flex:none}.app-demo .diff-submodule-row small{color:var(--extra-muted);font-variant-numeric:tabular-nums}.app-demo .diff-submodule-children{position:relative}.app-demo .diff-submodule-children:before{background:var(--border);content:"";width:1px;position:absolute;top:0;bottom:0;left:14px}.app-demo .diff-submodule-empty{color:var(--extra-muted);font-size:var(--text-xs);padding:6px 12px 8px 31px}.app-demo .git-graph-view{background:var(--canvas);flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex}.app-demo .git-graph-toolbar{border-bottom:1px solid var(--border);background:var(--header-bg);flex:none;justify-content:space-between;align-items:center;gap:12px;height:40px;padding:0 14px;display:flex}.app-demo .git-graph-toolbar>span{align-items:center;gap:7px;min-width:0;display:flex}.app-demo .git-graph-toolbar .git-graph-toolbar-meta{gap:12px;margin-left:auto}.app-demo .git-graph-legend{color:var(--extra-muted);font-size:var(--text-2xs);cursor:help;align-items:center;gap:4px;display:inline-flex}.app-demo .git-graph-legend:hover{color:var(--muted)}.app-demo .git-graph-origin{border:1px solid var(--border);border-radius:var(--radius-sm);height:22px;color:var(--muted);background:var(--surface-raised);font-size:var(--text-2xs);align-items:center;gap:4px;padding:0 7px;display:inline-flex}.app-demo .git-graph-origin:hover{border-color:var(--selection-border);color:var(--foreground);background:var(--surface-hover)}.app-demo .git-graph-toolbar small{color:var(--extra-muted);font-size:var(--text-xs)}.app-demo .git-graph-outside{border-bottom:1px solid var(--border-soft);flex:none;align-items:center;gap:6px;min-height:38px;padding:5px 12px;display:flex;overflow-x:auto}.app-demo .git-graph-outside>span{color:var(--extra-muted);font-size:var(--text-2xs);white-space:nowrap;margin-right:4px}.app-demo .git-graph-scroll{flex:1;min-width:0;min-height:0;overflow:auto}.app-demo .git-graph-canvas{min-width:calc(var(--git-graph-width) + 650px);position:relative}.app-demo .git-graph-lines{z-index:1;position:absolute;top:0;left:0;overflow:visible}.app-demo .git-graph-lines path{fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;transition:opacity .12s,stroke-width .12s}.app-demo .git-graph-lines path.is-continuation{opacity:.72}.app-demo .git-graph-lines circle,.app-demo .git-graph-lines rect{stroke:var(--canvas);stroke-width:2.5px;transition:opacity .12s,stroke-width .12s}.app-demo .git-graph-lines circle.is-merge{stroke-width:3px}.app-demo .git-graph-lines.has-selection path,.app-demo .git-graph-lines.has-selection circle,.app-demo .git-graph-lines.has-selection rect{opacity:.16}.app-demo .git-graph-lines.has-selection .is-highlighted{opacity:1;stroke-width:3px}.app-demo .git-graph-row{z-index:2;grid-template-columns:var(--git-graph-width) minmax(0, 1fr);border-bottom:1px solid var(--border-soft);cursor:default;outline:none;align-items:center;width:100%;height:48px;display:grid;position:absolute;left:0}.app-demo .git-graph-row:hover{background:var(--surface-hover)}.app-demo .git-graph-row:focus-visible{box-shadow:inset 0 0 0 1px var(--interactive)}.app-demo .git-graph-row.is-active{box-shadow:inset 3px 0 var(--success)}.app-demo .git-graph-row.is-selected{background:var(--selection-bg-strong)}.app-demo .git-graph-refs{align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.app-demo .git-graph-spacer{height:100%}.app-demo .git-graph-content{grid-template-columns:minmax(260px,1fr) 140px 54px 66px;align-items:center;gap:14px;min-width:0;height:100%;padding:0 16px 0 8px;display:grid}.app-demo .git-graph-summary{align-items:center;gap:8px;min-width:0;display:flex}.app-demo .git-graph-summary>strong{min-width:48px;color:var(--foreground);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.app-demo .git-graph-content>code{color:var(--extra-muted);font:var(--text-2xs) var(--editor-font,monospace)}.app-demo .git-graph-meta,.app-demo .git-graph-time{min-width:0;color:var(--muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;display:inline-flex;overflow:hidden}.app-demo .git-graph-time{color:var(--extra-muted);font-variant-numeric:tabular-nums;justify-content:flex-end}.app-demo .git-graph-worktree{border-radius:var(--radius-xs);color:#82dbad;background:#50c98b14;border:1px solid #50c98b55;align-items:center;gap:4px;min-width:0;max-width:190px;height:21px;padding:0 6px;display:inline-flex;overflow:hidden}.app-demo .git-graph-worktree:hover,.app-demo .git-graph-worktree.is-active{border-color:var(--success);color:var(--foreground);background:#50c98b29}.app-demo .git-graph-worktree strong{min-width:0;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .git-graph-worktree small{font-size:var(--text-2xs);border-left:1px solid #50c98b44;padding-left:4px}.app-demo .git-graph-details{border-top:1px solid var(--border);background:var(--surface);flex:none;grid-template-columns:24px minmax(0,1fr) 28px;gap:10px;min-height:104px;padding:14px 16px;display:grid;box-shadow:0 -10px 30px #0003}.app-demo .git-graph-details-icon{justify-content:center;padding-top:3px;display:flex}.app-demo .git-graph-details-icon>span{border:3px solid var(--success);width:11px;height:11px;box-shadow:0 0 0 3px var(--canvas);border-radius:50%}.app-demo .git-graph-details>div{flex-direction:column;gap:7px;min-width:0;display:flex}.app-demo .git-graph-details strong{color:var(--foreground);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .git-graph-details p{color:var(--muted);font-size:var(--text-xs);gap:18px;margin:0;display:flex}.app-demo .git-graph-details p span{align-items:center;gap:5px;display:inline-flex}.app-demo .git-graph-details code,.app-demo .git-graph-details small{color:var(--extra-muted);font:var(--text-2xs) var(--editor-font,monospace);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .git-graph-details>button{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;display:flex}.app-demo .git-graph-details>button:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .git-graph-empty{color:var(--extra-muted);padding:24px}.app-demo .file-tree-empty,.app-demo .file-tree-error{color:var(--extra-muted);font-size:var(--text-xs);padding:12px 8px;line-height:1.5}.app-demo .file-tree-error{color:var(--danger)}.app-demo .git-status-bar{z-index:10;border-top:1px solid var(--border-soft);min-width:0;height:26px;color:var(--extra-muted);background:var(--status-bg);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.01em;flex:none;align-items:center;gap:2px;padding:0 6px;display:flex;position:relative;overflow:visible}.app-demo .git-status-bar>span,.app-demo .git-status-bar>button,.app-demo .git-status-bar>time{min-width:0;height:18px;font:inherit;border-radius:var(--radius-xs);color:inherit;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:0 6px;display:inline-flex}.app-demo .git-status-bar>button:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .git-status-bar .status-machine,.app-demo .git-status-bar .status-main,.app-demo .git-status-bar .status-worktree{color:var(--muted)}.app-demo .git-status-bar .status-branch.is-main{color:#7fcf9c}.app-demo .git-status-bar .status-branch.is-linked{color:var(--accent)}.app-demo .git-status-bar .status-changes{color:var(--warning)}.app-demo .git-status-bar .status-path{color:var(--extra-muted);text-overflow:ellipsis;border-right:0;flex:1;overflow:hidden}.app-demo .git-status-bar .status-muted{color:var(--extra-muted)}.app-demo .git-status-bar .status-system-metrics{color:var(--extra-muted);font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.app-demo .git-status-bar .status-date-time{color:var(--extra-muted);font-variant-numeric:tabular-nums;border-right:0;flex:none}.app-demo .git-status-bar .status-routes{color:var(--muted);flex:none}.app-demo .git-status-bar .status-routes.is-active{color:#8ae9e2}.app-demo .branch-picker{z-index:70;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;width:min(360px,100vw - 32px);max-height:260px;padding:5px;display:flex;position:absolute;bottom:calc(100% + 5px);left:8px;overflow:auto;box-shadow:0 14px 36px #0009}.app-demo .branch-picker>button{border-radius:var(--radius-sm);min-height:42px;color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:6px 8px;display:flex}.app-demo .branch-picker>button:hover,.app-demo .branch-picker>button.is-current{color:var(--foreground);background:var(--surface-raised)}.app-demo .branch-picker>button.is-main>svg{color:var(--success)}.app-demo .branch-picker>button.is-linked>svg{color:var(--muted)}.app-demo .branch-picker>button>span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.app-demo .branch-picker strong,.app-demo .branch-picker small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .branch-picker small{color:var(--extra-muted);font:var(--text-2xs) var(--editor-font,monospace)}.app-demo .route-picker{z-index:70;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;width:min(340px,100vw - 32px);max-height:260px;padding:5px;display:flex;position:absolute;bottom:calc(100% + 5px);right:8px;overflow:auto;box-shadow:0 14px 36px #0009}.app-demo .route-row{border-radius:var(--radius-sm);min-height:46px;color:var(--muted);align-items:center;gap:9px;padding:6px 7px 6px 9px;display:flex}.app-demo .route-row:hover{color:var(--foreground);background:var(--surface-raised)}.app-demo .route-row>svg{color:#6ed7d0}.app-demo .route-row>span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.app-demo .route-row strong,.app-demo .route-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .route-row small{color:var(--extra-muted);font:var(--text-2xs) var(--editor-font,monospace)}.app-demo .route-row button{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--extra-muted);background:0 0;border:0;flex:none;place-items:center;display:grid}.app-demo .route-row .route-open:hover{color:#6ed7d0;background:#6ed7d014}.app-demo .route-row .route-close:hover{color:var(--danger);background:#f06f7514}.app-demo .route-empty{color:var(--extra-muted);font-size:var(--text-xs);padding:12px 10px;line-height:1.5}.app-demo .path-settings h3{color:var(--foreground);font-size:var(--text-sm);margin:3px 0 0}.app-demo .path-settings select:disabled{opacity:.72;cursor:not-allowed}.app-demo .path-settings p{color:var(--extra-muted);font-size:var(--text-xs);margin:2px 0 0;line-height:1.5}.app-demo .document-surface{background:var(--canvas);flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden;container:document-surface/inline-size}.app-demo .persistent-document-panel{z-index:1;visibility:hidden;pointer-events:none;min-width:0;min-height:0;display:flex;position:absolute;inset:0}.app-demo .persistent-document-panel.is-active{visibility:visible;pointer-events:auto}.app-demo .document-toolbar{border-bottom:1px solid var(--border-soft);height:34px;color:var(--extra-muted);font-size:var(--text-xs);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:0 10px 0 13px;display:flex}.app-demo .document-toolbar>span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.app-demo .document-action-status{color:var(--extra-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;overflow:hidden}.app-demo .document-actions{flex:none;gap:6px;display:flex}.app-demo .document-actions button{white-space:nowrap;flex-shrink:0}.app-demo .document-actions button svg{flex-shrink:0}@container document-surface (width<=760px){.app-demo .document-action-label{display:none}.app-demo .document-actions button{justify-content:center;width:26px;padding:0}.app-demo .document-toolbar{gap:6px;padding-inline:6px}}@container document-surface (width<=280px){.app-demo .document-toolbar{flex-wrap:wrap;height:auto;min-height:34px;padding-block:5px}.app-demo .document-actions{flex-wrap:wrap;max-width:100%}}.app-demo .document-actions .is-spinning{animation:.8s linear infinite service-update-spin}.app-demo .document-toolbar button{border-radius:var(--radius-sm);height:26px;color:var(--muted);font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;transition:border-color .1s,background .1s,transform 80ms;display:flex}.app-demo .document-toolbar button:hover:not(:disabled){color:var(--foreground);background:var(--surface-hover)}.app-demo .document-toolbar button:active:not(:disabled){transform:translateY(1px)}.app-demo .document-toolbar button:disabled{opacity:.55;cursor:wait}.app-demo .document-editor,.app-demo .document-readonly{resize:none;min-width:0;min-height:0;color:var(--foreground);background:var(--canvas);font:var(--text-sm)/1.55 var(--editor-font,"SFMono-Regular", "SF Mono", Menlo, monospace);tab-size:2;border:0;outline:0;flex:1 1 0;margin:0;padding:16px 18px;overflow:auto}.app-demo .document-editor.code-editor{padding:0;position:relative;overflow:hidden}.app-demo .document-editor .cm-definition-link{cursor:pointer;text-underline-offset:2px;text-decoration:underline}.app-demo .document-editor .cm-panels{color:var(--foreground);background:var(--surface-raised);border-color:var(--border)!important}.app-demo .document-editor .cm-panels-top{border-bottom:1px solid var(--border)}.app-demo .document-editor .cm-search{font:var(--text-xs)/1.4 var(--ui-font,-apple-system, BlinkMacSystemFont, sans-serif);flex-wrap:wrap;align-items:center;gap:4px 6px;padding:5px 34px 5px 10px;display:flex}.app-demo .document-editor .cm-search br{content:"";flex-basis:100%;height:0}.app-demo .document-editor .cm-search .cm-textfield{border:1px solid var(--border);border-radius:var(--radius-sm);width:220px;height:24px;color:var(--foreground);background:var(--input-bg,var(--canvas));font:var(--text-sm)/22px var(--font-mono,monospace);outline:0;margin:0;padding:0 8px}.app-demo .document-editor .cm-search .cm-textfield:focus{border-color:var(--selection-border,var(--accent))}.app-demo .document-editor .cm-search .cm-button{border:1px solid var(--border);border-radius:var(--radius-sm);height:24px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;margin:0;padding:0 9px}.app-demo .document-editor .cm-search .cm-button:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .document-editor .cm-search label{color:var(--muted);font-size:var(--text-xs);align-items:center;gap:4px;display:inline-flex}.app-demo .document-editor .cm-search button[name=close]{border-radius:var(--radius-xs);width:22px;height:22px;color:var(--muted);cursor:pointer;font-size:16px;top:6px;right:8px}.app-demo .document-editor .cm-search button[name=close]:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .document-editor .cm-searchMatch{background-color:color-mix(in srgb, var(--warning) 30%, transparent);outline:0}.app-demo .document-editor .cm-searchMatch-selected{background-color:color-mix(in srgb, var(--warning) 70%, transparent)}.app-demo .find-bar{border-bottom:1px solid var(--border);background:var(--surface-raised);flex:none;align-items:center;gap:3px;padding:4px 8px 4px 12px;display:flex}.app-demo .find-bar input{min-width:0;height:22px;color:var(--foreground);font:var(--text-sm)/22px var(--font-mono,monospace);background:0 0;border:0;outline:0;flex:1;padding:0}.app-demo .find-bar input::-webkit-search-cancel-button{display:none}.app-demo .find-bar output{color:var(--extra-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex:none;padding:0 6px}.app-demo .find-bar button{border-radius:var(--radius-xs);width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.app-demo .find-bar button:hover:not(:disabled){color:var(--foreground);background:var(--surface-hover)}.app-demo .find-bar button:disabled{opacity:.35;cursor:default}.app-demo ::highlight(shepherd-find){background-color:color-mix(in srgb, var(--warning) 34%, transparent)}.app-demo ::highlight(shepherd-find-current){color:#1a1d23;background-color:var(--warning)}.app-demo .definition-picker{z-index:20;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);width:480px;max-width:calc(100% - 16px);max-height:320px;font:var(--text-sm)/1.4 var(--ui-font,-apple-system, BlinkMacSystemFont, sans-serif);flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 12px 32px #0008}.app-demo .definition-picker>header{border-bottom:1px solid var(--border-soft);color:var(--muted);align-items:baseline;gap:8px;padding:7px 10px;display:flex}.app-demo .definition-picker>header strong{color:var(--foreground);font-family:var(--editor-font,monospace);font-weight:600}.app-demo .definition-picker-list{outline:0;flex:1;min-height:0;overflow-y:auto}.app-demo .definition-picker-item{cursor:pointer;flex-direction:column;gap:2px;padding:6px 10px;display:flex}.app-demo .definition-picker-item.is-active{background:var(--surface-hover);box-shadow:inset 2px 0 0 var(--accent)}.app-demo .definition-picker-location{align-items:center;gap:6px;min-width:0;display:flex}.app-demo .definition-picker-file{color:var(--foreground);flex:none;font-weight:500}.app-demo .definition-picker-file small{color:var(--muted);font-weight:400}.app-demo .definition-picker-kind{border-radius:var(--radius-xs);color:var(--muted);background:var(--accent-soft);font-size:var(--text-2xs);flex:none;padding:0 5px}.app-demo .definition-picker-directory{min-width:0;color:var(--extra-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .definition-picker-item code{color:var(--muted);font:var(--text-xs)/1.4 var(--editor-font,monospace);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .definition-picker-status{border-top:1px solid var(--border-soft);color:var(--muted);font-size:var(--text-xs);margin:0;padding:7px 10px}.app-demo .definition-picker-list:empty+.definition-picker-status{border-top:0}.app-demo .document-editor.code-editor>[class^=cm-theme],.app-demo .document-editor.code-editor .cm-editor{width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.app-demo .document-editor.code-editor .cm-scroller{overscroll-behavior:contain;min-width:0;min-height:0;font-family:var(--editor-font,monospace);font-size:var(--editor-font-size,13px);line-height:var(--editor-line-height,1.5);overflow-x:auto;overflow-y:scroll!important}.app-demo .document-editor.code-editor .cm-editor,.app-demo .document-editor.code-editor .cm-scroller,.app-demo .unified-diff .cm-editor,.app-demo .unified-diff .cm-scroller{background:var(--editor-bg)}.app-demo .document-editor.code-editor .cm-gutters,.app-demo .unified-diff .cm-gutters{border-right:1px solid var(--border-soft);color:var(--extra-muted);background:var(--editor-gutter-bg)}.app-demo .document-editor.code-editor .cm-activeLine,.app-demo .document-editor.code-editor .cm-activeLineGutter,.app-demo .unified-diff .cm-activeLine,.app-demo .unified-diff .cm-activeLineGutter{background:var(--editor-active-line)}.app-demo .document-readonly{white-space:pre-wrap}.app-demo .document-error{color:#f5c4c7;font-size:var(--text-xs);background:#321c20;padding:7px 12px}.app-demo .document-conflict{color:#f7dfa4;min-height:34px;font-size:var(--text-xs);background:#302713;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px 6px 13px;display:flex}.app-demo .document-conflict button{border-radius:var(--radius-sm);color:#f7dfa4;background:#493a18;border:1px solid #725e2a;flex:none;align-items:center;gap:5px;height:23px;display:flex}.app-demo .markdown-preview{color:#d9dbe1;min-height:0;font-size:var(--text-base);flex:1 1 0;padding:28px clamp(24px,7vw,90px);line-height:1.7;overflow:auto}.app-demo .markdown-preview p{margin:5px 0 12px}.app-demo .markdown-preview h1,.app-demo .markdown-preview h2,.app-demo .markdown-preview h3,.app-demo .markdown-preview h4,.app-demo .markdown-preview h5,.app-demo .markdown-preview h6{color:var(--foreground);margin:1.25em 0 .45em;font-weight:600;line-height:1.3}.app-demo .markdown-preview h1{font-size:24px}.app-demo .markdown-preview h2,.app-demo .markdown-preview h3{font-size:var(--text-xl)}.app-demo .markdown-preview pre{border:1px solid var(--border);border-radius:var(--radius-sm);background:#090a0d;padding:12px;overflow:auto}.app-demo .markdown-preview code{font-family:SFMono-Regular,monospace}.app-demo .markdown-preview table{border-collapse:collapse}.app-demo .markdown-preview th,.app-demo .markdown-preview td{border:1px solid var(--border);padding:6px 9px}.app-demo .markdown-preview a{color:var(--interactive);cursor:pointer;text-decoration:underline}.app-demo .markdown-image-button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:zoom-in;max-width:100%;margin:12px 0;padding:0;display:block;overflow:hidden}.app-demo .markdown-image-button:hover{border-color:var(--accent)}.app-demo .markdown-image-button img{object-fit:contain;max-width:100%;max-height:min(70vh,720px);display:block}.app-demo .markdown-image-loading,.app-demo .markdown-image-error{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--extra-muted);background:var(--surface);font-size:var(--text-xs);padding:5px 8px;display:inline-block}.app-demo .markdown-image-error{color:#f5c4c7}.app-demo .markdown-heading{color:var(--foreground);margin:1.25em 0 .45em;font-weight:600;line-height:1.3}.app-demo .markdown-heading.level-1{font-size:24px}.app-demo .markdown-heading.level-2,.app-demo .markdown-heading.level-3{font-size:var(--text-xl)}.app-demo .markdown-list-item{padding-left:12px}.app-demo .markdown-fence{color:var(--extra-muted);font-family:SFMono-Regular,monospace}.app-demo .table-preview{isolation:isolate;flex:1 1 0;min-width:0;min-height:0;padding:16px;overflow:auto}.app-demo .table-preview table{border-collapse:collapse;font-size:var(--text-sm)}.app-demo .table-preview th,.app-demo .table-preview td{border:1px solid var(--border);text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:360px;padding:7px 10px;overflow:hidden}.app-demo .table-preview th{z-index:1;color:var(--foreground);background:var(--table-header-bg);box-shadow:0 1px 0 var(--border);backdrop-filter:blur(10px)saturate(115%);position:sticky;top:0}.app-demo .image-preview-shell{background:#090a0c;flex:1 1 0;min-height:0;display:flex;position:relative;overflow:hidden}.app-demo .image-preview-controls{z-index:2;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);display:flex;position:absolute;top:12px;right:12px;overflow:hidden;box-shadow:0 4px 16px #0007}.app-demo .image-preview-controls button{border:0;border-right:1px solid var(--border);min-width:30px;height:29px;color:var(--muted);font-size:var(--text-xs);background:0 0;justify-content:center;align-items:center;gap:5px;padding:0 8px;display:flex}.app-demo .image-preview-controls button:last-child{border-right:0}.app-demo .image-preview-controls button:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .image-preview{overscroll-behavior:contain;background:#090a0c;flex:1 1 0;width:100%;min-height:0;display:block;overflow:auto}.app-demo .image-preview.can-pan{cursor:grab}.app-demo .image-preview.can-pan:active{cursor:grabbing}.app-demo .image-preview-stage{min-width:100%;min-height:100%;position:relative}.app-demo .image-preview img{object-fit:contain;user-select:none;-webkit-user-drag:none;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-demo .pdf-preview{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.app-demo .pdf-toolbar{border-bottom:1px solid var(--border);color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:4px;padding:4px 10px;display:flex}.app-demo .pdf-page-status{flex:1}.app-demo .pdf-zoom-value{text-align:center;min-width:40px}.app-demo .pdf-toolbar button{border-radius:var(--radius-xs);width:24px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.app-demo .pdf-toolbar button:hover:not(:disabled),.app-demo .pdf-toolbar button[aria-pressed=true]{color:var(--foreground);background:var(--surface-hover)}.app-demo .pdf-toolbar button:disabled{opacity:.35;cursor:default}.app-demo .pdf-viewport{background:var(--surface);flex:1 1 0;min-height:0;position:relative}.app-demo .pdf-scroller{outline:0;position:absolute;inset:0;overflow:auto}.app-demo .pdf-scroller .pdfViewer .page{margin:12px auto;box-shadow:0 1px 6px #0005}.app-demo .pdf-scroller .textLayer{--highlight-bg-color:color-mix(in srgb, var(--warning) 45%, transparent);--highlight-selected-bg-color:var(--warning)}.app-demo .media-preview{background:#090a0c;flex:1 1 0;justify-content:center;align-items:center;min-width:0;min-height:0;padding:24px;display:flex;overflow:auto}.app-demo .media-preview.is-audio{flex-direction:column;gap:24px}.app-demo .media-preview-artwork{border-radius:var(--radius-lg);color:#d4d8e2;background:linear-gradient(145deg,#1b2331,#11141b);border:1px solid #ffffff19;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:min(100%,360px);min-height:180px;display:flex;overflow:hidden}.app-demo .media-preview-artwork span{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:var(--text-base);padding:0 20px;overflow:hidden}.app-demo .media-preview.is-video{outline:0;flex-direction:column;gap:10px}.app-demo .media-preview video{object-fit:contain;cursor:pointer;flex:1 1 0;width:100%;max-width:100%;min-height:0;display:block}.app-demo .media-preview audio{display:none}.app-demo .media-preview:fullscreen{background:#000;padding:0 0 12px}.app-demo .media-controls{color:#e2e5ec;background:#16181d;border:1px solid #ffffff17;border-radius:999px;flex:none;align-items:center;gap:8px;width:min(100%,720px);padding:6px 10px;display:flex}.app-demo .media-control{width:28px;height:28px;color:inherit;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.app-demo .media-control:hover{background:#ffffff14}.app-demo .media-time{color:#a4aab6;font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex:none}.app-demo .media-seek,.app-demo .media-volume{--media-progress:0%;background:linear-gradient(to right, #e2e5ec var(--media-progress), #ffffff2b var(--media-progress));cursor:pointer;appearance:none;border-radius:999px;height:4px;margin:0}.app-demo .media-seek{flex:auto;min-width:60px}.app-demo .media-volume{flex:none;width:72px}.app-demo .media-seek:disabled{cursor:default;opacity:.5}.app-demo .media-seek::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:12px;height:12px}.app-demo .media-volume::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:12px;height:12px}.app-demo .media-control:focus-visible,.app-demo .media-seek:focus-visible,.app-demo .media-volume:focus-visible{outline:2px solid var(--selection-border);outline-offset:2px}.app-demo .media-preview-status{color:#a4aab6;font-size:var(--text-base)}.app-demo .media-preview-failure{color:#e2e5ec;text-align:center;max-width:420px;font-size:var(--text-base);flex-direction:column;align-items:center;gap:14px;line-height:1.5;display:flex}.app-demo .media-preview-failure button{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);background:var(--surface-raised);cursor:pointer;padding:7px 11px}.app-demo .modal-backdrop{z-index:100;-webkit-app-region:no-drag;background:#0009;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.app-demo .modal-backdrop button{-webkit-app-region:no-drag}.app-demo .connection-failure-modal{border:1px solid var(--border);border-radius:var(--radius-md);width:min(440px,100%);color:var(--foreground);background:var(--surface);grid-template-columns:auto minmax(0,1fr);gap:14px;padding:22px;display:grid;box-shadow:0 18px 50px #000a}.app-demo .connection-failure-icon{width:42px;height:42px;color:var(--danger);background:color-mix(in srgb, var(--danger) 13%, transparent);border-radius:50%;place-items:center;display:grid}.app-demo .connection-failure-modal h2,.app-demo .connection-failure-modal p{margin:0}.app-demo .connection-failure-modal h2{font-size:var(--text-lg)}.app-demo .connection-failure-modal p{color:var(--muted);font-size:var(--text-sm);margin-top:7px;line-height:1.5}.app-demo .connection-failure-modal small{overflow-wrap:anywhere;color:var(--extra-muted);font:var(--text-xs)/1.5 var(--editor-font,monospace);margin-top:10px;display:block}.app-demo .connection-failure-modal footer{grid-column:1/-1;justify-content:flex-end;display:flex}.app-demo .connection-failure-modal footer button{border:1px solid var(--primary-border);border-radius:var(--radius-sm);min-width:72px;min-height:30px;color:var(--primary-foreground);background:var(--primary-bg)}.app-demo .service-update-backdrop{z-index:200;-webkit-backdrop-filter:blur(6px);background:#05060ab8;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.app-demo .service-update-consent-backdrop{z-index:10100;-webkit-backdrop-filter:blur(8px);-webkit-app-region:no-drag;background:radial-gradient(circle at 50% 42%,#1024438c 0,#05060ad9 52%,#030407ed 100%)}.app-demo .service-update-modal{border:1px solid var(--border);border-radius:var(--radius-md);width:min(420px,100%);color:var(--foreground);background:color-mix(in srgb, var(--surface) 97%, transparent);text-align:center;flex-direction:column;align-items:center;gap:18px;padding:30px;display:flex;box-shadow:0 18px 50px #000a}.app-demo .service-update-logo{border-radius:var(--radius-md);object-fit:cover;width:64px;height:64px;box-shadow:0 8px 18px #0005}.app-demo .service-update-heading{text-align:left;align-items:center;gap:13px;display:flex}.app-demo .service-update-heading>div:last-child{flex-direction:column;gap:6px;min-width:0;display:flex}.app-demo .service-update-heading h2,.app-demo .service-update-heading p{margin:0}.app-demo .service-update-heading h2{font-size:var(--text-xl);font-weight:600}.app-demo .service-update-heading p{color:var(--muted);font-size:var(--text-sm);line-height:1.55}.app-demo .service-update-spinner{border:2px solid var(--border);border-top-color:var(--foreground);border-radius:50%;flex:none;width:23px;height:23px;animation:.85s linear infinite service-update-spin}.app-demo .service-update-progress{background:var(--surface-raised);border-radius:999px;width:100%;height:5px;position:relative;overflow:hidden}.app-demo .service-update-progress span{inset-block:0;border-radius:inherit;background:#98a1ad;width:38%;animation:1.35s ease-in-out infinite service-update-progress;position:absolute;left:-38%}.app-demo .service-update-progress.is-determinate span{background:#7f8792;transition:width .2s ease-out;animation:none;left:0}.app-demo .service-update-modal>small{color:var(--extra-muted);font:var(--text-xs) var(--editor-font,monospace)}.app-demo .service-update-consent-modal{color:#f7f8fc;background:linear-gradient(145deg,#0d1119f7 0%,#07090dfb 62%,#090d14fa 100%);border:1px solid #ffffff17;border-radius:18px;flex-direction:column;gap:20px;width:min(540px,100%);padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 90px #000d,0 0 58px #1477ff17,inset 0 1px #ffffff0b}.app-demo .service-update-consent-modal:before{z-index:0;content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;mask-image:radial-gradient(circle at 28% 0,#000 0%,#0000 68%)}.app-demo .service-update-consent-modal>*{z-index:1;position:relative}.app-demo .service-update-consent-brand{align-items:center;gap:14px;display:flex}.app-demo .service-update-consent-logo{border-radius:var(--radius-lg);background:#020305;border:1px solid #ffffff14;flex:none;width:52px;height:52px;position:relative;overflow:hidden;box-shadow:0 12px 26px #0008,0 0 26px #1477ff1a,inset 0 1px #ffffff12}.app-demo .service-update-consent-logo:after{border-radius:inherit;content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0009}.app-demo .service-update-consent-logo img{object-fit:cover;width:100%;height:100%;display:block}.app-demo .service-update-consent-brand p,.app-demo .service-update-consent-modal h2,.app-demo .service-update-consent-message p{margin:0}.app-demo .service-update-consent-brand p{color:#5d94f7;font-size:var(--text-2xs);letter-spacing:.2em;text-transform:uppercase;margin-bottom:6px;font-weight:600}.app-demo .service-update-consent-modal h2{font-size:var(--text-xl);letter-spacing:-.025em;font-weight:600;line-height:1.2}.app-demo .service-update-consent-message{border-radius:var(--radius-lg);background:#ffffff05;border:1px solid #ffffff0e;grid-template-columns:auto minmax(0,1fr);gap:13px;padding:16px;display:grid;box-shadow:inset 0 1px #ffffff05}.app-demo .service-update-consent-icon{border-radius:var(--radius-md);color:#e7ad57;background:#e7ad5712;border:1px solid #d99b4226;place-items:center;width:36px;height:36px;display:grid}.app-demo .service-update-consent-message p{color:#a8adb8;font-size:var(--text-sm);line-height:1.62}.app-demo .service-update-consent-message p+p{color:#d3d6dc;margin-top:9px}.app-demo .service-update-consent-modal>small{color:#686e79;font:var(--text-xs) var(--editor-font,monospace);letter-spacing:.01em}.app-demo .service-update-consent-modal>small span{color:#3f4652;margin:0 3px}.app-demo .service-update-consent-modal footer{justify-content:flex-end;gap:9px;padding-top:2px;display:flex}.app-demo .service-update-consent-modal footer button{border-radius:var(--radius-sm);color:#b5bac4;min-height:34px;font-size:var(--text-sm);background:#ffffff08;border:1px solid #ffffff14;padding:0 14px;font-weight:500;transition:border-color .12s,background .12s,color .12s}.app-demo .service-update-consent-modal footer button:hover{color:#f7f8fc;background:#ffffff0e;border-color:#fff2}.app-demo .service-update-consent-modal footer .primary-button{color:#fff;background:#2464c7;border-color:#2f6fd0;box-shadow:0 5px 16px #0e4fa344}.app-demo .service-update-consent-modal footer .primary-button:hover{background:#2f72d9;border-color:#4383e5}.app-demo .service-update-consent-modal footer .danger-button{color:#fff;background:#87383e;border-color:#a3494e;box-shadow:0 5px 16px #5e1f2644}.app-demo .service-update-consent-modal footer .danger-button:hover{background:#984148;border-color:#bd5960}.app-demo .connection-modal{border:1px solid var(--border);border-radius:var(--radius-lg);width:min(460px,100%);max-height:min(820px,100vh - 60px);color:var(--foreground);background:var(--canvas);flex-direction:column;gap:13px;padding:22px;display:flex;overflow:auto;box-shadow:0 22px 70px #000a}.app-demo .notification-permission-modal{text-align:center;align-items:center;width:min(420px,100%);padding:28px}.app-demo .notification-permission-modal>div{gap:8px;display:grid}.app-demo .notification-permission-modal .notification-permission-icon{border:1px solid var(--border);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--accent);background:var(--accent-soft);place-items:center}.app-demo .notification-permission-modal p{font-size:var(--text-sm);line-height:1.6}.app-demo .notification-permission-modal footer{justify-content:center;width:100%;margin-top:8px}.app-demo .telemetry-consent-modal{text-align:center;align-items:center;width:min(500px,100%);padding:28px}.app-demo .telemetry-consent-modal>div{gap:8px;display:grid}.app-demo .telemetry-consent-modal h2,.app-demo .telemetry-consent-modal p{margin:0}.app-demo .telemetry-consent-modal p{color:var(--muted);font-size:var(--text-sm);line-height:1.65}.app-demo .telemetry-consent-modal .telemetry-consent-icon{border:1px solid var(--border);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--interactive);background:color-mix(in srgb, var(--interactive) 12%, transparent);place-items:center}.app-demo .telemetry-consent-modal .telemetry-consent-details{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--canvas);text-align:left;gap:0;width:100%;overflow:hidden}.app-demo .telemetry-consent-details>div{grid-template-columns:94px 1fr;gap:12px;padding:12px 14px;display:grid}.app-demo .telemetry-consent-details>div+div{border-top:1px solid var(--border-soft)}.app-demo .telemetry-consent-details strong{color:var(--foreground);font-size:var(--text-xs)}.app-demo .telemetry-consent-details span{color:var(--muted);font-size:var(--text-xs);line-height:1.55}.app-demo .telemetry-consent-modal>small{color:var(--extra-muted);font-size:var(--text-xs);line-height:1.55}.app-demo .telemetry-consent-modal>small a{color:var(--interactive)}.app-demo .telemetry-consent-modal footer{justify-content:center;width:100%;margin-top:3px}.app-demo .app-data-permission-modal{text-align:center;align-items:center;width:min(460px,100%);padding:28px}.app-demo .app-data-permission-modal>div{gap:8px;display:grid}.app-demo .app-data-permission-modal h2,.app-demo .app-data-permission-modal p{margin:0}.app-demo .app-data-permission-modal p{color:var(--muted);font-size:var(--text-sm);line-height:1.6}.app-demo .app-data-permission-modal .app-data-permission-icon{border:1px solid var(--border);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--accent);background:var(--accent-soft);place-items:center}.app-demo .app-data-permission-modal .app-data-permission-preview{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--canvas);text-align:left;gap:7px;width:100%;padding:14px}.app-demo .app-data-permission-preview>span{color:var(--foreground);font-size:var(--text-sm);font-weight:600}.app-demo .app-data-permission-preview>div{color:var(--muted);font-size:var(--text-xs);justify-content:flex-end;gap:18px;padding-top:5px;display:flex}.app-demo .app-data-permission-preview>div strong{color:var(--accent)}.app-demo .app-data-permission-preview .app-data-permission-service{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);justify-content:space-between;align-items:center;padding:8px 9px}.app-demo .app-data-permission-service>span{color:var(--foreground);font-size:var(--text-sm);align-items:center;gap:9px;font-weight:600;display:flex}.app-demo .app-data-permission-service img{border-radius:var(--radius-sm);width:28px;height:28px;box-shadow:0 2px 7px #0005}.app-demo .app-data-permission-modal>small{color:var(--extra-muted);font-size:var(--text-xs);line-height:1.55}.app-demo .app-data-permission-modal footer{justify-content:center;width:100%;margin-top:3px}.app-demo .settings-modal{gap:0;width:min(820px,100vw - 48px);height:min(720px,100vh - 48px);padding:0;overflow:hidden}.app-demo .settings-title{border-bottom:1px solid var(--border-soft);flex:none;padding:20px 22px 16px}.app-demo .settings-title h2{font-size:var(--text-base);letter-spacing:-.01em;font-weight:600}.app-demo .settings-title p{max-width:640px;color:var(--muted);font-size:var(--text-xs);margin-top:6px;line-height:1.5}.app-demo .settings-layout{flex:1;grid-template-columns:184px minmax(0,1fr);min-height:0;display:grid}.app-demo .settings-tabs{border-right:1px solid var(--border-soft);background:var(--rail);flex-direction:column;gap:1px;min-height:0;padding:8px 0;display:flex;overflow-y:auto}.app-demo .settings-tabs button{width:100%;min-height:32px;color:var(--muted);font-size:var(--text-base);text-align:left;background:0 0;border:0;border-radius:0;flex:none;padding:0 16px;font-weight:400}.app-demo .settings-tabs button:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .settings-tabs button.is-active{color:var(--foreground);box-shadow:inset 3px 0 var(--foreground);background:linear-gradient(90deg,#ffffff1a,#ffffff08 85%);font-weight:500}.app-demo .settings-content{min-width:0;min-height:0;overflow-y:auto}.app-demo .settings-panel{align-content:start;gap:16px;padding:20px 22px 24px;display:grid}.app-demo .settings-panel>label:not(.checkbox-field):not(.alarm-setting-row):not(.alarm-sound-option),.app-demo .settings-field-row>label{color:var(--muted);font-size:var(--text-xs);gap:7px;font-weight:500;line-height:1.35}.app-demo .settings-panel input:not([type=range]):not([type=checkbox]),.app-demo .settings-panel textarea,.app-demo .settings-panel .app-select-trigger{border-radius:var(--radius-sm);background:var(--input-bg);min-height:36px}.app-demo .settings-panel textarea{padding:9px 10px;line-height:1.5}.app-demo .settings-field-row{grid-template-columns:minmax(0,2fr) repeat(2,minmax(120px,1fr));align-items:end;gap:12px;display:grid}.app-demo .range-setting{grid-template-columns:1fr auto;align-items:center;gap:7px 12px!important;display:grid!important}.app-demo .range-setting output{color:var(--foreground);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.app-demo .range-setting input[type=range]{width:100%;min-height:22px;accent-color:var(--accent);grid-column:1/-1;padding:0}.app-demo .settings-field-row>label:only-child,.app-demo .settings-field-row>label:first-child:nth-last-child(2){min-width:0}.app-demo .settings-modal>.modal-error{border-top:1px solid color-mix(in srgb, var(--danger) 35%, transparent);border-radius:0;flex:none;margin:0;padding:8px 22px}.app-demo .connection-modal.settings-modal>footer{border-top:1px solid var(--border-soft);background:var(--surface);flex:none;margin:0;padding:12px 22px}.app-demo .connection-modal.settings-modal>footer button{min-width:76px;min-height:32px;padding:0 13px}.app-demo .shortcut-settings{grid-template-columns:1fr 1fr}.app-demo .shortcut-settings>p{grid-column:1/-1}.app-demo .shortcut-settings>h3{grid-column:1/-1;margin:10px 0 0}.app-demo .shortcut-sequence{grid-template-columns:minmax(90px,auto) 1fr;align-items:center;gap:8px;display:grid}.app-demo .shortcut-sequence>span{color:var(--muted);font-size:var(--text-sm);white-space:nowrap}.app-demo .settings-restart-notice{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);padding:14px}.app-demo .settings-restart-notice strong{font-size:var(--text-sm);margin-bottom:6px;display:block}.app-demo .settings-restart-notice span{color:var(--muted);font-size:var(--text-xs);line-height:1.55}.app-demo .settings-restart-notice kbd{border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--foreground);background:var(--canvas);font:var(--text-xs) var(--editor-font,monospace);padding:2px 5px}.app-demo .transcribe-settings{gap:16px}.app-demo .custom-vocabulary-field{padding:2px 0 4px;gap:9px!important}.app-demo .settings-modal .custom-vocabulary-field textarea{min-height:92px;margin:1px 0;padding:14px 11px}.app-demo .custom-vocabulary-field small{color:var(--extra-muted);font-size:var(--text-xs);margin-top:1px;font-weight:400;line-height:1.55}.app-demo .transcribe-model-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;padding:14px;display:grid}.app-demo .transcribe-model-card>div{flex-direction:column;gap:4px;min-width:0;display:flex}.app-demo .transcribe-model-card strong{color:var(--foreground);font-size:var(--text-sm)}.app-demo .transcribe-model-card small{color:var(--muted);font-size:var(--text-xs)}.app-demo .transcribe-model-actions{flex-direction:row!important;gap:6px!important;min-width:auto!important;display:flex!important}.app-demo .transcribe-model-actions button{border:1px solid var(--border);border-radius:var(--radius-sm);width:31px;height:31px;color:var(--foreground);background:var(--surface-raised);place-items:center;padding:0;display:grid}.app-demo .transcribe-model-actions button:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.app-demo .transcribe-model-actions button.is-danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent)}.app-demo .transcribe-model-actions button:disabled{opacity:.35}.app-demo .transcribe-model-card progress{width:100%;height:5px;accent-color:var(--accent);grid-column:1/-1}.app-demo .transcribe-model-card .transcribe-model-status{color:var(--extra-muted);grid-column:1/-1}.app-demo .transcribe-microphone-setting{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.app-demo .transcribe-microphone-setting button{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:34px;color:var(--foreground);background:var(--surface-raised);font-size:var(--text-xs);padding:0 11px}.app-demo .transcription-island{z-index:120;color:#f5f6f8;background:#090a0d;border:1px solid #ffffff1c;border-radius:999px;align-items:center;gap:10px;min-width:330px;height:46px;padding:0 9px 0 13px;display:flex;position:fixed;bottom:29px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #000a,inset 0 1px #ffffff0d}.app-demo .transcription-state-icon{color:#ff6d78;background:#ff59671c;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.app-demo .transcription-island.is-transcribing .transcription-state-icon{color:var(--agent-working-color);background:color-mix(in srgb, var(--agent-working-color) 14%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--agent-working-color) 8%, transparent);animation:1.3s ease-in-out infinite breathe}.app-demo .transcription-island.is-transcribing .transcription-state-icon svg{animation:.8s linear infinite service-update-spin}.app-demo .transcription-island.has-limit-alert{border-color:color-mix(in srgb, var(--warning) 55%, transparent)}.app-demo .transcription-island.has-limit-alert .transcription-state-icon{color:var(--warning);background:color-mix(in srgb, var(--warning) 14%, transparent)}.app-demo .transcription-island.has-limit-alert .transcription-state-icon svg{animation:none}.app-demo .transcription-wave{flex:1;justify-content:center;align-items:center;gap:3px;min-width:126px;height:25px;display:flex}.app-demo .transcription-wave i{background:linear-gradient(#ff8991,#ff5967);border-radius:999px;width:3px;transition:height 80ms linear}.app-demo .transcription-message{min-width:140px;max-width:280px;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.app-demo .transcription-timer{color:#9da1aa;font:var(--text-2xs) var(--editor-font,monospace);font-variant-numeric:tabular-nums;white-space:nowrap}.app-demo .transcription-hints{color:#d8dae0;font:var(--text-xs) var(--editor-font,monospace);white-space:nowrap;align-items:center;gap:4px;display:flex}.app-demo .transcription-hints small{color:#777b85;font:var(--text-2xs) var(--ui-font,sans-serif);margin-right:4px}.app-demo .transcription-hints kbd{border-radius:var(--radius-xs);background:#ffffff0c;border:1px solid #ffffff24;padding:1px 4px}.app-demo .transcription-island>button{color:#bfc2ca;background:#ffffff0d;border:0;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;padding:0;display:grid}.app-demo .transcription-island>button:hover{color:#fff;background:#ffffff19}.app-demo .alarm-settings-intro{color:var(--muted);align-items:flex-start;gap:10px;padding:4px 2px 7px;display:flex}.app-demo .alarm-settings-intro>svg{color:var(--accent);flex:none;margin-top:1px}.app-demo .alarm-settings-intro strong{color:var(--foreground);font-size:var(--text-sm);margin-bottom:3px;display:block}.app-demo .alarm-settings-intro p{font-size:var(--text-sm);margin:0;line-height:1.5}.app-demo .connection-modal .alarm-setting-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;flex-direction:row;flex:none;align-items:center;gap:12px;min-height:68px;padding:12px 14px;transition:border-color .12s,background .12s;display:flex}.app-demo .connection-modal .alarm-setting-row:hover{background:var(--surface-raised);border-color:#3b3f4b}.app-demo .alarm-setting-icon{border:1px solid var(--border);border-radius:var(--radius-md);width:32px;height:32px;color:var(--accent);background:var(--accent-soft);flex:none;place-items:center;display:grid}.app-demo .alarm-setting-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.app-demo .alarm-setting-row strong{color:var(--foreground);font-size:var(--text-sm)}.app-demo .alarm-setting-row small{color:var(--muted);font-size:var(--text-sm);line-height:1.4}.app-demo .settings-panel input[role=switch]{appearance:none;border:1px solid var(--switch-off);background:var(--switch-off);cursor:pointer;border-radius:999px;flex:none;width:34px;height:20px;min-height:20px;padding:0;transition:border-color .15s,background .15s,box-shadow .15s;position:relative}.app-demo .settings-panel input[role=switch]:after{content:"";background:var(--switch-thumb);border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0005}.app-demo .settings-panel input[role=switch]:checked{border-color:var(--switch-on-ring);background:var(--switch-on);box-shadow:0 0 0 1px var(--switch-on-ring)}.app-demo .settings-panel input[role=switch]:checked:after{transform:translate(14px)}.app-demo .settings-panel input[role=switch]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-demo .alarm-option-grid{grid-template-columns:minmax(0,1fr) minmax(230px,.8fr);gap:12px;display:grid}.app-demo .connection-modal .alarm-sound-option{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;flex-direction:row;flex:none;align-items:center;gap:12px;min-height:56px;padding:9px 12px;display:flex}.app-demo .alarm-sound-option>span{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.app-demo .alarm-sound-option strong{color:var(--foreground);font-size:var(--text-sm)}.app-demo .alarm-sound-option small{color:var(--muted);font-size:var(--text-xs)}.app-demo .alarm-test-row{color:var(--muted);font-size:var(--text-xs);justify-content:space-between;align-items:center;gap:14px;padding:4px 2px;display:flex}.app-demo .alarm-test-row button{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:28px;color:var(--foreground);background:var(--surface-raised);flex:none;padding:0 10px}.app-demo .alarm-test-row button:hover{background:var(--surface-hover)}.app-demo .alarm-test-row>div{flex:none;gap:6px;display:flex}.app-demo .agent-settings .agent-setting-label{color:var(--foreground);font-size:var(--text-sm);align-items:center;gap:8px;display:flex}.app-demo .agent-monitor-options{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);gap:10px;padding:12px;display:grid}.app-demo .agent-monitor-options fieldset{border:0;border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:7px;margin:0;padding:8px 0 0;display:grid}.app-demo .agent-monitor-options legend{color:var(--muted);font-size:var(--text-xs);padding:0 8px 0 0}.app-demo .agent-monitor-options .agent-monitor-machine{border:1px solid var(--border);border-radius:var(--radius-md);min-height:42px;color:var(--muted);background:var(--surface-raised);font-size:var(--text-xs);cursor:pointer;flex-direction:row;align-items:center;gap:9px;padding:0 11px;transition:border-color .15s,color .15s,background .15s,box-shadow .15s;display:flex}.app-demo .agent-monitor-options .agent-monitor-machine:hover{border-color:var(--border-soft);color:var(--foreground);background:var(--surface-hover)}.app-demo .agent-monitor-options .agent-monitor-machine.is-selected{border-color:var(--accent);color:var(--foreground);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-soft)}.app-demo .agent-monitor-machine input{width:15px;height:15px;min-height:0;accent-color:var(--accent);flex:none;margin:0}.app-demo .agent-monitor-options>small{color:var(--extra-muted);font-size:var(--text-xs)}.app-demo .agent-kind-icon{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--muted);box-shadow:none;background:#ffffff08;border:1px solid #0000;flex:none;place-items:center;transition:color .14s,background .14s,border-color .14s;display:grid}.app-demo .agent-kind-icon.is-compact{border-radius:var(--radius-sm);width:17px;height:17px;box-shadow:none;background:0 0;border-color:#0000}.app-demo .agent-row:hover .agent-kind-icon{border-color:var(--border-soft);background:var(--surface-raised)}.app-demo .agent-kind-icon.kind-codex{color:#8b9dff;box-shadow:none;background:#8b9dff14}.app-demo .agent-kind-icon.kind-claude{color:#e8793f;background:#e8793f14}.app-demo .agent-kind-icon.kind-cursor{color:#c7cad0}.app-demo .agent-kind-icon.kind-gemini{color:#9b95bd}.app-demo .agent-kind-icon.kind-aider,.app-demo .agent-kind-icon.kind-unknown{color:#91aaa0}.app-demo .session-view-tab .agent-kind-icon{margin-left:-1px}.app-demo .settings-connection-row{border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px;display:flex}.app-demo .settings-connection-row>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.app-demo .settings-connection-row small{color:var(--muted)}.app-demo .settings-connection-row button{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:28px;color:var(--foreground);background:var(--surface-raised)}.app-demo .application-setting-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);align-items:center;gap:18px;padding:16px;display:flex}.app-demo .application-setting-row>div{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.app-demo .application-setting-row strong{color:var(--foreground);font-size:var(--text-sm)}.app-demo .application-setting-row small{color:var(--muted);font-size:var(--text-xs);line-height:1.5}.app-demo .application-setting-row button{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:30px;color:var(--foreground);background:var(--surface-raised);flex:none}.app-demo .danger-setting-row{border-color:#ff646438}.app-demo .application-setting-row .danger-button{color:#ff8a8a;background:#ff646412;border-color:#ff64645c}.app-demo .telemetry-setting-row input[role=switch]{flex:none}.app-demo .connection-audit-heading{flex-direction:column;gap:3px;margin-bottom:2px;display:flex}.app-demo .connection-audit-heading small{color:var(--muted)}.app-demo .saved-server-heading{border-top:1px solid var(--border);margin-top:10px;padding-top:12px}.app-demo .connection-attempt-row{align-items:flex-start}.app-demo .connection-attempt-status{background:var(--extra-muted);border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px}.app-demo .connection-attempt-status.is-active{background:var(--success);box-shadow:0 0 0 3px #58d68d16}.app-demo .connection-attempt-status.is-rejected{background:var(--danger);box-shadow:0 0 0 3px #ff646416}.app-demo .diff-surface{flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex}.app-demo .diff-empty{height:100%;color:var(--muted);place-content:center;justify-items:center;gap:8px;display:grid}.app-demo .diff-version-label{border-bottom:1px solid var(--border-soft);height:29px;color:var(--muted);font-size:var(--text-xs);text-transform:uppercase;flex:none;align-items:center;gap:7px;padding:0 12px;font-weight:600;display:flex}.app-demo .diff-version-label i{color:var(--extra-muted);font-style:normal}.app-demo .unified-diff{flex:1;min-width:0;min-height:0;overflow:hidden}.app-demo .unified-diff .cm-editor{width:100%;height:100%;min-height:0}.app-demo .unified-diff .cm-scroller{font-family:var(--editor-font,monospace);font-size:var(--editor-font-size,13px);line-height:var(--editor-line-height,1.5);overflow:auto!important}.app-demo .unified-diff .cm-deletedChunk{background:#9f34432e}.app-demo .unified-diff .cm-deletedLine,.app-demo .unified-diff .cm-deletedLine del{background:#d8506324;text-decoration:none}.app-demo .unified-diff .cm-merge-b .cm-changedLine{background:#257f5829}.app-demo .unified-diff .cm-merge-b .cm-changedText,.app-demo .unified-diff .cm-insertedLine{background:#3ab97924;text-decoration:none}.app-demo .unified-diff .cm-deletedLineGutter{background:#ef4444!important}.app-demo .unified-diff .cm-changedLineGutter{background:#22c55e!important}.app-demo[data-theme=light] .connection-modal,.app-demo[data-theme=light] .machine-menu{background:#fff;box-shadow:0 18px 50px #43506a33}.app-demo[data-theme=light] .machine-menu .danger-menu-item{color:#b42333}.app-demo[data-theme=light] .connection-modal input:not([role=switch]),.app-demo[data-theme=light] .connection-modal select,.app-demo[data-theme=light] .connection-modal textarea{background:#fff}.app-demo[data-theme=light] .rail-brand,.app-demo[data-theme=light] .agent-monitor-copy strong,.app-demo[data-theme=light] .pane-title,.app-demo[data-theme=light] .file-sidebar-header,.app-demo[data-theme=light] .markdown-preview{color:var(--foreground)}.app-demo[data-theme=light] .workspace-row,.app-demo[data-theme=light] .session-row,.app-demo[data-theme=light] .agent-row{color:var(--muted)}.app-demo[data-theme=light] .workbench-header{background:var(--header-bg)}.app-demo[data-theme=light] .tab-strip{background:0 0}.app-demo[data-theme=light] .pane-header{background:var(--pane-header-bg)}.app-demo[data-theme=light] .agent-history-filter{background:var(--surface-raised)}.app-demo[data-theme=light] .agent-history-filter button.is-active{background:var(--surface);box-shadow:0 1px 2px #00000014, inset 0 0 0 1px var(--border-soft)}.app-demo[data-theme=light] .view-tab:hover,.app-demo[data-theme=light] .new-tab-button:hover,.app-demo[data-theme=light] .workspace-row:hover,.app-demo[data-theme=light] .session-row:hover,.app-demo[data-theme=light] .agent-row:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo[data-theme=light] .machine-row.is-selected,.app-demo[data-theme=light] .session-row.is-active,.app-demo[data-theme=light] .agent-row.is-active,.app-demo[data-theme=light] .view-tab.is-active{color:var(--foreground);background:var(--selection-bg-strong)}.app-demo[data-theme=light] .agent-kind-icon.kind-codex{color:#637ff6;border-color:var(--border-soft);box-shadow:none;background:#f3f4f6}.app-demo[data-theme=light] .terminal-pane.is-focused{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-soft)}.app-demo[data-theme=light] .pane-move-preview{background:#ffffffe3}.app-demo[data-theme=light] .pane-move-preview-leaf{color:#667085;background:#e7eaf1c9}.app-demo[data-theme=light] .pane-move-preview-leaf.is-moved{color:var(--foreground)}.app-demo[data-theme=light] .empty-state,.app-demo[data-theme=light] .markdown-preview pre{background:var(--surface)}.app-demo[data-theme=light] .start-state-brand{box-shadow:0 18px 44px #43506a24,inset 0 1px #fff}.app-demo[data-theme=light] .start-state-shortcuts kbd{box-shadow:inset 0 -1px #43506a20}.app-demo[data-theme=light] .image-preview-shell,.app-demo[data-theme=light] .image-preview{background:#e8ebf1}.app-demo[data-theme=light] .session-tab-menu,.app-demo[data-theme=light] .workspace-picker,.app-demo[data-theme=light] .keybinding-help{color:var(--foreground);background:#fff;box-shadow:0 18px 50px #43506a33}.app-demo[data-theme=light] .session-tab-menu button{color:var(--foreground)}.app-demo[data-theme=light] .discovery-results button{background:var(--surface)}.app-demo .session-rename-modal{width:min(360px,100%)}.app-demo .connection-modal h2{font-size:var(--text-lg);margin:0 0 3px}.app-demo .discovery-button{border:1px solid var(--border);border-radius:var(--radius-sm);height:28px;color:var(--foreground);background:var(--selection-bg);font-size:var(--text-xs);align-self:flex-start;padding:0 10px}.app-demo .connection-section-heading{border-top:1px solid var(--border);flex-direction:column;gap:3px;margin-top:3px;padding-top:12px;display:flex}.app-demo .connection-section-heading strong{font-size:var(--text-sm)}.app-demo .connection-section-heading small{color:var(--muted);font-size:var(--text-xs)}.app-demo .discovery-results{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;max-height:120px;display:flex;overflow:auto}.app-demo .discovery-results button{border:0;border-bottom:1px solid var(--border-soft);min-height:38px;color:var(--foreground);text-align:left;background:#101115;flex-direction:column;justify-content:center;gap:2px;padding:5px 9px;display:flex}.app-demo .discovery-results button:hover{background:var(--surface-raised)}.app-demo .discovery-results small{color:var(--extra-muted);font-size:var(--text-2xs)}.app-demo .connection-modal label{color:var(--muted);font-size:var(--text-xs);flex-direction:column;flex:1;gap:6px;display:flex}.app-demo .connection-modal input,.app-demo .connection-modal select,.app-demo .connection-modal textarea{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:32px;color:var(--foreground);font:inherit;background:#0f1014;outline:0;padding:0 9px}.app-demo .connection-modal input:focus,.app-demo .connection-modal select:focus,.app-demo .connection-modal textarea:focus{border-color:var(--accent)}.app-demo .connection-modal .credential-secret{resize:vertical;min-height:76px;font-family:SFMono-Regular,monospace;font-size:var(--text-xs);padding:8px 9px}.app-demo .password-field{align-items:center;display:flex;position:relative}.app-demo .password-field input{width:100%;padding-right:36px}.app-demo .password-field button{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;right:4px}.app-demo .password-field button:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .directory-picker{border:1px solid var(--border);border-radius:var(--radius-lg);width:min(720px,100vw - 60px);height:min(620px,100vh - 60px);min-height:0;color:var(--foreground);background:var(--surface);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 80px #000b}.app-demo .directory-picker>header{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:flex-start;padding:18px 20px 14px;display:flex}.app-demo .directory-picker h2,.app-demo .directory-picker p{margin:0}.app-demo .directory-picker h2{font-size:var(--text-lg)}.app-demo .directory-picker p{color:var(--muted);font-size:var(--text-xs);margin-top:4px}.app-demo .directory-picker>header>button{color:var(--muted);font-size:var(--text-xl);background:0 0;border:0}.app-demo .directory-location{border-bottom:1px solid var(--border-soft);gap:7px;padding:10px 12px;display:flex}.app-demo .directory-location input{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;min-height:32px;color:var(--foreground);background:var(--canvas);font:var(--text-sm) var(--editor-font,monospace);outline:0;flex:1;padding:0 9px}.app-demo .directory-location input:focus{border-color:var(--accent)}.app-demo .directory-location button{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:34px;min-height:32px;color:var(--foreground);background:var(--surface-raised);place-items:center;padding:0 10px;display:grid}.app-demo .directory-list{flex:1;min-height:0;padding:7px;overflow:auto}.app-demo .directory-list>button{border-radius:var(--radius-sm);width:100%;min-height:36px;color:var(--foreground);text-align:left;background:0 0;border:0;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;gap:6px;padding:0 10px;display:grid}.app-demo .directory-list>button:hover{background:var(--surface-hover)}.app-demo .directory-list>button.is-selected{color:var(--foreground);background:var(--accent-soft);outline:1px solid color-mix(in srgb, var(--accent) 45%, transparent)}.app-demo .directory-list>button svg:first-child{color:#d9a441;fill:#d9a44122}.app-demo .directory-list>button svg:last-child{color:var(--extra-muted)}.app-demo .directory-list>button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .directory-list>button.directory-create-option svg:first-child{color:var(--accent);fill:#0000}.app-demo .directory-create-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.app-demo .directory-create-copy strong{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .directory-create-copy small{color:var(--muted);font-size:var(--text-xs)}.app-demo .directory-picker-state,.app-demo .directory-picker-error{min-height:180px;color:var(--muted);font-size:var(--text-sm);place-items:center;display:grid}.app-demo .directory-picker-error{color:var(--danger)}.app-demo .directory-picker>footer{border-top:1px solid var(--border);flex:none;align-items:center;gap:8px;padding:12px;display:flex}.app-demo .directory-picker>footer>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.app-demo .directory-picker>footer small{color:var(--extra-muted);font-size:var(--text-2xs);text-transform:uppercase}.app-demo .directory-picker>footer strong{color:var(--muted);font:var(--text-xs) var(--editor-font,monospace);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .directory-picker>footer>button{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:30px;color:var(--foreground);background:var(--surface-raised);padding:0 12px}.app-demo .directory-picker>footer>.workspace-create-button{border-color:var(--primary-border);color:var(--primary-foreground);background:var(--primary-bg);align-items:center;gap:9px;font-weight:600;display:inline-flex}.app-demo .directory-picker>footer>.workspace-create-button:hover:not(:disabled){background:var(--primary-bg-hover)}.app-demo .workspace-create-shortcut{gap:3px;display:inline-flex}.app-demo .workspace-create-shortcut kbd{border-radius:var(--radius-xs);color:#ffffffd9;min-width:18px;height:18px;font:var(--text-xs)/1 var(--ui-font,sans-serif);background:#ffffff12;border:1px solid #ffffff36;place-items:center;padding:0 4px;display:inline-grid;box-shadow:0 1px #0004}.app-demo .workspace-name-step{flex-direction:column;flex:1;justify-content:space-between;gap:20px;min-height:0;padding:24px;display:flex}.app-demo .workspace-name-step label{color:var(--muted);font-size:var(--text-sm);flex-direction:column;gap:8px;display:flex}.app-demo .workspace-name-step input{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:38px;color:var(--foreground);background:var(--canvas);outline:0;padding:0 11px}.app-demo .workspace-name-step input:focus{border-color:var(--accent)}.app-demo .workspace-name-step footer{justify-content:flex-end;gap:8px;display:flex}.app-demo .workspace-name-step footer button{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:32px;color:var(--foreground);background:var(--surface-raised);padding:0 12px}.app-demo .fingerprint-field{gap:7px;display:flex}.app-demo .fingerprint-field input{flex:1;min-width:0;font-family:SFMono-Regular,monospace}.app-demo .fingerprint-field button{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);background:var(--surface-raised);font-size:var(--text-xs);flex:none;padding:0 10px}.app-demo .connection-modal .checkbox-field{flex-direction:row;align-items:center}.app-demo .connection-modal .checkbox-field input{width:15px;height:15px}.app-demo .settings-divider{background:var(--border);height:1px;margin:2px 0}.app-demo .sync-setting{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-demo .sync-setting>div{flex-direction:column;gap:4px;min-width:0;display:flex}.app-demo .sync-setting strong{font-size:var(--text-sm);font-weight:600}.app-demo .sync-setting small{color:var(--extra-muted);font-size:var(--text-xs)}.app-demo .sync-setting button{border:1px solid var(--border);border-radius:var(--radius-sm);height:28px;color:var(--foreground);background:var(--surface-raised);font-size:var(--text-xs);flex:none}@media (width<=680px){.app-demo .settings-modal{width:calc(100vw - 24px);height:calc(100vh - 24px)}.app-demo .settings-title{padding:16px}.app-demo .settings-layout{grid-template-columns:142px minmax(0,1fr)}.app-demo .settings-panel{padding:16px}.app-demo .settings-field-row{grid-template-columns:1fr;align-items:stretch}.app-demo .connection-modal.settings-modal>footer{padding:10px 16px}}.app-demo .connection-field-row{gap:10px;display:flex}.app-demo .connection-field-row .port-field{flex:0 0 84px}.app-demo .connection-modal p{color:var(--extra-muted);font-size:var(--text-xs);margin:0;line-height:1.5}.app-demo .connection-modal footer{justify-content:flex-end;gap:7px;margin-top:4px;display:flex}.app-demo .connection-modal footer button{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:30px;color:var(--foreground);background:var(--surface-raised)}.app-demo .connection-modal footer .primary-button{border-color:var(--primary-border);color:var(--primary-foreground);background:var(--primary-bg)}.app-demo .modal-error{color:var(--danger);font-size:var(--text-xs)}.app-demo .workspace-picker{border-radius:var(--radius-lg);background:#17191f;border:1px solid #3a3e49;flex-direction:column;gap:4px;width:min(480px,100%);max-height:min(520px,80vh);padding:15px;display:flex;overflow:hidden;box-shadow:0 22px 70px #000a}.app-demo .keybinding-help{border-radius:var(--radius-lg);background:#17191f;border:1px solid #3a3e49;width:min(460px,100%);padding:20px;box-shadow:0 22px 70px #000a}.app-demo .keybinding-help h2{font-size:var(--text-lg);margin:0 0 15px}.app-demo .keybinding-help dl{font-size:var(--text-sm);grid-template-columns:160px 1fr;gap:8px 14px;margin:0 0 18px;display:grid}.app-demo .keybinding-help dt{color:var(--foreground);font-family:SFMono-Regular,monospace}.app-demo .keybinding-help dd{color:var(--muted);margin:0}.app-demo .keybinding-help button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);min-height:29px;padding:0 12px}.app-demo .workspace-picker h2{font-size:var(--text-lg);margin:2px 5px 9px}.app-demo .workspace-picker input{border:1px solid var(--border);border-radius:var(--radius-sm);height:36px;color:var(--foreground);background:var(--surface);outline:none;margin-bottom:7px;padding:0 10px}.app-demo .workspace-picker input:focus{border-color:var(--accent)}.app-demo .workspace-picker-list{min-height:0;overflow:auto}.app-demo .workspace-picker button{border-radius:var(--radius-sm);width:100%;min-height:45px;color:var(--foreground);text-align:left;background:0 0;border:0;grid-template-rows:auto auto;grid-template-columns:28px minmax(0,1fr);align-items:center;column-gap:8px;padding:5px 9px;display:grid}.app-demo .workspace-picker button:hover,.app-demo .workspace-picker button.is-selected{background:var(--surface-raised)}.app-demo .workspace-picker button>kbd{color:var(--extra-muted);font:var(--text-2xs) var(--editor-font,monospace);grid-row:1/3}.app-demo .workspace-picker button>span,.app-demo .workspace-picker button>small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-demo .workspace-picker small{color:var(--extra-muted);font-size:var(--text-2xs)}.app-demo .workspace-picker-empty{color:var(--extra-muted);font-size:var(--text-sm);text-align:center;padding:18px 9px}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes live-monitor-notice-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes live-monitor-notice-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-3px)}}@keyframes rotate-agent{to{transform:rotate(360deg)}}@keyframes service-update-spin{to{transform:rotate(360deg)}}@keyframes service-update-progress{0%{transform:translate(0)}to{transform:translate(365%)}}@media (prefers-reduced-motion:reduce){.app-demo *,.app-demo :before,.app-demo :after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app-demo .browser-site-info{z-index:100;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--foreground);background:var(--popover-bg);font:var(--text-sm)/1.5 var(--ui-font);margin:0;padding:0;position:fixed;overflow:hidden;box-shadow:0 12px 36px #0004}.app-demo .browser-site-info[open]{flex-direction:column;display:flex}.app-demo .browser-site-content{overscroll-behavior:contain;min-height:0;overflow-y:auto}.app-demo .browser-site-heading{flex:1;min-width:0}.app-demo .browser-site-heading strong:focus{outline:none}.app-demo .browser-site-info>header{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.app-demo .browser-site-info header strong{font-size:var(--text-lg)}.app-demo .browser-site-info small{color:var(--muted);font-size:var(--text-sm);overflow-wrap:anywhere;display:block}.app-demo .browser-site-info header button{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.app-demo .browser-site-info header button:hover{background:var(--surface-hover)}.app-demo .browser-site-content>section{border-bottom:1px solid var(--border);padding:14px 16px}.app-demo .browser-site-info h3{font-size:var(--text-sm);align-items:center;gap:8px;margin:0 0 6px;display:flex}.app-demo .browser-site-info p{color:var(--muted);margin:6px 0}.app-demo .browser-site-content>.browser-site-message{padding:14px 16px}.app-demo .browser-site-info dl{margin:10px 0 0}.app-demo .browser-site-info dt{color:var(--muted);font-size:var(--text-xs);margin-top:6px}.app-demo .browser-site-info dd{overflow-wrap:anywhere;margin:0}.app-demo .browser-site-info summary{cursor:pointer;margin-top:10px}.app-demo .browser-site-info ul{margin:8px 0 0;padding:0;list-style:none}.app-demo .browser-site-info li{justify-content:space-between;align-items:center;gap:12px;padding:7px 0;display:flex}.app-demo .browser-permission-toggle{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-hover);cursor:pointer;flex:none;align-items:center;width:32px;height:19px;padding:2px;display:flex}.app-demo .browser-permission-toggle>span{background:var(--muted);border-radius:50%;width:13px;height:13px;transition:transform .12s}.app-demo .browser-permission-toggle[aria-checked=true]{background:var(--primary-bg);border-color:var(--primary-border)}.app-demo .browser-permission-toggle[aria-checked=true]>span{background:var(--primary-foreground);transform:translate(12px)}.app-demo .browser-permission-toggle:disabled{opacity:.45;cursor:wait}.app-demo .browser-permission-toggle:focus-visible{outline:2px solid var(--selection-border);outline-offset:2px}.app-demo .browser-site-info li.browser-permission-row{padding:9px 0;display:block}.app-demo .browser-permission-control{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-demo .browser-permission-status{margin-top:5px}.app-demo .browser-site-link{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--foreground);font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:14px 16px;display:flex}.app-demo .browser-site-link:last-child{border-bottom:0}.app-demo .browser-site-link>span{flex:1;min-width:0}.app-demo .browser-site-link>svg{color:var(--muted);flex-shrink:0}.app-demo .browser-site-link strong{font-weight:500}.app-demo .browser-site-link small{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;overflow:hidden}.app-demo .browser-site-link:hover{background:var(--surface-hover)}.app-demo .browser-site-link:focus-visible{outline:2px solid var(--selection-border);outline-offset:-3px}.app-demo .browser-permission-feedback{box-sizing:border-box;overscroll-behavior:contain;flex:0 0 88px;padding:10px 16px;overflow-y:auto}.app-demo .browser-site-info .browser-permission-notice{border-radius:var(--radius-sm);background:var(--surface-hover);font-size:var(--text-sm);margin:0;padding:8px 10px;line-height:1.5;animation:.18s ease-out both browser-permission-notice-enter}@keyframes browser-permission-notice-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.app-demo .view-tab[data-drop-before=true]{box-shadow:inset 2px 0 var(--accent)}.app-demo .view-tab[data-drop-before=false]{box-shadow:inset -2px 0 var(--accent)}.app-demo .workspace-menu{width:220px}.app-demo .workspace-directory-recovery code{overflow-wrap:anywhere;color:var(--foreground);font-size:var(--text-sm);display:block}.app-demo .workspace-directory-recovery p{line-height:1.6}.app-demo .browser-credentials-settings{gap:16px;min-width:0;display:grid}.app-demo .browser-credential-section{border-bottom:1px solid var(--border-soft);min-width:0;padding-bottom:16px}.app-demo .browser-credential-section .browser-setting-row{border:0;flex-wrap:wrap;align-items:flex-start;padding:0}.app-demo .browser-credential-section .browser-setting-row>div{flex:240px;min-width:0}.app-demo .browser-credential-section small{overflow-wrap:anywhere}.app-demo .browser-credential-hint,.app-demo .browser-credential-feedback{font-size:var(--text-xs);color:var(--extra-muted);overflow-wrap:anywhere;margin:10px 0 0;line-height:1.5}.app-demo .browser-saved-logins{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--popover-bg);max-height:250px;margin-top:12px;display:grid;overflow:auto}.app-demo .browser-saved-logins>div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.app-demo .browser-saved-logins>div+div{border-top:1px solid var(--border-soft)}.app-demo .browser-saved-logins span{gap:4px;min-width:0;display:grid}.app-demo .browser-saved-logins strong,.app-demo .browser-saved-logins small{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);overflow:hidden}.app-demo .browser-saved-logins small{color:var(--extra-muted)}.app-demo .browser-saved-logins button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--foreground);font-size:var(--text-xs);padding:5px 9px}.app-demo .browser-dialog{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:min(620px,100vw - 40px);max-height:calc(100dvh - 48px);color:var(--foreground);border-radius:18px;margin:auto;padding:30px;overflow:auto;box-shadow:0 24px 90px #0006}.app-demo .browser-dialog::backdrop{backdrop-filter:blur(5px);background:#0007}.app-demo .browser-dialog-close{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:16px;right:16px}.app-demo .browser-dialog-close:hover{background:var(--surface-hover);color:var(--foreground)}.app-demo .browser-dialog-heading{padding:4px 24px 22px 0}.app-demo .browser-dialog-emblem{border:1px solid var(--border);background:linear-gradient(145deg, var(--surface-raised), var(--surface));border-radius:15px;place-items:center;width:52px;height:52px;margin-bottom:20px;display:grid;box-shadow:inset 0 1px #ffffff12}.app-demo .browser-dialog-eyebrow{font-size:var(--text-xs);letter-spacing:.13em;color:var(--muted);font-weight:600}.app-demo .browser-dialog-heading h2{letter-spacing:-.035em;margin:8px 0;font-size:26px;font-weight:600;line-height:1.2}.app-demo .browser-dialog-heading p{font-size:var(--text-base);color:var(--muted);margin:0;line-height:1.6}.app-demo .browser-connection-intro{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:24px;display:grid}.app-demo .browser-connection-intro>div{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-raised);padding:14px}.app-demo .browser-connection-intro svg{color:var(--muted);margin-bottom:12px}.app-demo .browser-connection-intro strong{font-size:var(--text-sm);font-weight:600;display:block}.app-demo .browser-connection-intro p{color:var(--muted);font-size:var(--text-sm);margin:6px 0 0;line-height:1.6}.app-demo .browser-agent-list-heading{font-size:var(--text-sm);justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.app-demo .browser-agent-list-heading span{color:var(--muted)}.app-demo .browser-agent-list{gap:8px;display:grid}.app-demo .browser-agent-choice{text-align:left;width:100%;color:var(--foreground);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;padding:13px;display:flex}.app-demo .browser-agent-choice:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent)}.app-demo .browser-agent-choice:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-demo .browser-agent-choice:disabled{opacity:.5;cursor:default}.app-demo .browser-agent-avatar{border-radius:var(--radius-md);background:var(--surface-raised);flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.app-demo .browser-agent-avatar .agent-kind-icon{transform:scale(1.35)}.app-demo .browser-agent-copy{flex:1;gap:4px;min-width:0;display:grid}.app-demo .browser-agent-copy strong{font-size:var(--text-base);font-weight:600}.app-demo .browser-agent-copy small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:var(--text-sm);overflow:hidden}.app-demo .browser-agent-state{color:var(--muted);font-size:var(--text-sm);align-items:center;gap:6px;display:flex}.app-demo .browser-agent-empty{border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--muted);justify-items:center;gap:10px;padding:26px;display:grid}.app-demo .browser-agent-empty strong{font-size:var(--text-base);color:var(--foreground)}.app-demo .browser-agent-empty p{max-width:320px;font-size:var(--text-sm);margin:0;line-height:1.6}.app-demo .browser-dialog-footer{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:18px;display:flex}.app-demo .browser-dialog-footer>span{font-size:var(--text-sm);color:var(--muted)}.app-demo .browser-dialog-footer button{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--foreground);font:inherit;font-size:var(--text-sm);cursor:pointer;align-items:center;gap:8px;padding:9px 14px;display:flex}.app-demo .browser-dialog-footer .primary-button{background:var(--foreground);color:var(--surface)}.app-demo .browser-setup-homepage{border:1px solid var(--border);border-radius:var(--radius-lg);gap:9px;margin-bottom:18px;padding:18px;display:grid}.app-demo .browser-setup-homepage>span{font-size:var(--text-base);align-items:center;gap:8px;font-weight:600;display:flex}.app-demo .browser-setup-homepage input,.app-demo .browser-setup-homepage select{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);width:100%;min-width:0;color:var(--foreground);font:inherit;font-size:var(--text-base);padding:10px 12px}.app-demo .browser-setup-homepage small{color:var(--muted);font-size:var(--text-sm);line-height:1.6}.app-demo .browser-setup-connect-heading{font-size:var(--text-sm);align-items:center;gap:8px;margin:22px 0 12px;display:flex}@media (width<=520px){.app-demo .browser-dialog{padding:22px}.app-demo .browser-connection-intro{grid-template-columns:1fr}.app-demo .browser-connection-intro svg{float:left;margin:0 12px 24px 0}.app-demo .browser-agent-state{max-width:80px;font-size:var(--text-xs)}}.app-demo .browser-dialog>form>.browser-dialog-footer{z-index:1;background:var(--surface);box-shadow:0 -12px 18px var(--surface);margin-left:-30px;margin-right:-30px;padding:16px 30px;position:sticky;bottom:-30px}@media (width<=520px){.app-demo .browser-dialog>form>.browser-dialog-footer{margin-left:-22px;margin-right:-22px;padding:14px 22px;bottom:-22px}}.app-demo .browser-agent-back{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);background:0 0;align-items:center;gap:6px;margin-bottom:12px;padding:7px 10px;display:inline-flex}.app-demo .browser-agent-actions{gap:10px;margin-top:18px;display:flex}.app-demo .browser-agent-actions button{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--foreground);flex:1;justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.app-demo .browser-agent-back,.app-demo .browser-agent-actions button{cursor:pointer;transition:background-color .12s,border-color .12s,transform 80ms}.app-demo .browser-agent-back:hover:not(:disabled),.app-demo .browser-agent-actions button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--selection-border)}.app-demo .browser-agent-back:active:not(:disabled),.app-demo .browser-agent-actions button:active:not(:disabled){background:var(--selection-bg-strong);transform:translateY(1px)}.app-demo .browser-agent-back:focus-visible,.app-demo .browser-agent-actions button:focus-visible{outline:2px solid var(--selection-border);outline-offset:3px}.app-demo .browser-agent-back:disabled,.app-demo .browser-agent-actions button:disabled{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){.app-demo .browser-agent-back,.app-demo .browser-agent-actions button{transition:none}}.app-demo .browser-list-disclosure{border:1px solid var(--border);border-radius:var(--radius-md);margin-top:12px;overflow:hidden}.app-demo .browser-list-disclosure>summary{cursor:pointer;font-size:var(--text-sm);padding:11px 12px;font-weight:600}.app-demo .browser-list-disclosure>summary span{color:var(--muted);margin-left:6px;font-weight:400}.app-demo .browser-list-disclosure>summary:hover{background:var(--surface-hover)}.app-demo .browser-list-disclosure>summary:focus-visible{outline:2px solid var(--selection-border);outline-offset:-2px}.app-demo .browser-list-disclosure .browser-saved-logins{border:0;border-top:1px solid var(--border-soft);overscroll-behavior:contain;border-radius:0;margin-top:0}.app-demo .browser-list-disclosure .browser-saved-logins>p{padding:0 12px}.app-demo .browser-list-disclosure .browser-history-list{border:0;border-top:1px solid var(--border-soft);overscroll-behavior:contain;border-radius:0}.app-demo .view-tab-select>svg,.app-demo .view-tab-select>.terminal-app-icon,.app-demo .view-tab-select>small{flex-shrink:0}.app-demo .view-tab:has(:focus-visible){outline:1px solid var(--accent);outline-offset:-1px}.app-demo .view-tab.is-preview .view-tab-select>span:not(.agent-kind-icon):not(.file-icon){font-style:italic}.app-demo .worktree-selected-location{flex-direction:column;gap:2px;display:flex}.app-demo .worktree-selected-location strong,.app-demo .worktree-selected-location small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .worktree-selected-location small{color:var(--muted);font-size:var(--text-xs);font-weight:400}.app-demo .agent-preview-card{z-index:120;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--foreground);background:var(--popover-bg);pointer-events:none;animation:agent-preview-in .14s var(--ease-out);flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 18px 48px #000a}.app-demo .agent-preview-card>header{align-items:center;gap:8px;min-width:0;padding:12px 14px 0;display:flex}.app-demo .agent-preview-card>header strong{font-size:var(--text-base);font-weight:600}.app-demo .agent-preview-card>header span{min-width:0;color:var(--extra-muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .agent-preview-card h4{color:var(--foreground);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;margin:10px 14px 0;font-weight:500;overflow:hidden}.app-demo .agent-preview-card p{font-size:var(--text-base);-webkit-box-orient:vertical;margin:8px 14px 0;line-height:1.5;display:-webkit-box;overflow:hidden}.app-demo .agent-preview-card .agent-preview-prompt{border-left:2px solid var(--border);color:var(--muted);font-size:var(--text-sm);-webkit-line-clamp:2;padding-left:9px}.app-demo .agent-preview-card .agent-preview-reply{color:var(--foreground);-webkit-line-clamp:4}.app-demo .agent-preview-card .agent-preview-muted{color:var(--extra-muted);font-size:var(--text-sm)}.app-demo .agent-preview-card>footer{border-top:1px solid var(--border-soft);min-width:0;color:var(--extra-muted);font-family:var(--font-mono);font-size:var(--text-xs);align-items:center;gap:6px;margin-top:12px;padding:9px 14px;display:flex}.app-demo .agent-preview-card>footer>svg{flex:none}.app-demo .agent-preview-card>footer>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-demo .agent-preview-card .agent-preview-tab{flex:0 auto;margin-left:auto}@keyframes agent-preview-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.app-demo .agent-preview-card{animation:none}}.app-demo .file-sidebar-topbar{height:var(--workbench-header-height);flex:0 0 var(--workbench-header-height);border-bottom:1px solid var(--border-soft);background:var(--header-bg);-webkit-app-region:drag;align-items:center;gap:2px;padding:0 6px 0 0;display:flex}.app-demo .file-sidebar-topbar button{-webkit-app-region:no-drag}.app-demo .file-sidebar-topbar-spacer{flex:1}.app-demo .worktree-picker{flex:1;align-self:stretch;min-width:0;display:flex;position:relative}.app-demo .worktree-picker-trigger{width:100%;min-width:0;color:var(--foreground);font-size:var(--text-base);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0 10px 0 14px;display:flex}.app-demo .worktree-picker-trigger>svg{color:var(--extra-muted);flex:none}.app-demo .worktree-picker-trigger>span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.app-demo .worktree-picker-trigger>small{color:var(--extra-muted);font-family:var(--font-mono);font-size:var(--text-xs);flex:none}.app-demo .worktree-picker-trigger:hover:not(:disabled),.app-demo .worktree-picker-trigger[aria-expanded=true]{background:var(--surface-hover)}.app-demo .worktree-picker-menu{z-index:30;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--popover-bg);-webkit-app-region:no-drag;gap:2px;max-height:min(320px,50vh);padding:4px;display:grid;position:absolute;top:calc(100% + 4px);left:8px;right:-40px;overflow:auto;box-shadow:0 16px 40px #0009}.app-demo .worktree-picker-menu>button{border-radius:var(--radius-sm);width:100%;min-width:0;color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:7px 8px;display:flex}.app-demo .worktree-picker-menu>button:hover,.app-demo .worktree-picker-menu>button.is-selected{color:var(--foreground);background:var(--surface-hover)}.app-demo .worktree-picker-copy strong{font-size:var(--text-sm);font-weight:500}.app-demo .worktree-picker-copy small{color:var(--extra-muted);font-family:var(--font-mono);font-size:var(--text-2xs)}.app-demo .worktree-picker-menu em{color:var(--extra-muted);font-family:var(--font-mono);font-size:var(--text-2xs);font-style:normal}.app-demo .file-sidebar-header{border-bottom:1px solid var(--border-soft);flex:0 0 36px;min-width:0;height:36px;display:flex}.app-demo .resource-tabs{flex:1;align-items:stretch;min-width:0;display:flex}.app-demo .resource-tabs button{min-width:0;color:var(--extra-muted);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:0 8px;display:flex}.app-demo .resource-tabs button:hover{color:var(--muted);background:#ffffff05}.app-demo .resource-tabs button.is-active{color:var(--foreground);background:var(--surface-raised);font-weight:500}.app-demo .resource-tabs small{color:var(--extra-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:400}.app-demo .resource-search{border:0;border-bottom:1px solid var(--border-soft);height:34px;color:var(--extra-muted);background:0 0;flex:none;align-items:center;gap:8px;margin:0;padding:0 14px 0 16px;display:flex}.app-demo .resource-search:focus-within{color:var(--muted)}.app-demo .resource-search input{width:100%;min-width:0;height:100%;color:var(--foreground);font-size:var(--text-sm);background:0 0;border:0;outline:0;padding:0}.app-demo .resource-search input::-webkit-search-cancel-button{opacity:.55}.app-demo .diff-list{min-height:0;padding:4px 0 12px;overflow:auto}.app-demo .diff-summary{color:var(--extra-muted);font-family:var(--font-mono);font-size:var(--text-xs);align-items:center;gap:6px;padding:8px 14px 4px 16px;display:flex}.app-demo .diff-summary b{color:var(--success);font-weight:400}.app-demo .diff-summary i{color:var(--danger);font-style:normal}.app-demo .diff-summary span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-demo .diff-group+.diff-group{margin-top:6px}.app-demo .diff-group h3{height:30px;color:var(--extra-muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:6px;margin:0;padding:0 14px 0 16px;font-weight:500;display:flex}.app-demo .diff-group h3 span{letter-spacing:0;font-variant-numeric:tabular-nums}.app-demo .diff-group-toggle{width:100%;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;text-transform:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:flex}.app-demo .diff-group-toggle:hover{color:var(--foreground)}.app-demo .diff-group-toggle small{font-size:inherit;letter-spacing:0;font-variant-numeric:tabular-nums;margin-left:auto}.app-demo .diff-row{width:100%;min-height:28px;color:var(--muted);font-size:var(--text-sm);text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:9px;padding:0 14px 0 16px;display:flex}.app-demo .diff-row:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .diff-row>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.app-demo .diff-row small{font-family:var(--font-mono);font-size:var(--text-xs);flex:none;gap:5px;display:flex}.app-demo .diff-row small b{color:var(--success);font-weight:400}.app-demo .diff-row small i{color:var(--danger);font-style:normal}.app-demo .diff-row small.diff-new{color:var(--success);font-weight:400}.app-demo .agent-history-toolbar{z-index:2;border-bottom:1px solid var(--border-soft);background:var(--sidebar-bg);justify-content:space-between;align-items:center;gap:8px;height:34px;padding:0 14px 0 16px;display:flex;position:sticky;top:0}.app-demo .agent-history-count{color:var(--extra-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.app-demo .agent-history-list{padding:4px 0 0;display:grid}.app-demo .agent-history-row{width:100%;min-width:0;color:var(--muted);background:0 0;align-items:center;display:flex;position:relative}.app-demo .agent-history-row:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .agent-history-row.is-current{color:var(--foreground);box-shadow:inset 3px 0 var(--foreground);background:linear-gradient(90deg,#ffffff1f,#ffffff0c 85%)}.app-demo .agent-history-open{min-width:0;height:30px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:9px;padding:0 14px 0 16px;display:flex}.app-demo .agent-history-open:disabled{opacity:.45;cursor:default}.app-demo .agent-history-unlink{position:absolute;right:10px}.app-demo .agent-history-scope .app-select-trigger{width:auto;min-height:24px;color:var(--muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;gap:6px;padding:0;font-weight:500}.app-demo .agent-history-scope .app-select-trigger:hover:not(:disabled),.app-demo .agent-history-scope .app-select-trigger.is-open{color:var(--foreground);box-shadow:none;background:0 0}.app-demo .agent-history-title{min-width:0;color:inherit;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:400;overflow:hidden}.app-demo .agent-history-row.is-current .agent-history-title{font-weight:500}.app-demo .agent-history-time{color:var(--extra-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex:none}.app-demo .agent-history-row:hover:has(.agent-history-unlink) .agent-history-time{visibility:hidden}.app-demo .agent-history-row.is-resuming{color:var(--foreground);background:var(--surface-hover)}.app-demo .agent-history-row.is-resuming .agent-history-open{cursor:progress}.app-demo .agent-history-row.is-resuming .agent-history-unlink{display:none}.app-demo .agent-history-resuming{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);flex:none;align-items:center;gap:5px;display:inline-flex}.app-demo .agent-history-resuming svg{animation:.8s linear infinite agent-history-resuming-spin}@keyframes agent-history-resuming-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.app-demo .agent-history-resuming svg{animation:none}}.app-demo .compact-markdown{color:inherit;font-size:inherit;line-height:1.6}.app-demo .compact-markdown>:first-child{margin-top:0}.app-demo .compact-markdown>:last-child{margin-bottom:0}.app-demo .compact-markdown :is(h1,h2,h3,h4,h5,h6){color:var(--markdown-strong,var(--foreground));margin:12px 0 4px;font-size:1.08em;font-weight:650;line-height:1.35}.app-demo .compact-markdown h1{font-size:1.2em}.app-demo .compact-markdown p{margin:0 0 8px}.app-demo .compact-markdown :is(ul,ol){margin:0 0 8px;padding-left:1.3em}.app-demo .compact-markdown li+li{margin-top:2px}.app-demo .compact-markdown li>:is(ul,ol){margin:2px 0 0}.app-demo .compact-markdown strong{color:var(--markdown-strong,var(--foreground));font-weight:650}.app-demo .compact-markdown code{border-radius:var(--radius-xs);background:var(--markdown-code-bg,var(--surface-raised));font:.95em var(--editor-font,var(--font-mono));padding:1px 4px}.app-demo .compact-markdown pre{border-radius:var(--radius-sm);background:var(--markdown-code-bg,var(--surface-raised));margin:0 0 8px;padding:8px 10px;overflow:auto}.app-demo .compact-markdown pre code{background:0 0;padding:0}.app-demo .compact-markdown blockquote{border-left:2px solid var(--markdown-rule,var(--border));color:var(--markdown-muted,var(--muted));margin:0 0 8px;padding-left:10px}.app-demo .compact-markdown hr{background:var(--markdown-rule,var(--border));border:0;height:1px;margin:10px 0}.app-demo .compact-markdown table{border-collapse:collapse;margin:0 0 8px;font-size:.95em}.app-demo .compact-markdown :is(th,td){border:1px solid var(--markdown-rule,var(--border));text-align:left;padding:3px 8px}.app-demo .compact-markdown-link{color:var(--markdown-strong,var(--foreground));text-decoration:underline;text-decoration-color:var(--markdown-rule,var(--border))}.app-demo .notification-history-button{position:relative}.app-demo .notification-unread-dot{background:rgb(var(--notification-glow));width:6px;height:6px;box-shadow:0 0 6px rgb(var(--notification-glow) / .6);border-radius:50%;flex:none;display:inline-block}.app-demo .notification-history-button>.notification-unread-dot{box-shadow:0 0 0 2px var(--rail), 0 0 6px rgb(var(--notification-glow) / .6);position:absolute;top:3px;right:3px}.app-demo .notification-history-layer{z-index:1500;position:fixed;inset:0}.app-demo .notification-history{border:1px solid var(--selection-border);border-radius:var(--radius-md);width:min(380px,100vw - 16px);max-height:min(560px,100vh - 64px);color:var(--foreground);background:var(--popover-bg);box-shadow:0 16px 42px #0009, inset 0 1px var(--glass-highlight);animation:notification-history-in .16s var(--ease-out) both;outline:0;flex-direction:column;display:flex;position:absolute;bottom:32px;left:8px;overflow:hidden}.app-demo .notification-history-header{border-bottom:1px solid var(--border-soft);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:11px 8px 10px 14px;display:flex}.app-demo .notification-history-header h2{font-size:var(--text-base);letter-spacing:-.01em;margin:0;font-weight:600}.app-demo .notification-history-header p{color:var(--extra-muted);font-size:var(--text-2xs);margin:2px 0 0}.app-demo .notification-history-error{border:1px solid color-mix(in srgb, var(--danger) 35%, var(--border));border-radius:var(--radius-sm);color:var(--danger);font-size:var(--text-xs);justify-content:space-between;align-items:center;gap:10px;margin:8px 8px 0;padding:8px 10px;display:flex}.app-demo .notification-history-error button{border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--foreground);background:var(--surface);font-size:var(--text-xs);flex:none;padding:3px 8px}.app-demo .notification-history-list{flex:1;min-height:0;padding:4px 6px 6px;overflow:auto}.app-demo .notification-history-empty{color:var(--extra-muted);font-size:var(--text-xs);text-align:center;justify-items:center;gap:6px;padding:28px 18px;line-height:1.5;display:grid}.app-demo .notification-history-empty strong{color:var(--muted);font-size:var(--text-sm)}.app-demo .notification-history-empty code{font-size:var(--text-2xs)}.app-demo .notification-history-group>h3{color:var(--extra-muted);font-size:var(--text-2xs);letter-spacing:.05em;text-transform:uppercase;margin:8px 8px 4px;font-weight:600}.app-demo .notification-history-item{border-radius:var(--radius-sm);position:relative}.app-demo .notification-history-item+.notification-history-item{margin-top:1px}.app-demo .notification-history-item.is-open{background:var(--surface-hover)}.app-demo .notification-history-item.is-unread:before{content:"";background:rgb(var(--notification-glow));width:5px;height:5px;box-shadow:0 0 6px rgb(var(--notification-glow) / .6);border-radius:50%;position:absolute;top:15px;left:3px}.app-demo .notification-history-row{border-radius:var(--radius-sm);width:100%;color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:9px;padding:8px 8px 8px 12px;display:flex}.app-demo .notification-history-row:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .notification-history-item.is-unread .notification-history-row{color:var(--foreground)}.app-demo .notification-history-icon{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--accent);background:var(--canvas);flex:none;place-items:center;margin-top:1px;display:grid}.app-demo .notification-history-icon.kind-workflow{color:#8ab4f8}.app-demo .notification-history-icon.kind-agent{color:#d9a06b}.app-demo .notification-history-copy{flex:1;gap:2px;min-width:0;display:grid}.app-demo .notification-history-title{align-items:baseline;gap:8px;min-width:0;display:flex}.app-demo .notification-history-title strong{min-width:0;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.app-demo .notification-history-item.is-unread .notification-history-title strong{font-weight:600}.app-demo .notification-history-title time{color:var(--extra-muted);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;flex:none}.app-demo .notification-history-source{color:var(--extra-muted);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .notification-history-preview{color:var(--muted);font-size:var(--text-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.app-demo .notification-history-chevron{color:var(--extra-muted);flex:none;margin-top:5px;transition:transform .15s}.app-demo .notification-history-item.is-open .notification-history-chevron{transform:rotate(180deg)}.app-demo .notification-history-body{color:var(--muted);font-size:var(--text-xs);overflow-wrap:anywhere;gap:10px;padding:0 12px 12px 45px;display:grid}.app-demo .notification-history-body .compact-markdown{max-height:320px;overflow:auto}.app-demo .notification-history-open{border:1px solid var(--border-soft);border-radius:var(--radius-sm);min-height:26px;color:var(--foreground);background:var(--surface);font-size:var(--text-xs);justify-self:start;align-items:center;gap:5px;padding:0 9px;font-weight:600;display:inline-flex}.app-demo .notification-history-open:hover{background:var(--surface-raised)}.app-demo .notification-history-open:disabled{color:var(--extra-muted);cursor:default;background:0 0;border-style:dashed}.app-demo .notification-history-actions{flex-wrap:wrap;gap:6px;display:flex}.app-demo .notification-history-open.is-primary{border-color:var(--primary-border);color:var(--primary-foreground);background:var(--primary-bg)}.app-demo .notification-history-open.is-primary:hover{background:var(--primary-bg-hover)}@keyframes notification-history-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.app-demo .notification-history{animation:none}.app-demo .notification-history-chevron{transition:none}}.app-demo .browser-agent-chip.browser-upload-chip{min-width:0;max-width:200px;color:var(--foreground);background:#7894ed2e;flex:0 200px;animation:.18s ease-out browser-upload-chip-in;overflow:hidden}@keyframes browser-upload-chip-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.app-demo .browser-upload-chip{animation:none}}.app-demo .browser-upload-chip>svg{flex:none}.app-demo .browser-upload-chip>span{text-overflow:ellipsis;overflow:hidden}.app-demo .codex-daemon-modal code{color:#e7ecff;font-family:var(--editor-font,monospace);background:#ffffff10;border-radius:4px;padding:1px 5px;font-size:.92em}.app-demo .codex-daemon-commands{font-size:var(--text-sm);background:#ffffff06;border:1px solid #ffffff12;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 12px;padding:12px 14px;display:grid}.app-demo .codex-daemon-commands>span{color:#8d93a0}.app-demo .codex-daemon-commands>code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-demo .codex-daemon-commands>code:last-child{color:#b9d2ff;background:#2464c72e}.app-demo .codex-daemon-dismiss{color:#9aa0ab;font-size:var(--text-sm);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.app-demo .codex-daemon-modal .service-update-consent-logo{place-items:center;display:grid}.app-demo .codex-daemon-error{color:var(--danger);font-size:var(--text-sm);margin:0}.app-demo .system-toast-stack{z-index:1600;pointer-events:none;gap:7px;width:min(360px,100vw - 28px);display:grid;position:fixed;bottom:36px;right:14px}.app-demo .system-toast-stack:empty{display:none}.app-demo .system-toast-list{gap:7px;display:grid}.app-demo .system-toast{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);background:var(--surface);pointer-events:auto;grid-template-columns:24px minmax(0,1fr) auto;align-items:start;gap:8px;padding:10px;animation:.18s cubic-bezier(.22,1,.36,1) both file-transfer-enter;display:grid;box-shadow:0 14px 36px #0009,inset 0 1px #ffffff0d}.app-demo .system-toast.is-exiting{pointer-events:none;animation:.22s ease-in forwards file-transfer-exit}.app-demo .system-toast-icon{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--accent);background:var(--accent-soft);place-items:center;display:grid}.app-demo .system-toast.is-success{border-color:color-mix(in srgb, var(--success) 40%, var(--border))}.app-demo .system-toast.is-warning{border-color:color-mix(in srgb, var(--warning) 52%, var(--border))}.app-demo .system-toast.is-error{border-color:color-mix(in srgb, var(--danger) 48%, var(--border))}.app-demo .system-toast.is-success .system-toast-icon{color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent)}.app-demo .system-toast.is-warning .system-toast-icon{color:var(--warning);background:color-mix(in srgb, var(--warning) 14%, transparent)}.app-demo .system-toast.is-error .system-toast-icon{color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, transparent)}.app-demo .system-toast-copy{gap:4px;min-width:0;padding-top:3px;display:grid}.app-demo .system-toast-copy strong{font-size:var(--text-xs);overflow-wrap:anywhere;font-weight:600;line-height:1.45}.app-demo .system-toast-repeat{color:var(--extra-muted);font-variant-numeric:tabular-nums;font-weight:500}.app-demo .system-toast-copy p{color:var(--muted);font-size:var(--text-2xs);overflow-wrap:anywhere;white-space:pre-line;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.app-demo .system-toast.is-held .system-toast-copy p{max-height:40vh;display:block;overflow-y:auto}.app-demo .system-toast-copy details{color:var(--muted);font-size:var(--text-2xs)}.app-demo .system-toast-copy summary{cursor:pointer;width:fit-content}.app-demo .system-toast-copy ul{max-height:min(180px,28vh);margin:6px 0 0;padding-left:16px;overflow-y:auto}.app-demo .system-toast-copy li+li{margin-top:4px}.app-demo .system-toast-copy code{color:var(--foreground);font:var(--text-2xs) var(--editor-font,monospace);overflow-wrap:anywhere}.app-demo .system-toast-action{border:1px solid var(--border-soft);border-radius:var(--radius-sm);min-height:24px;color:var(--foreground);background:var(--surface-raised);font-size:var(--text-2xs);justify-self:start;margin-top:3px;padding:0 9px;font-weight:600}.app-demo .system-toast-action:hover{background:var(--surface-hover)}.app-demo .system-toast-close{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--extra-muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.app-demo .system-toast-close:hover{color:var(--foreground);background:var(--surface-hover)}.app-demo .system-toast summary:focus-visible,.app-demo .system-toast button:focus-visible{outline:2px solid var(--selection-border);outline-offset:2px}@media (prefers-reduced-motion:reduce){.app-demo .system-toast,.app-demo .system-toast.is-exiting{animation-duration:1ms}}.app-demo .connection-block{z-index:60;background:color-mix(in srgb, var(--workbench-bg) 62%, transparent);-webkit-backdrop-filter:blur(10px)saturate(.8);-webkit-app-region:drag;place-items:center;padding:24px;animation:.2s ease-out both connection-block-in;display:grid;position:absolute;inset:0}.app-demo .connection-block-card{text-align:center;-webkit-app-region:no-drag;flex-direction:column;align-items:center;width:min(440px,100%);display:flex}.app-demo .connection-block-icon{width:48px;height:48px;color:var(--danger);background:color-mix(in srgb, var(--danger) 13%, transparent);border-radius:50%;place-items:center;margin-bottom:16px;display:grid}.app-demo .connection-block.is-progress .connection-block-icon{color:var(--muted);background:var(--surface-raised)}.app-demo .connection-block-icon .spin{animation:1s linear infinite connection-block-spin}.app-demo .connection-block h2{color:var(--foreground);font-size:var(--text-lg);margin:0;font-weight:600}.app-demo .connection-block-card>p{max-width:380px;color:var(--muted);font-size:var(--text-sm);margin:8px 0 0;line-height:1.55}.app-demo .connection-block-card>code{max-width:100%;max-height:96px;color:var(--extra-muted);font:var(--text-xs)/1.5 var(--editor-font,monospace);overflow-wrap:anywhere;white-space:pre-wrap;margin-top:12px;display:block;overflow:auto}.app-demo .connection-block-actions{flex-direction:column;align-items:center;gap:8px;margin-top:20px;display:flex}.app-demo .connection-block-actions .primary-button{align-items:center;gap:7px;min-height:32px;padding:0 16px;display:inline-flex}.app-demo .connection-block-actions small{color:var(--extra-muted);font-size:var(--text-xs)}@keyframes connection-block-in{0%{opacity:0}}@keyframes connection-block-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.app-demo .connection-block,.app-demo .connection-block-icon .spin{animation:none}}.app-demo .agent-status-indicator,.app-demo .workspace-agent-badges{--agent-working-color:#5cc6f2;--agent-completed-color:#4ec98a;--agent-attention-color:#f3b552;--agent-failed-color:#ec6f78;--agent-idle-color:#7d828c}.app-demo[data-theme=light] .agent-status-indicator,.app-demo[data-theme=light] .workspace-agent-badges{--agent-working-color:#1f8fd1;--agent-completed-color:#22a969;--agent-attention-color:#d99a2b;--agent-failed-color:#d6505b;--agent-idle-color:#9aa0aa}.app-demo .agent-status-indicator{--agent-status-color:var(--agent-idle-color);width:18px;height:18px;color:var(--agent-status-color);flex:0 0 18px;place-items:center;display:grid;position:relative}.app-demo .agent-status-indicator:is(.state-working,.state-starting){--agent-status-color:var(--agent-working-color)}.app-demo .agent-status-indicator.state-completed-unread{--agent-status-color:var(--agent-completed-color)}.app-demo .agent-status-indicator:is(.state-needs-action,.state-unknown,.state-agent-state-unspecified){--agent-status-color:var(--agent-attention-color)}.app-demo .agent-status-indicator.state-failed{--agent-status-color:var(--agent-failed-color)}.app-demo .agent-status-indicator>svg{width:78%;height:78%;overflow:visible}.app-demo .agent-status-indicator path{fill:none;stroke:currentColor;stroke-linejoin:round;transform-box:fill-box;transform-origin:50%}.app-demo .agent-status-core{transform:scale(.66);fill:currentColor!important;stroke:none!important}.app-demo .agent-status-indicator.state-idle .agent-status-core,.app-demo .agent-status-indicator.state-exited .agent-status-core{stroke-width:2.2px;fill:none!important;stroke:currentColor!important}.app-demo .agent-status-track,.app-demo .agent-status-arc,.app-demo .agent-status-indicator:is(.state-working,.state-starting) .agent-status-core{display:none}.app-demo .agent-status-indicator:is(.state-working,.state-starting) :is(.agent-status-track,.agent-status-arc){display:inline}.app-demo .agent-status-track{stroke-width:1.7px;opacity:.22}.app-demo .agent-status-arc{stroke-width:1.9px;stroke-linecap:round;stroke-dasharray:30 70;animation:.8s linear infinite agent-status-trace}.app-demo .agent-status-ping{stroke-width:1.3px;opacity:0}.app-demo .agent-status-indicator:is(.state-needs-action,.state-failed,.state-unknown,.state-agent-state-unspecified) .agent-status-ping{animation:1.6s cubic-bezier(0,0,.2,1) infinite agent-status-ping}@keyframes agent-status-trace{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes agent-status-ping{0%{opacity:.7;transform:scale(1)}75%,to{opacity:0;transform:scale(1.9)}}@media (prefers-reduced-motion:reduce){.app-demo .agent-status-arc{stroke-dasharray:none;animation:none}.app-demo .agent-status-ping{animation:none!important}}.app-demo .file-explorer{min-width:0;height:100%;min-height:0;color:var(--foreground);font-size:var(--text-sm);flex-direction:column;display:flex}.app-demo .file-explorer button:hover{background:var(--surface-hover);color:var(--foreground)}.app-demo .file-explorer button:disabled{opacity:.4;cursor:default}.app-demo .file-explorer button:focus-visible,.app-demo .file-explorer input:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.app-demo .explorer-search{border:1px solid var(--border);border-radius:var(--radius-xs);min-width:0;color:var(--muted);align-items:center;gap:6px;margin:0 8px 6px;padding:0 6px;display:flex}.app-demo .explorer-search input{min-width:0;height:26px;color:var(--foreground);font-size:var(--text-sm);background:0 0;border:0;flex:1}.app-demo .explorer-search-option{color:var(--muted);font-size:var(--text-xs);padding:0 8px 6px}.app-demo .explorer-search-option input{vertical-align:middle}.app-demo .explorer-tree{overscroll-behavior:contain;outline:none;flex:1;min-width:0;min-height:0;position:relative;overflow:auto}.app-demo .explorer-row{cursor:default;box-sizing:border-box;user-select:none;align-items:center;gap:6px;padding-right:10px;display:flex}.app-demo .explorer-row>svg{flex:none}.app-demo .explorer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.app-demo .explorer-disclosure{flex:0 0 14px;justify-content:center;align-items:center;width:14px;height:100%;display:flex}.app-demo .explorer-row:hover{background:var(--surface-hover)}.app-demo .explorer-row.is-selected{background:var(--selection-bg-strong);color:var(--foreground);box-shadow:inset 2px 0 var(--accent)}.app-demo .explorer-tree:focus .explorer-row.is-focused{outline:1px solid var(--selection-border);outline-offset:-1px}.app-demo .explorer-row.is-open .explorer-name{font-weight:600}.app-demo .explorer-row.is-cut{opacity:.5}.app-demo .explorer-row.is-drop-target,.app-demo .explorer-tree.is-drop-target{box-shadow:inset 0 0 0 1px var(--accent);background:var(--selection-bg)}.app-demo .explorer-state{color:var(--muted);font-size:var(--text-sm);padding:10px}.app-demo .explorer-error{color:var(--danger);overflow-wrap:anywhere;font-size:var(--text-sm);align-items:flex-start;max-height:80px;padding:6px 8px;display:flex;overflow:auto}.app-demo .explorer-error button{margin-left:auto}.app-demo .file-name-modal{width:min(460px,90vw)}.app-demo .explorer-search{margin-top:6px}.app-demo .explorer-search button,.app-demo .explorer-tools button,.app-demo .explorer-outside button,.app-demo .explorer-selection-status button{border-radius:var(--radius-xs);color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.app-demo .explorer-parent{width:100%;height:28px;color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:0 10px 0 8px;display:flex;position:absolute;top:0;left:0}.app-demo .explorer-outside{border-top:1px solid var(--border-soft);color:var(--muted);font-size:var(--text-xs);flex:none;justify-content:space-between;align-items:center;gap:6px;padding:5px 8px;display:flex}.app-demo .explorer-outside button{color:var(--accent);font-size:var(--text-xs);padding:3px}.app-demo .explorer-footer{border-top:1px solid var(--border-soft);flex:none;align-items:center;gap:5px;min-width:0;height:32px;padding:0 6px;display:flex}.app-demo .explorer-tools{flex:none;gap:1px;display:flex}.app-demo .explorer-tools button{width:25px;height:25px}.app-demo .explorer-location{scrollbar-width:none;min-width:0;color:var(--muted);flex:1;align-items:center;display:flex;overflow-x:auto}.app-demo .explorer-location>span{flex-shrink:0;align-items:center;display:inline-flex}.app-demo .explorer-location button{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-xs);max-width:160px;color:inherit;font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;align-items:center;padding:5px 3px;display:inline-flex;overflow:hidden}.app-demo .explorer-selection-status{box-sizing:border-box;min-width:0;color:var(--muted);font-size:var(--text-xs);flex:0 0 24px;justify-content:space-between;align-items:center;gap:8px;padding:0 9px;display:flex}.app-demo .explorer-selection-status>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-demo .explorer-selection-status>button{white-space:nowrap;max-width:60%;font:inherit;flex-shrink:0;overflow:hidden}.app-demo .explorer-menu-layer{z-index:160;background:0 0;position:fixed;inset:0}.app-demo .explorer-menu,.app-demo .explorer-location-popup{z-index:161;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--popover-bg,var(--surface));color:var(--foreground);flex-direction:column;padding:5px;font-family:inherit;display:flex;position:fixed;box-shadow:0 8px 24px #0003}.app-demo .explorer-menu{width:230px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto}.app-demo .explorer-menu button,.app-demo .explorer-location-popup button{border-radius:var(--radius-xs);min-height:28px;color:var(--foreground);font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;gap:8px;padding:4px 8px;display:flex}.app-demo .explorer-menu button:hover,.app-demo .explorer-location-popup button:hover{background:var(--surface-hover)}.app-demo .explorer-menu button:focus-visible,.app-demo .explorer-location-popup button:focus-visible,.app-demo .explorer-location-popup input:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.app-demo .explorer-menu button:disabled{opacity:.4;cursor:default}.app-demo .explorer-menu .danger-menu-item{color:var(--danger)}.app-demo .explorer-location-popup{width:320px;max-width:calc(100vw - 16px);max-height:min(440px,100vh - 60px);overflow:auto}.app-demo .explorer-location-popup h3{color:var(--muted);font-size:var(--text-xs);overflow-wrap:anywhere;margin:5px 8px;font-weight:500}.app-demo .explorer-location-popup hr{border:0;border-top:1px solid var(--border-soft);width:100%}.app-demo .explorer-location-popup p{font-size:var(--text-sm);color:var(--muted);overflow-wrap:anywhere;margin:5px 8px}.app-demo .explorer-location-popup button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-demo .explorer-location-popup form{gap:4px;min-width:0;display:flex}.app-demo .explorer-location-popup input{border:1px solid var(--border);border-radius:var(--radius-xs);min-width:0;color:var(--foreground);background:var(--surface);font-size:var(--text-sm);flex:1;padding:5px}.app-demo .explorer-row.is-editing{z-index:2;overflow:visible}.app-demo .explorer-inline-name{flex:1;min-width:0;display:flex;position:relative}.app-demo .explorer-inline-name input{border:1px solid var(--accent);border-radius:var(--radius-xs);min-width:0;height:22px;color:var(--foreground);background:var(--canvas);font:inherit;user-select:text;outline:none;flex:1;padding:0 5px}.app-demo .explorer-inline-name input::placeholder{color:var(--muted);opacity:.75}.app-demo .explorer-inline-name input.has-error{border-color:var(--danger)}.app-demo .explorer-inline-name input.has-warning{border-color:var(--warning)}.app-demo .explorer-inline-problem{z-index:3;border:1px solid var(--danger);border-radius:var(--radius-xs);background:var(--surface);color:var(--foreground);font-size:var(--text-xs);overflow-wrap:anywhere;white-space:normal;padding:5px 7px;line-height:1.35;position:absolute;top:calc(100% + 2px);left:0;right:0}.app-demo .explorer-inline-problem.is-warning{border-color:var(--warning)}.app-demo .explorer-conflict p{color:var(--muted);font-size:var(--text-sm);margin:0 0 10px;line-height:1.45}.app-demo .explorer-conflict ul{max-height:140px;font-size:var(--text-sm);overflow-wrap:anywhere;margin:0 0 12px;padding-left:18px;overflow:auto}.app-demo .explorer-conflict footer{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.app-window{text-align:left;background:#111;border:1px solid #ffffff24;border-radius:12px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000040,0 30px 70px -30px #00000080}.app-window .app-demo{background:var(--canvas);transform-origin:0 0;position:absolute;top:0;left:0;overflow:hidden}.app-demo .demo-traffic-lights{z-index:60;pointer-events:none;gap:8px;display:flex;position:absolute;top:15px;left:15px}.app-demo .demo-traffic-lights i{background:#ff5f57;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 .5px #0003}.app-demo .demo-traffic-lights i:nth-child(2){background:#febc2e}.app-demo .demo-traffic-lights i:nth-child(3){background:#28c840}.app-demo .demo-single-panel .file-sidebar-topbar{padding-left:var(--titlebar-controls-clearance)}.app-window.is-compact .agent-monitor-row,.app-window.is-compact .workspace-select,.app-window.is-compact .session-select,.app-window.is-compact .resource-tabs button,.app-window.is-compact .diff-row,.app-window.is-compact .agent-history-open,.app-window.is-compact .demo-approval-option,.app-window.is-compact .browser-mode-toggle,.app-window.is-compact .explorer-row{min-height:44px}.app-window.is-compact :is(input,textarea){font-size:16px}.app-window.is-compact .demo-terminal{overflow:auto}.app-demo :where(h1,h2,h3,p){max-width:none;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:normal;line-height:inherit;margin:0}.app-demo :where(footer){width:auto;min-height:0;color:inherit;font-size:inherit;border-top:0;flex-direction:row;justify-content:normal;align-items:normal;gap:normal;margin:0;padding:0}.app-demo .canvas>*{flex:auto;min-width:0}.app-demo .demo-terminal{color:#ededed;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;background:#111;height:100%;padding:10px 14px 12px;font-family:SFMono-Regular,SF Mono,Menlo,monospace;font-size:13px;line-height:1.2;overflow:hidden}.app-demo .demo-terminal>div{min-height:1.2em}.app-demo .demo-band.is-prompt{background:#ffffff12;margin-right:8px}.app-demo .demo-band.is-added{color:#dfe1e5;background:#50c98b33}.app-demo .demo-band.is-removed{color:#dfe1e5;background:#e66d7633}.app-demo .t-bold{font-weight:700}.app-demo .t-dim{color:#70747d}.app-demo .t-green{color:#50c98b}.app-demo .t-red{color:#e66d76}.app-demo .t-yellow{color:#e7bd57}.app-demo .t-blue{color:#82aaf0}.app-demo .t-magenta{color:#a998e8}.app-demo .t-cyan{color:#69c8c2}.app-demo .t-orange{color:#d97757}.app-demo .t-link{color:#69c8c2;text-underline-offset:2px;text-decoration:underline}.app-demo .t-shimmer{animation:1.8s ease-in-out infinite demo-shimmer}@keyframes demo-shimmer{50%{color:#70747d}}.app-demo .demo-claude-input{border-top:1px solid #70747d;border-bottom:1px solid #70747d;padding:3px 0;display:block}.app-demo .demo-approval{border:1px solid #e7bd57;border-radius:6px;margin:2px 8px 0 0;padding:6px 12px 8px;display:grid}.app-demo .demo-approval strong{color:#e7bd57}.app-demo .demo-approval-option{color:#ededed;font:inherit;white-space:pre-wrap;text-align:left;background:0 0;border:0;justify-self:start;padding:0 4px 0 0}.app-demo button.demo-approval-option{cursor:pointer}.app-demo .demo-approval-option.is-selected{color:#82aaf0}.app-demo .demo-terminal-link{color:#69c8c2;font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.app-demo button.demo-send-prompt{color:#ededed;width:100%;font:inherit;text-align:left;white-space:pre-wrap;cursor:pointer;background:0 0;border-left:0;border-right:0}.app-demo .demo-pane-enter{animation:demo-pane-enter .32s var(--ease-out)}@keyframes demo-pane-enter{0%{opacity:0;transform:translate(24px)}}.app-demo .demo-empty-hint{color:var(--extra-muted);font-size:var(--text-sm);margin:auto}.app-demo .demo-code{color:#abb2bf;background:var(--editor-bg);padding:4px 0 12px;font-family:SFMono-Regular,SF Mono,Menlo,monospace;font-size:13px;line-height:1.5}.app-demo .demo-code-line{grid-template-columns:44px 2px minmax(0,1fr);min-height:1.5em;display:grid}.app-demo .demo-code-line code{font:inherit;white-space:pre;padding:0 12px 0 8px}.app-demo .demo-code-number{color:#6f6f6f;text-align:right;padding-right:10px}.app-demo .demo-code-line.is-add{background:#3ab97924}.app-demo .demo-code-line.is-add .demo-code-gutter{background:#22c55e}.app-demo .demo-code-line.is-del{background:#9f34432e}.app-demo .demo-code-line.is-del .demo-code-gutter{background:#ef4444}.app-demo .demo-code-fold{color:#ddd;background:#ffffff08;align-items:center;gap:8px;height:26px;padding-left:54px;display:flex}.app-demo .hl-comment{color:#7f848e;font-style:italic}.app-demo .hl-string{color:#98c379}.app-demo .hl-keyword{color:#c678dd}.app-demo .hl-number{color:#d19a66}.app-demo .hl-type{color:#e5c07b}.app-demo .hl-function{color:#61afef}.app-demo .hl-operator{color:#56b6c2}.app-demo .browser-viewport{container:demo-page/inline-size}.app-demo .demo-site{color:#1d2433;background:#fbfaf7;height:100%;padding:0 36px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.app-demo .demo-site>header{justify-content:space-between;align-items:center;height:56px;font-size:13px;display:flex}.app-demo .demo-site>header nav{color:#5b6475;gap:20px;display:flex}.app-demo .demo-site-hero{padding:44px 0 32px}.app-demo .demo-site-title{letter-spacing:-.035em;max-width:470px;font-size:40px;font-weight:700;line-height:1.05}.app-demo .demo-site-hero p{color:#5b6475;max-width:430px;margin:14px 0 24px;font-size:15px;line-height:1.5}.app-demo .demo-site-hero>div{align-items:center;gap:10px;display:flex}.app-demo .demo-site-cta,.app-demo .demo-site-ghost{border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background-color .4s,padding .4s,font-size .4s,box-shadow .4s;display:inline-flex}.app-demo .demo-site-cta{color:#fff;background:#1d2433}.app-demo .demo-site-cta.is-updated{background:#4f5bd5;padding:13px 22px;font-size:15px;box-shadow:0 10px 24px #4f5bd552}.app-demo .demo-site-ghost{color:#1d2433;border:1px solid #d9dce3}.app-demo .demo-site.is-reloading{opacity:.7;transition:opacity .2s}.app-demo .demo-site-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.app-demo .demo-site-plans article{background:#fff;border:1px solid #e3e5ea;border-radius:10px;gap:4px;padding:16px;display:grid}.app-demo .demo-site-plans strong{font-size:14px}.app-demo .demo-site-plans span{color:#5b6475;font-size:13px}@container demo-page (width<=480px){.app-demo .demo-site{padding:0 18px}.app-demo .demo-site>header nav{display:none}.app-demo .demo-site-hero{padding:18px 0}.app-demo .demo-site-title{font-size:26px}.app-demo .demo-site-hero p{margin:10px 0 16px;font-size:13px}.app-demo .demo-site-plans{gap:8px}.app-demo .demo-site-plans article{padding:10px}}.app-demo .demo-dashboard table{border-collapse:collapse;width:100%;margin-top:18px;font-size:13px}.app-demo .demo-dashboard th{color:#5b6475;text-align:left;border-bottom:1px solid #e3e5ea;padding:8px 0;font-weight:500}.app-demo .demo-dashboard td{border-bottom:1px solid #eef0f3;padding:9px 0}.app-demo .demo-dashboard .demo-site-plans{margin-top:12px}.app-demo .demo-dashboard .demo-site-plans strong{font-size:18px}.app-demo .demo-hint,.app-demo .demo-hint-approve [data-hint-target=approve],.app-demo .demo-site-cta.is-suggested{outline-offset:-2px;outline:2px solid #82aaf0;animation:1.6s ease-in-out infinite demo-hint}@keyframes demo-hint{50%{outline-color:#82aaf033}}@media (prefers-reduced-motion:reduce){.app-demo .demo-hint,.app-demo .demo-hint-approve [data-hint-target=approve],.app-demo .demo-site-cta.is-suggested,.app-demo .t-shimmer{animation:none}}.landing{color:var(--text);background:var(--canvas)}.landing :is(h1,h2,h3):where(:not(.app-demo *)){color:var(--ink);text-wrap:balance;margin:0;font-weight:600}.landing p:where(:not(.app-demo *)){margin:0}.landing a:where(:not(.download-primary,.download-ios,.app-demo *)){color:var(--accent)}.landing a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.home-hero{width:var(--width);margin:0 auto;padding:88px 0 0}.home-copy{max-width:720px}.home-note{color:var(--muted);font-size:15px}.home-hero h1{letter-spacing:-.035em;margin-top:16px;font-size:clamp(2.5rem,5.4vw,4rem);line-height:1.05}.lede{max-width:600px;color:var(--muted);font-size:19px;line-height:1.55;margin-top:24px!important}.home-hero .download-buttons{margin-top:36px}.home-window{margin-top:64px}.demo-steps{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:18px;display:flex}.demo-steps ol{color:var(--faint);flex-wrap:wrap;gap:10px 28px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.demo-steps li{align-items:center;gap:9px;display:flex}.demo-steps li span{border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.demo-steps li.is-next{color:var(--ink)}.demo-steps li.is-next span{border-color:var(--accent);color:var(--accent)}.demo-steps li.is-done{color:var(--muted)}.demo-steps li.is-done span{border-color:var(--ink);color:#fff;background:var(--ink)}.demo-steps button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:14px}.feature{width:var(--width);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:64px;margin:0 auto;padding:120px 0 0;display:grid}.feature.is-wide{grid-template-columns:minmax(0,1fr);gap:40px}.feature.is-wide .copy-block{max-width:640px}.copy-block h2,.home-closing h2{letter-spacing:-.025em;font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.15}.copy-block p{color:var(--muted);margin-top:16px;font-size:17px;line-height:1.6}.feature.is-wide .copy-block,.plugin-heading{margin-bottom:8px}.plugin-heading{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:end;gap:48px;display:grid}.demo-label{color:var(--faint);font-size:14px;margin-bottom:14px!important}.demo-caption{color:var(--faint);font-size:13px;margin-top:12px!important}.monitor-demo{justify-content:center;align-items:center;gap:48px;display:flex}.monitor-mac{width:min(640px,100%);min-width:0}.phone{background:#0b0b0d;border-radius:46px 46px 0 0;flex:none;width:300px;height:400px;padding:10px 10px 0;overflow:hidden;mask-image:linear-gradient(#000 78%,#0000)}.phone-screen{background:linear-gradient(160deg,#3b4a66,#5d5672 55%,#2d3247);border-radius:37px 37px 0 0;height:100%;padding:26px 10px 0}.phone-time{color:#ffffffe6;justify-items:center;margin-bottom:26px;display:grid}.phone-time small{font-size:13px;font-weight:500}.phone-time strong{letter-spacing:-.02em;font-size:64px;font-weight:600;line-height:1.05}.live-activity{color:#fff;backdrop-filter:blur(20px);background:#1c1c1eb8;border-radius:22px;gap:12px;min-width:0;padding:14px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;display:grid}.live-activity header{align-items:center;gap:8px;display:flex}.live-activity header strong{white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:600}.live-activity header span{font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.live-activity i{border-radius:50%;width:8px;height:8px;display:inline-block}.live-activity ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.live-activity li{justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;display:flex}.live-activity li>strong{white-space:nowrap;flex:none}.live-activity li>span{flex-wrap:wrap;justify-content:flex-end;gap:2px 10px;min-width:0;display:flex}.live-activity em{color:#8c94a1;font-style:normal}.live-count{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:inline-flex}.live-count i{width:6px;height:6px}.live-activity-updated{color:#ffffff80;text-align:right;font-size:11px}.demo-panels{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--rail);gap:2px;margin-bottom:10px;padding:3px;display:flex}.demo-panels button{min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;font-size:13px}.demo-panels button.is-active{color:var(--ink);background:#fff;font-weight:500;box-shadow:0 1px 2px #0000001a}.demo-panels button.is-hinted{color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.sessions-stage{position:relative}.sessions-window{transition:opacity .28s,transform .28s}.sessions-window.is-closed{opacity:0;pointer-events:none;transform:scale(.97)}.sessions-backstage{border:1px dashed var(--line);background:var(--rail);opacity:0;pointer-events:none;border-radius:12px;align-content:center;justify-items:center;gap:16px;transition:opacity .28s .12s;display:grid;position:absolute;inset:0}.sessions-backstage.is-visible{opacity:1;pointer-events:auto}.sessions-caption{color:var(--muted);text-align:center;font-size:15px}.sessions-processes{background:#161616;border-radius:12px;width:min(440px,100% - 32px);margin:0;padding:6px;list-style:none;display:grid}.sessions-processes li{color:#ededed;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.sessions-processes li+li{border-top:1px solid #ffffff12}.sessions-processes li>span:nth-child(2){flex:1;gap:2px;display:grid}.sessions-processes small{color:#a1a1a1;font-variant-numeric:tabular-nums;font-size:12px}.sessions-icon{place-items:center;width:22px;display:grid}.sessions-shell{color:#a1a1a1;font:12px ui-monospace,SF Mono,Menlo,monospace}.sessions-processes i{border-radius:50%;width:8px;height:8px}.sessions-processes i.is-working{background:#75d6ff;animation:1.4s ease-in-out infinite sessions-pulse}.sessions-processes i.is-done{background:#5fd08d}@keyframes sessions-pulse{50%{opacity:.35}}.sessions-controls{align-items:flex-start;gap:20px;display:flex}.sessions-controls>button{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);font:inherit;cursor:pointer;background:#fff;flex:none;margin-top:12px;padding:9px 14px;font-size:14px;font-weight:500}.sessions-controls>button.is-primary{color:#fff;background:#20242b;border-color:#20242b}.sessions-controls .demo-steps{flex:1}.remote-path{color:var(--faint);justify-content:center;align-items:center;gap:14px;margin-top:16px;font-size:13px;display:flex}.remote-path>span{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;justify-items:center;gap:2px;padding:8px 14px;display:grid}.remote-path>span.remote-tunnel{background:var(--rail);border-style:dashed}.remote-path strong{color:var(--ink);font-weight:550}.remote-path small{font:12px ui-monospace,SF Mono,Menlo,monospace}.remote-path>span.remote-tunnel small{font-family:inherit}.remote-path i{font-style:normal}.more-link{gap:6px;margin-top:20px;font-size:15px;font-weight:500;display:inline-flex}.tool-list{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--rail);margin:0;overflow:hidden}.tool-list div{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:baseline;gap:16px;padding:14px 20px;display:grid}.tool-list div+div{border-top:1px solid var(--line-soft)}.tool-list dt{color:var(--ink);text-overflow:ellipsis;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:13px;overflow:hidden}.tool-list dd{color:var(--muted);margin:0;font-size:14px}.home-closing{width:var(--width);border-top:1px solid var(--line);text-align:center;flex-direction:column;align-items:center;margin:140px auto 0;padding:96px 0 120px;display:flex}.home-closing img{border-radius:13px;margin-bottom:24px}.home-closing p{color:var(--muted);margin-top:14px;font-size:17px}.home-closing .download-buttons{justify-content:center;margin-top:32px}.download-buttons{flex-wrap:wrap;gap:10px;display:flex}.download-primary,.download-ios{border-radius:var(--radius-md);border:1px solid #0000;align-items:center;gap:10px;min-height:48px;padding:0 16px;font-size:14px;transition:background-color .14s,border-color .14s;display:inline-flex}.download-primary{color:#fff;background:#20242b}.download-primary:hover{background:#111318}.download-ios{border-color:var(--line);color:var(--ink);background:#fff}.download-ios:hover{background:var(--rail);border-color:#0003}.download-primary span,.download-ios span{flex-direction:column;line-height:1.2;display:flex}.download-primary strong,.download-ios strong{font-weight:550}.download-primary small,.download-ios small{opacity:.65;font-size:11px}.download-primary>svg:last-child,.download-ios>svg:last-child{opacity:.6;margin-left:6px}@media (width<=900px){.feature{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:88px}.plugin-heading{grid-template-columns:minmax(0,1fr)}.monitor-demo,.sessions-controls,.remote-path{flex-direction:column;align-items:center}.remote-path{gap:6px}.remote-path i{transform:rotate(90deg)}}@media (width<=520px){.landing{--width:calc(100% - 32px)}.home-hero{padding-top:32px}.lede{font-size:17px}.home-window{margin-top:40px}.download-primary,.download-ios{flex:100%;min-height:56px}.download-primary>svg:last-child,.download-ios>svg:last-child{margin-left:auto}.feature{padding-top:64px}.feature.is-wide{gap:24px}.demo-steps{flex-direction:column;gap:12px}.demo-steps ol{flex-direction:column;gap:12px;line-height:1.5}.demo-steps li{align-items:flex-start}.demo-steps li span{margin-top:1px}.demo-steps button,.sessions-controls>button{min-height:44px}.phone{max-width:100%}.tool-list div{grid-template-columns:minmax(0,1fr);gap:4px}.home-closing{margin-top:96px;padding:72px 0 88px}}.film-link{align-items:center;gap:8px;margin-top:20px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex;color:var(--text)!important}.film-link:hover{color:var(--ink)!important}.film-link>span:first-child{color:var(--accent);font-size:11px}.film-link-time{color:var(--faint);font-variant-numeric:tabular-nums}.film-player{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius-lg);background:#f5f6f9;position:relative;overflow:hidden;box-shadow:0 30px 70px -36px #0000004d}.film-player.is-playing{background:#111}.film-player iframe{border:0;width:100%;height:100%;display:block}.film-poster{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.film-poster img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease,ease);display:block}.film-poster:hover img{transform:scale(1.012)}.film-poster:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-lg)}.film-play{color:#fff;background:var(--primary);border-radius:50%;place-items:center;width:72px;height:72px;transition:transform .2s,background .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px -8px #0006}.film-play svg{margin-left:3px}.film-poster:hover .film-play{background:#000;transform:translate(-50%,-50%)scale(1.06)}.film-duration{color:#fff;font-variant-numeric:tabular-nums;background:#000000b3;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600;position:absolute;bottom:14px;right:14px}@media (width<=520px){.film-play{width:56px;height:56px}}