@layer theme, base, components, utilities;@layer components{.main{min-width:0;overflow-y:auto}.page{width:100%;max-width:var(--content-width);margin-inline:auto;padding-block:var(--space-8) var(--space-16);padding-inline:var(--space-8);display:flex;flex-direction:column;gap:var(--space-8)}.page-narrow{max-width:600px}.page-full{max-width:none;margin:0;padding:0}.page-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4) var(--space-6)}.page-heading{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}@media (max-width:560px){.page{padding-block:var(--space-6) var(--space-12);padding-inline:var(--space-4);gap:var(--space-6)}}.page-eyebrow{color:var(--foreground-tertiary);font-size:var(--text-label);font-weight:var(--weight-medium)}.page-title{font-size:var(--text-title);line-height:1.25}.page-display,.page-title{font-weight:var(--weight-semibold);letter-spacing:-.04em}.page-display{font-size:var(--text-display);line-height:1.15}.page-description{color:var(--foreground-secondary);max-width:72ch;text-wrap:pretty}.section{display:flex;flex-direction:column;gap:var(--space-3)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.section-title{font-size:var(--text-section);font-weight:var(--weight-semibold);letter-spacing:-.02em}.row{display:flex;align-items:center;gap:var(--space-2)}.row-between{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.row-between>:first-child{min-width:0}.row-between>.row{flex:none}.divider{height:1px;background:var(--border);border:none;margin:0}.label{font-size:var(--text-compact);font-weight:var(--weight-medium);color:var(--foreground-secondary)}.helper{font-size:var(--text-label);color:var(--foreground-tertiary)}.error-text{font-size:var(--text-compact);color:var(--danger)}.grid-2,.grid-3,.grid-4{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-fluid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}@media (max-width:960px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}}.card-title{font-weight:var(--weight-medium);letter-spacing:-.01em}.card-detail{color:var(--foreground-secondary);font-size:var(--text-compact);max-width:68ch}.stat{display:flex;flex-direction:column;gap:var(--space-1)}.stat-label{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--foreground-tertiary)}.stat-label,.stat-value{font-family:var(--font-mono)}.stat-value{font-size:var(--text-section);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.list{list-style:none;margin:0;padding:0}.list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:none}.list-item-title{font-weight:var(--weight-medium)}[data-slot=card] .list-item{padding:var(--space-3) var(--space-4)}.list-item-detail{color:var(--foreground-secondary);font-size:var(--text-compact)}.tabs{display:flex;gap:var(--space-1);overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;flex:none;white-space:nowrap;display:inline-flex;align-items:center;height:40px;padding:0 var(--space-3);color:var(--foreground-secondary);font-size:var(--text-body);transition:color var(--duration-hover) ease}.tab:hover,.tab[aria-current=page]{color:var(--foreground)}.tab-underline{position:absolute;inset-inline-start:var(--space-2);inset-inline-end:var(--space-2);bottom:-1px;height:2px;background:var(--foreground);border-radius:2px}.status{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-compact);color:var(--foreground-secondary)}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.status[data-tone=ready]{color:var(--success)}.status[data-tone=modified]{color:var(--warning)}.status[data-tone=error]{color:var(--danger)}.code{margin:0;padding:var(--space-3) var(--space-4);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-large);overflow-x:auto;white-space:pre;color:var(--foreground-secondary)}.avatar{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:var(--foreground);color:var(--background);font-size:11px;font-weight:var(--weight-semibold);line-height:1;text-transform:uppercase;object-fit:cover}.avatar[data-size=large]{width:32px;height:32px;font-size:var(--text-body)}[data-kind=agent]{--kind:var(--kind-agent)}[data-kind=subagent]{--kind:var(--kind-subagent)}[data-kind=tool]{--kind:var(--kind-tool)}[data-kind=skill]{--kind:var(--kind-skill)}[data-kind=connection]{--kind:var(--kind-connection)}[data-kind=channel]{--kind:var(--kind-channel)}.native-select{width:100%;height:36px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font:inherit;font-size:var(--text-body)}.channel-env,.native-select{background:var(--background)}.channel-env{display:grid;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-large)}.channel-env ul{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);font-size:var(--text-compact)}.form-error{color:var(--destructive,var(--red,currentColor));font-size:var(--text-body)}.native-select:focus-visible{outline:2px solid var(--focus,var(--blue));outline-offset:1px}.kind-tile{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:var(--radius);color:var(--kind);background:color-mix(in srgb,var(--kind) 14%,transparent)}.kind-tile svg{width:14px;height:14px}.kind-tile[data-size=large]{width:32px;height:32px;border-radius:var(--radius-large)}.kind-tile[data-size=large] svg{width:16px;height:16px}.kind-count{display:inline-flex;align-items:center;gap:6px;color:var(--foreground-secondary);font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums}.kind-count svg{width:14px;height:14px;color:var(--kind)}.skeleton{display:block;flex:none;border-radius:var(--radius);background:var(--surface-active);animation:skeleton-pulse 1.8s ease-in-out infinite}@keyframes skeleton-pulse{50%{opacity:.5}}.loading{animation:reveal .2s ease .15s both}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.skeleton-dots{position:absolute;inset:0;width:100%;height:100%;color:var(--canvas-dot)}.skeleton-row{display:flex;align-items:center;gap:10px;height:32px;padding-inline:var(--space-2)}.skeleton-panel{border:1px solid var(--border);border-radius:12px;background:var(--surface)}.skeleton-stack{display:flex;flex-direction:column;gap:var(--space-4)}.skeleton-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:var(--space-4)}.skeleton-card{display:flex;flex-direction:column;gap:var(--space-2);height:128px;padding:var(--space-4)}.skeleton-list-row{display:flex;align-items:center;gap:var(--space-3);padding:14px var(--space-4)}.skeleton-list-row+.skeleton-list-row{border-top:1px solid var(--border)}.skeleton-form{gap:var(--space-5);padding:var(--space-6)}.skeleton-field,.skeleton-form{display:flex;flex-direction:column}.skeleton-field{gap:var(--space-2)}.skeleton-form-actions{display:flex;justify-content:flex-end;padding-top:var(--space-1)}.skeleton-card-graph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.skeleton-card-tiles{display:flex;gap:28px}.skeleton-canvas{display:grid;grid-template-columns:var(--pane-palette,248px) minmax(0,1fr);height:100%;min-height:480px;overflow:hidden;background:var(--background)}.skeleton-canvas-pane{display:flex;flex-direction:column;gap:var(--space-2);min-height:0;padding-bottom:var(--space-3);border-inline-end:1px solid var(--border)}.skeleton-canvas-group{display:flex;flex-direction:column;margin-top:var(--space-2)}.skeleton-canvas-board{position:relative;min-width:0;overflow:hidden}.skeleton-canvas-toolbar{position:absolute;top:var(--space-3);left:50%;display:flex;align-items:center;padding:6px;translate:-50% 0}.skeleton-canvas-tools{display:flex;gap:var(--space-1);padding-inline:6px}.skeleton-canvas-tools+.skeleton-canvas-tools{border-inline-start:1px solid var(--border)}.skeleton-canvas-graph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.skeleton-canvas-row{display:flex;gap:56px}.skeleton-canvas-link{width:0;height:44px;border-inline-start:1px dashed var(--border-strong)}.skeleton-canvas-agent{display:flex;align-items:center;gap:var(--space-3);width:260px;height:68px;padding-inline:14px;border-color:var(--border-strong)}.skeleton-canvas-corner{position:absolute;bottom:var(--space-3);display:flex;gap:var(--space-2)}.skeleton-canvas-corner[data-corner=start]{inset-inline-start:var(--space-3)}.skeleton-canvas-corner[data-corner=end]{inset-inline-end:var(--space-3)}.skeleton-canvas-pill{display:flex;align-items:center;gap:var(--space-2);height:36px;padding-inline:4px}.skeleton-canvas-pill:has(>.h-3){padding-inline:var(--space-3)}@media (max-width:760px){.skeleton-canvas{grid-template-columns:minmax(0,1fr)}.skeleton-canvas-corner[data-corner=end],.skeleton-canvas-pane{display:none}}.skeleton-tree{padding-bottom:var(--space-2)}.skeleton-editor{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface)}.skeleton-editor-tabs{display:flex;align-items:center;height:40px;padding-inline:var(--space-4);border-bottom:1px solid var(--border)}.skeleton-editor-code{display:flex;flex-direction:column;padding:var(--space-4) var(--space-5)}.file-icon{display:inline-grid;place-items:center;flex:none;margin:0 6px 0 2px;color:var(--foreground-tertiary)}.file-icon,.file-icon svg{width:16px;height:16px}.file-icon[data-tone=blue]{color:var(--blue)}.file-icon[data-tone=amber]{color:var(--amber)}.file-icon[data-tone=purple]{color:var(--purple)}.file-icon[data-tone=teal]{color:var(--teal)}.file-icon[data-kind]{color:var(--kind)}.editor-pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface)}.editor-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex:none;height:40px;padding:0 var(--space-2) 0 var(--space-3);border-bottom:1px solid var(--border)}.editor-host{flex:1;min-height:0}.editor-frame{border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-small)}.hint{color:var(--foreground-tertiary)}.file-chip,.hint{font-size:var(--text-label)}.file-chip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:none;font-family:var(--font-geist-mono),ui-monospace,monospace;color:var(--foreground-secondary);cursor:pointer;transition:border-color var(--duration-hover) ease}.file-chip:hover{border-color:var(--border-strong)}.file-chip[data-flagged=true]{border-color:color-mix(in srgb,var(--warning) 50%,var(--border));color:var(--foreground)}.plain-shell{display:flex;flex-direction:column;min-height:100vh}.plain-shell>.main{flex:1;overflow:visible}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--space-3);height:56px;padding:0 var(--space-6);border-bottom:1px solid var(--border);background:var(--background)}.topbar-brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-semibold);letter-spacing:-.02em}.topbar-mark{width:16px;height:16px}.topbar-actions{margin-inline-start:auto;display:flex;align-items:center;gap:var(--space-2)}.account-trigger{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;transition:box-shadow var(--duration-hover) ease,scale var(--duration-press) var(--ease-out)}.account-trigger:before{content:"";position:absolute;inset:-6px}.account-trigger:active{scale:.96}.account-trigger:focus-visible,.account-trigger[data-state=open]{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--border-strong);outline:none}@media (max-width:560px){.topbar{padding-inline:var(--space-4)}}}@layer components{.settings-stack{container:settings/inline-size;display:flex;flex-direction:column;gap:var(--space-4);max-width:880px}.setting-card-body{display:grid;gap:6px;padding:20px 20px 22px}.setting-card-title{font-size:16px;font-weight:var(--weight-semibold);letter-spacing:-.01em}.setting-card-description{max-width:640px;color:var(--foreground-secondary);font-size:14px;line-height:1.55;text-wrap:pretty}.setting-card-content{margin-top:12px}.setting-card-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:56px;padding:10px 20px;border-top:1px solid var(--border);background:var(--background)}.setting-card-hint{min-width:0;color:var(--foreground-secondary);font-size:13px}.setting-card-action{display:flex;flex:none;gap:var(--space-2)}.setting-preview{max-height:180px;margin:0;padding:12px 14px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--foreground-secondary);font-family:var(--font-mono);font-size:12px;line-height:1.6;white-space:pre-wrap;mask-image:none}.soon-tag{margin-inline-start:2px;padding:0 5px;border:1px solid;border-radius:999px;font-size:10px;font-weight:var(--weight-medium);line-height:15px;opacity:.7}.page-kicker{color:var(--foreground-tertiary);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.agent-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}.agent-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--border)}@container settings (max-width: 560px){.agent-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@container settings (max-width: 340px){.agent-stats{grid-template-columns:minmax(0,1fr)}}.agent-stat{display:grid;gap:4px;min-width:0;padding:14px 18px;background:var(--surface);transition:background-color var(--duration-hover) ease}@media (hover:hover) and (pointer:fine){.agent-stat:hover{background:var(--surface-hover)}}.agent-stat-label{color:var(--foreground-secondary);font-size:13px}.agent-stat-value{overflow:hidden;font-size:20px;font-weight:var(--weight-semibold);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.agent-stat-value.mono{font-size:15px;font-weight:var(--weight-medium);letter-spacing:0;line-height:28px}}.phone-sheet{position:fixed;inset-inline:0;bottom:0;z-index:50;display:flex;flex-direction:column;height:96dvh;border:1px solid var(--border);border-bottom:none;border-radius:16px 16px 0 0;background:var(--surface-raised);box-shadow:0 -8px 24px -12px rgb(0 0 0/.25),var(--shadow-small);outline:none}.phone-sheet-handle[data-vaul-handle]{flex:none;width:40px;height:5px;margin:10px auto 6px;border-radius:999px;background:var(--border-strong);opacity:1}.phone-sheet-handle [data-vaul-handle-hitarea]{width:100%;height:44px}.phone-sheet-body{overflow:hidden}.phone-sheet-body,.phone-sheet-body>.canvas-float{display:flex;flex:1;flex-direction:column;min-height:0}.phone-sheet-body>.canvas-float{position:static;inset:auto;width:auto;max-width:none;height:auto;border:none;border-radius:0;background:transparent;box-shadow:none;animation:none}.phone-sheet .resize-handle{display:none}