:root{--oc-palette-ink-950:#101012;--oc-palette-ink-900:#19191c;--oc-palette-ink-850:#202024;--oc-palette-ink-50:#ededed;--oc-palette-ink-300:#bcbcc4;--oc-palette-ink-500:#9a9aa2;--oc-palette-paper-50:#fff;--oc-palette-paper-100:#f6f5f3;--oc-palette-paper-200:#eceae6;--oc-palette-paper-950:#17171a;--oc-palette-paper-700:#46464e;--oc-palette-paper-600:#63636c;--oc-palette-coral-dark-bright:#f5654a;--oc-palette-coral-dark-mid:#e05540;--oc-palette-coral-dark-deep:#b23a28;--oc-palette-coral-light-bright:#d84a31;--oc-palette-coral-light-mid:#c24028;--oc-palette-coral-light-deep:#9c3222;--oc-palette-sea-dark-bright:#4fc8ae;--oc-palette-sea-dark-mid:#2fa48d;--oc-palette-sea-light-bright:#14806e;--oc-palette-sea-light-mid:#0f6355;--oc-space-1:.25rem;--oc-space-2:.5rem;--oc-space-3:.75rem;--oc-space-4:1rem;--oc-space-5:1.5rem;--oc-space-6:2rem;--oc-space-7:3rem;--oc-space-8:4rem;--oc-font-size-xs:.75rem;--oc-font-size-sm:.8125rem;--oc-font-size-base:.875rem;--oc-font-size-md:.9375rem;--oc-font-size-lg:1.0625rem;--oc-font-size-xl:1.25rem;--oc-font-size-2xl:1.5rem;--oc-font-size-3xl:2rem;--oc-radius-sm:.25rem;--oc-radius-md:.5rem;--oc-radius-lg:.75rem;--oc-radius-xl:1rem;--oc-radius-full:999px;--oc-radius-surface:var(--oc-radius-md);--oc-radius-control:var(--oc-radius-md);--oc-radius-inset:var(--oc-radius-sm);--oc-radius-round:var(--oc-radius-full);--oc-shadow-sm:0 1px 2px #0000001f;--oc-shadow-md:0 8px 24px -6px #00000047;--oc-shadow-lg:0 24px 48px -12px #0000006b;--oc-layer-popover:20;--oc-layer-notification:100;--oc-duration-fast:.16s;--oc-duration-ui:.2s;--oc-ease-out:cubic-bezier(.23, 1, .32, 1);--oc-control-min-height:2.75rem;--oc-content-max:75rem;--oc-content-narrow:48rem}:root,html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--oc-bg-page:var(--oc-palette-ink-950);--oc-bg-surface:var(--oc-palette-ink-900);--oc-bg-elevated:var(--oc-palette-ink-850);--oc-bg-recessed:color-mix(in oklch, var(--oc-bg-page) 86%, oklch(0% 0 0));--oc-bg-contrast:var(--oc-text-primary);--oc-accent-primary:var(--oc-palette-coral-dark-bright);--oc-accent-primary-hover:var(--oc-palette-coral-dark-mid);--oc-accent-primary-deep:var(--oc-palette-coral-dark-deep);--oc-accent-secondary:var(--oc-palette-sea-dark-bright);--oc-accent-secondary-deep:var(--oc-palette-sea-dark-mid);--oc-text-primary:var(--oc-palette-ink-50);--oc-text-secondary:var(--oc-palette-ink-300);--oc-text-muted:var(--oc-palette-ink-500);--oc-text-inactive:color-mix(in oklch, var(--oc-text-muted) 62%, transparent);--oc-text-inverse:var(--oc-bg-page);--oc-text-link:var(--oc-accent-primary);--oc-text-on-accent:var(--oc-palette-ink-950);--oc-border-subtle:#9a9aa22e;--oc-border-strong:color-mix(in oklch, var(--oc-text-primary) 32%, transparent);--oc-border-accent:#f5654a66;--oc-surface-card:#19191cb8;--oc-surface-card-strong:#19191ce6;--oc-surface-overlay:#0000004d;--oc-surface-modal-backdrop:#0009;--oc-surface-interactive:#ededed14;--oc-surface-interactive-hover:#ededed29;--oc-control-bg:var(--oc-surface-interactive);--oc-control-bg-hover:var(--oc-surface-interactive-hover);--oc-surface-accent-soft:#f5654a24;--oc-surface-secondary-soft:#4fc8ae24;--oc-chart-line:#ededed17;--oc-selection-bg:#f5654a47;--oc-focus-ring:#4fc8aeb8;--bg-deep:var(--oc-bg-page);--bg-surface:var(--oc-bg-surface);--bg-elevated:var(--oc-bg-elevated);--coral-bright:var(--oc-accent-primary);--coral-mid:var(--oc-accent-primary-hover);--coral-dark:var(--oc-accent-primary-deep);--cyan-bright:var(--oc-accent-secondary);--cyan-mid:var(--oc-accent-secondary-deep);--cyan-glow:#4fc8ae59;--text-primary:var(--oc-text-primary);--text-secondary:var(--oc-text-secondary);--text-muted:var(--oc-text-muted);--on-accent:var(--oc-text-on-accent);--border-subtle:var(--oc-border-subtle);--border-accent:var(--oc-border-accent);--surface-card:var(--oc-surface-card);--surface-card-strong:var(--oc-surface-card-strong);--surface-overlay:var(--oc-surface-overlay);--surface-interactive:var(--oc-surface-interactive);--surface-interactive-hover:var(--oc-surface-interactive-hover);--surface-coral-soft:var(--oc-surface-accent-soft);--surface-cyan-soft:var(--oc-surface-secondary-soft);--surface-inset-highlight:#ededed0d;--chart-line:var(--oc-chart-line)}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--oc-bg-page:var(--oc-palette-paper-100);--oc-bg-surface:var(--oc-palette-paper-200);--oc-bg-elevated:var(--oc-palette-paper-50);--oc-bg-recessed:color-mix(in oklch, var(--oc-bg-page) 94%, var(--oc-text-primary));--oc-bg-contrast:var(--oc-text-primary);--oc-accent-primary:var(--oc-palette-coral-light-bright);--oc-accent-primary-hover:var(--oc-palette-coral-light-mid);--oc-accent-primary-deep:var(--oc-palette-coral-light-deep);--oc-accent-secondary:var(--oc-palette-sea-light-bright);--oc-accent-secondary-deep:var(--oc-palette-sea-light-mid);--oc-text-primary:var(--oc-palette-paper-950);--oc-text-secondary:var(--oc-palette-paper-700);--oc-text-muted:var(--oc-palette-paper-600);--oc-text-inactive:color-mix(in oklch, var(--oc-text-muted) 62%, transparent);--oc-text-inverse:var(--oc-bg-page);--oc-text-link:var(--oc-accent-primary);--oc-text-on-accent:var(--oc-palette-paper-50);--oc-border-subtle:#17171a24;--oc-border-strong:color-mix(in oklch, var(--oc-text-primary) 28%, transparent);--oc-border-accent:#d84a316b;--oc-surface-card:#fffc;--oc-surface-card-strong:#fffffff2;--oc-surface-overlay:#17171a14;--oc-surface-modal-backdrop:#17171a99;--oc-surface-interactive:#17171a12;--oc-surface-interactive-hover:#17171a24;--oc-control-bg:var(--oc-surface-interactive);--oc-control-bg-hover:var(--oc-surface-interactive-hover);--oc-surface-accent-soft:#d84a311f;--oc-surface-secondary-soft:#14806e21;--oc-chart-line:#17171a1f;--oc-selection-bg:#d84a3133;--oc-focus-ring:#14806e94;--cyan-glow:#14806e3d;--surface-inset-highlight:#17171a0d}html:root,html:root[data-theme=dark]{--oc-bg-page:oklch(13.5% 0 0);--oc-bg-surface:oklch(17.8% 0 0);--oc-bg-elevated:oklch(20.5% 0 0);--oc-text-primary:oklch(98.5% 0 0);--oc-text-secondary:oklch(87% 0 0);--oc-text-muted:oklch(71.6% 0 0);--oc-text-on-accent:oklch(13.5% 0 0);--oc-border-subtle:oklch(26.9% 0 0);--oc-surface-card:oklch(17.8% 0 0/.82);--oc-surface-card-strong:oklch(20.5% 0 0/.96);--oc-surface-overlay:oklch(0% 0 0/.3);--oc-surface-interactive:oklch(17.8% 0 0);--oc-surface-interactive-hover:oklch(23.9% 0 0);--oc-control-bg:var(--oc-surface-interactive);--oc-control-bg-hover:var(--oc-surface-interactive-hover);--oc-chart-line:oklch(100% 0 0/.1);--oc-focus-ring:oklch(93.5% 0 0/.72);--oc-input-bg:oklch(20.5% 0 0);--oc-input-focus-border:color-mix(in srgb, var(--oc-text-primary) 62%, transparent);--oc-input-focus-ring:color-mix(in srgb, var(--oc-text-primary) 22%, transparent)}html:root[data-theme=light]{--oc-accent-primary:color-mix(in srgb, var(--oc-palette-coral-light-mid) 60%, var(--oc-palette-coral-light-deep) 40%);--oc-accent-primary-hover:color-mix(in srgb, var(--oc-palette-coral-light-mid) 30%, var(--oc-palette-coral-light-deep) 70%);--oc-accent-primary-deep:var(--oc-palette-coral-light-deep);--oc-bg-page:oklch(98.5% 0 0);--oc-bg-surface:oklch(97% 0 0);--oc-bg-elevated:oklch(100% 0 0);--oc-text-primary:oklch(20.5% 0 0);--oc-text-secondary:oklch(26.9% 0 0);--oc-text-muted:oklch(55.5% 0 0);--oc-text-on-accent:oklch(100% 0 0);--oc-border-subtle:oklch(92.2% 0 0);--oc-surface-card:oklch(100% 0 0);--oc-surface-card-strong:oklch(100% 0 0);--oc-surface-overlay:oklch(20.5% 0 0/.08);--oc-surface-interactive:oklch(97% 0 0);--oc-surface-interactive-hover:oklch(92.2% 0 0);--oc-control-bg:var(--oc-bg-elevated);--oc-control-bg-hover:var(--oc-surface-interactive-hover);--oc-chart-line:oklch(20.5% 0 0/.12);--oc-focus-ring:oklch(15% 0 0/.7);--oc-input-bg:oklch(100% 0 0);--oc-input-focus-border:color-mix(in srgb, var(--oc-text-primary) 62%, transparent);--oc-input-focus-ring:color-mix(in srgb, var(--oc-text-primary) 22%, transparent)}:root{--oc-font-display:"Switzer", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--oc-font-body:"Switzer", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--oc-font-serif:"Sentient", Georgia, "Times New Roman", serif;--oc-font-mono:ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, monospace;--font-display:var(--oc-font-display);--font-body:var(--oc-font-body);--font-serif:var(--oc-font-serif);--font-mono:var(--oc-font-mono);--oc-status-success-bg:#22c55e1f;--oc-status-success-fg:#22c55e;--oc-status-warning-bg:#fbbf241f;--oc-status-warning-fg:#fbbf24;--oc-status-error-bg:#ef44441f;--oc-status-error-fg:#f87171;--oc-status-info-bg:#3b82f624;--oc-status-info-fg:#60a5fa;--oc-input-bg:var(--oc-bg-elevated);--oc-input-border:var(--oc-border-subtle);--oc-input-placeholder:color-mix(in srgb, var(--oc-text-muted) 70%, transparent);--oc-input-focus-border:color-mix(in srgb, var(--oc-accent-primary) 58%, transparent);--oc-input-focus-ring:color-mix(in srgb, var(--oc-accent-primary) 22%, transparent);--oc-diff-added:#22c55e;--oc-diff-added-strong:#16a34a;--oc-diff-removed:#f87171;--oc-diff-removed-strong:#ef4444}html[data-theme=light],[data-theme-family=claw][data-theme-resolved=light]{--oc-status-success-bg:#22c55e1a;--oc-status-success-fg:#146c37;--oc-status-warning-bg:#f59e0b1a;--oc-status-warning-fg:#8f5100;--oc-status-error-bg:#ef44441a;--oc-status-error-fg:#b91c1c;--oc-status-info-bg:#2563eb1a;--oc-status-info-fg:#1d4ed8;--oc-diff-added:#16a34a;--oc-diff-added-strong:#15803d;--oc-diff-removed:#e57373;--oc-diff-removed-strong:#dc2626}@media (prefers-color-scheme:light){[data-theme-family=claw][data-theme-mode=system]{--oc-status-success-bg:#22c55e1a;--oc-status-success-fg:#146c37;--oc-status-warning-bg:#f59e0b1a;--oc-status-warning-fg:#8f5100;--oc-status-error-bg:#ef44441a;--oc-status-error-fg:#b91c1c;--oc-status-info-bg:#2563eb1a;--oc-status-info-fg:#1d4ed8;--oc-diff-added:#16a34a;--oc-diff-added-strong:#15803d;--oc-diff-removed:#e57373;--oc-diff-removed-strong:#dc2626}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--oc-bg-page);min-width:320px;min-height:100vh;color:var(--oc-text-primary);font-family:var(--oc-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6}h1,h2,h3,h4,h5,h6{text-wrap:balance}::selection{background:var(--oc-selection-bg);color:var(--oc-text-primary)}:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.oc-app-surface{--oc-component-surface:var(--oc-surface-card);--oc-component-surface-strong:var(--oc-surface-card-strong);--oc-component-surface-hover:var(--oc-surface-interactive);--oc-component-border:var(--oc-border-subtle);--oc-component-border-hover:color-mix(in srgb, var(--oc-text-primary) 28%, var(--oc-border-subtle));--oc-component-shadow:var(--oc-shadow-sm);--oc-component-shadow-hover:var(--oc-shadow-md);background:var(--oc-bg-page);min-width:0;min-height:100%;color:var(--oc-text-primary);font-family:var(--oc-font-body)}.oc-hero{justify-content:center;align-items:center;gap:var(--oc-space-3);text-align:center;flex-direction:column;display:flex}.oc-hero-title{max-width:66rem;color:var(--oc-accent-primary);font-family:var(--oc-font-mono);letter-spacing:0;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-size:clamp(2.25rem,4.25vw,3.5rem);font-weight:800;line-height:1.08}.oc-hero-lede{max-width:42rem;color:var(--oc-text-secondary);font-size:var(--oc-font-size-lg);overflow-wrap:anywhere;text-wrap:pretty;margin:0;line-height:1.6}.oc-section{width:100%;color:var(--oc-text-primary)}.oc-section-header{justify-content:space-between;align-items:end;gap:var(--oc-space-5);display:flex}.oc-section-header>*{min-width:0}.oc-section-heading{gap:var(--oc-space-2);display:grid}.oc-eyebrow{color:var(--oc-accent-primary);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);letter-spacing:0;text-transform:uppercase;margin:0;font-weight:700;line-height:1.4}.oc-section-title{color:var(--oc-text-primary);font-family:var(--oc-font-display);letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(1.5rem,2.2vw,2rem);font-weight:750;line-height:1.12}.oc-section-copy{max-width:60ch;color:var(--oc-text-secondary);font-size:var(--oc-font-size-base);overflow-wrap:anywhere;text-wrap:pretty;margin:0;line-height:1.65}.oc-card{border:1px solid var(--oc-component-border);border-radius:var(--oc-radius-surface);background:var(--oc-component-surface);color:var(--oc-text-primary);box-shadow:var(--oc-component-shadow)}.oc-card-interactive{transition:background var(--oc-duration-ui) var(--oc-ease-out), border-color var(--oc-duration-ui) var(--oc-ease-out), box-shadow var(--oc-duration-ui) var(--oc-ease-out), transform var(--oc-duration-ui) var(--oc-ease-out)}.oc-card-interactive:hover,.oc-card-interactive:focus-visible{border-color:var(--oc-component-border-hover);background:var(--oc-component-surface-hover);box-shadow:var(--oc-component-shadow-hover);transform:translateY(-1px)}.oc-card-interactive:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:3px}.oc-card-interactive:active{transform:translateY(0)scale(.995)}.oc-action{justify-content:center;align-items:center;gap:var(--oc-space-2);min-height:2.5rem;padding:var(--oc-space-2) var(--oc-space-4);border-radius:var(--oc-radius-control);font:inherit;font-size:var(--oc-font-size-base);touch-action:manipulation;cursor:pointer;transition:background var(--oc-duration-fast) var(--oc-ease-out), border-color var(--oc-duration-fast) var(--oc-ease-out), color var(--oc-duration-fast) var(--oc-ease-out), transform var(--oc-duration-fast) var(--oc-ease-out);border:1px solid #0000;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.oc-action:hover{text-decoration:none}.oc-action:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:3px}.oc-action:active:not(:disabled):not([aria-disabled=true]){transform:scale(.98)}.oc-action:disabled,.oc-action[aria-disabled=true]{cursor:not-allowed;opacity:.5}.oc-action[aria-disabled=true]{pointer-events:none}.oc-action-primary{border-color:var(--oc-accent-primary);background:var(--oc-accent-primary);color:var(--oc-text-on-accent)}.oc-action-primary:hover{border-color:var(--oc-accent-primary-hover);background:var(--oc-accent-primary-hover);color:var(--oc-text-on-accent)}.oc-action-primary:active:not(:disabled):not([aria-disabled=true]){border-color:var(--oc-accent-primary-deep);background:var(--oc-accent-primary-deep)}.oc-action-secondary{border-color:var(--oc-border-accent);background:var(--oc-surface-accent-soft);color:var(--oc-accent-primary)}.oc-action-secondary:hover{border-color:var(--oc-accent-primary);background:color-mix(in srgb, var(--oc-surface-accent-soft) 72%, var(--oc-accent-primary));color:var(--oc-text-primary)}html[data-theme=light] .oc-action-secondary,html[data-theme-resolved=light] .oc-action-secondary{border-color:var(--oc-border-strong);background:var(--oc-bg-elevated);color:var(--oc-text-primary)}html[data-theme=light] .oc-action-secondary:hover,html[data-theme-resolved=light] .oc-action-secondary:hover{border-color:var(--oc-border-strong);background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}.oc-action-ghost{color:var(--oc-text-secondary);background:0 0;border-color:#0000}.oc-action-ghost:hover{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-action-icon{width:2.5rem;padding:0}.oc-segmented{align-items:center;gap:var(--oc-space-1);max-width:100%;padding:var(--oc-space-1);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-surface-card);display:inline-flex;overflow-x:auto}.oc-segmented-item{justify-content:center;align-items:center;gap:var(--oc-space-2);min-height:2rem;padding:var(--oc-space-1) var(--oc-space-3);border-radius:var(--oc-radius-inset);color:var(--oc-text-secondary);font:inherit;font-size:var(--oc-font-size-base);white-space:nowrap;touch-action:manipulation;cursor:pointer;transition:background var(--oc-duration-fast) var(--oc-ease-out), color var(--oc-duration-fast) var(--oc-ease-out), transform var(--oc-duration-fast) var(--oc-ease-out);background:0 0;border:0;font-weight:650;line-height:1;display:inline-flex}.oc-segmented-item:active:not(:disabled){transform:scale(.98)}.oc-segmented-item:disabled{cursor:not-allowed;opacity:.5}.oc-segmented-item:hover{color:var(--oc-text-primary)}.oc-segmented-item[aria-selected=true],.oc-segmented-item[aria-pressed=true],.oc-segmented-item.is-active{background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}.oc-segmented-item:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-pill{align-items:center;gap:var(--oc-space-2);min-width:0;max-width:100%;min-height:1.75rem;padding:var(--oc-space-1) var(--oc-space-3);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-surface-card);color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);overflow-wrap:anywhere;font-weight:650;line-height:1;display:inline-flex}@media (prefers-reduced-motion:reduce){.oc-card-interactive{transition:none}.oc-card-interactive:hover,.oc-card-interactive:focus-visible,.oc-card-interactive:active{transform:none}}@media (width<=42rem){.oc-section-header{flex-direction:column;align-items:start}.oc-hero-title{font-size:clamp(2rem,11vw,2.75rem)}}.oc-field{gap:var(--oc-space-2);color:var(--oc-text-primary);display:grid}.oc-field-label{font-size:var(--oc-font-size-sm);font-weight:650;line-height:1.4}.oc-field-message{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);margin:0;line-height:1.4}.oc-input{box-sizing:border-box;width:100%;min-height:var(--oc-control-min-height);padding:var(--oc-space-2) var(--oc-space-3);border:1px solid var(--oc-input-border);border-radius:var(--oc-radius-control);background:var(--oc-input-bg);color:var(--oc-text-primary);font:inherit;font-size:var(--oc-font-size-base);touch-action:manipulation;transition:border-color var(--oc-duration-fast) var(--oc-ease-out), box-shadow var(--oc-duration-fast) var(--oc-ease-out);outline:none;line-height:1.4}.oc-input::placeholder{color:var(--oc-input-placeholder)}.oc-input:hover:not(:disabled){border-color:var(--oc-border-strong)}.oc-input:focus-visible{border-color:var(--oc-input-focus-border);box-shadow:0 0 0 3px var(--oc-input-focus-ring)}.oc-input:disabled{cursor:not-allowed;opacity:.55}.oc-input[aria-invalid=true]{border-color:var(--oc-status-error-fg)}.oc-field:has(.oc-input[aria-invalid=true]) .oc-field-message{color:var(--oc-status-error-fg)}.oc-check{-webkit-user-select:none;user-select:none;min-height:var(--oc-control-min-height);align-items:center;gap:var(--oc-space-3);color:var(--oc-text-primary);font-size:var(--oc-font-size-base);cursor:pointer;line-height:1.4;display:inline-flex}.oc-checkbox{box-sizing:border-box;appearance:none;border:1px solid var(--oc-input-border);border-radius:var(--oc-radius-inset);background:var(--oc-input-bg);width:1rem;height:1rem;cursor:inherit;touch-action:manipulation;transition:transform var(--oc-duration-fast) var(--oc-ease-out);flex:none;margin:0;position:relative}.oc-checkbox:before{border-bottom:2px solid var(--oc-text-on-accent);border-left:2px solid var(--oc-text-on-accent);content:"";opacity:0;width:.46rem;height:.24rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-62%)rotate(-45deg)}.oc-checkbox:hover:not(:disabled):not([aria-invalid=true]){border-color:var(--oc-border-strong)}.oc-checkbox:active:not(:disabled){transform:scale(.96)}.oc-checkbox:checked{border-color:var(--oc-accent-primary);background:var(--oc-accent-primary)}.oc-checkbox:checked:before{opacity:1}.oc-checkbox:indeterminate{border-color:var(--oc-accent-primary);background:var(--oc-accent-primary)}.oc-checkbox:indeterminate:before{background:var(--oc-text-on-accent);opacity:1;border:0;width:.5rem;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.oc-checkbox:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-checkbox[aria-invalid=true]{border-color:var(--oc-status-error-fg)}.oc-field:has(.oc-checkbox[aria-invalid=true])>.oc-field-message{color:var(--oc-status-error-fg)}.oc-check:has(.oc-checkbox:disabled){cursor:not-allowed;opacity:.55}@media (forced-colors:active){.oc-checkbox{appearance:auto;forced-color-adjust:auto}.oc-checkbox:before{display:none}}.oc-radio-group{gap:var(--oc-space-1);border:0;margin:0;padding:0;display:grid}.oc-radio-group .oc-check,.oc-check+.oc-check{min-height:2rem}.oc-radio-group legend{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);margin-bottom:0;padding:0;font-weight:650}.oc-radio-option{min-height:var(--oc-control-min-height);align-items:center;gap:var(--oc-space-3);color:var(--oc-text-primary);font-size:var(--oc-font-size-base);cursor:pointer;line-height:1.4;display:inline-flex}.oc-radio{box-sizing:border-box;appearance:none;border:1px solid var(--oc-input-border);border-radius:var(--oc-radius-round);background:var(--oc-input-bg);width:1rem;height:1rem;cursor:inherit;touch-action:manipulation;flex:none;place-items:center;margin:0;display:grid}.oc-radio:before{border-radius:var(--oc-radius-round);background:var(--oc-accent-primary);content:"";width:.5rem;height:.5rem;transition:transform var(--oc-duration-fast) var(--oc-ease-out);transform:scale(0)}.oc-radio:hover:not(:disabled){border-color:var(--oc-border-strong)}.oc-radio:checked{border-color:var(--oc-accent-primary)}.oc-radio:checked:before{transform:scale(1)}.oc-radio:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-radio-group[aria-invalid=true] .oc-radio,.oc-radio-group[aria-invalid=true] .oc-radio:hover:not(:disabled){border-color:var(--oc-status-error-fg)}.oc-field:has(.oc-radio-group[aria-invalid=true])>.oc-field-message{color:var(--oc-status-error-fg)}.oc-radio-option:has(.oc-radio:disabled){cursor:not-allowed;opacity:.55}@media (forced-colors:active){.oc-radio{appearance:auto;forced-color-adjust:auto}.oc-radio:before{display:none}}.oc-switch-label{min-height:var(--oc-control-min-height);align-items:center;gap:var(--oc-space-3);color:var(--oc-text-primary);font-size:var(--oc-font-size-base);cursor:pointer;line-height:1.4;display:inline-flex}.oc-switch{box-sizing:border-box;appearance:none;border:1px solid var(--oc-input-border);border-radius:var(--oc-radius-round);background:var(--oc-input-bg);width:2.25rem;height:1.25rem;cursor:inherit;touch-action:manipulation;transition:background var(--oc-duration-fast) var(--oc-ease-out), border-color var(--oc-duration-fast) var(--oc-ease-out);flex:none;margin:0;position:relative}.oc-switch:before{border-radius:var(--oc-radius-round);background:var(--oc-text-muted);content:"";width:.75rem;height:.75rem;transition:background var(--oc-duration-fast) var(--oc-ease-out), transform var(--oc-duration-fast) var(--oc-ease-out);position:absolute;top:.1875rem;left:.1875rem}.oc-switch:hover:not(:disabled){border-color:var(--oc-border-strong)}.oc-switch:checked{border-color:var(--oc-accent-primary);background:var(--oc-accent-primary)}.oc-switch:checked:before{background:var(--oc-text-on-accent);transform:translate(1rem)}.oc-switch:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-switch-label:has(.oc-switch:disabled){cursor:not-allowed;opacity:.55}@media (forced-colors:active){.oc-switch{appearance:auto;forced-color-adjust:auto}.oc-switch:before{display:none}}.oc-select-wrap{display:grid;position:relative}.oc-select-wrap:after{top:50%;right:var(--oc-space-3);border-right:1.5px solid var(--oc-text-muted);border-bottom:1.5px solid var(--oc-text-muted);content:"";pointer-events:none;width:.4rem;height:.4rem;position:absolute;transform:translateY(-65%)rotate(45deg)}.oc-select{box-sizing:border-box;width:100%;min-height:var(--oc-control-min-height);appearance:none;padding:var(--oc-space-2) var(--oc-space-6) var(--oc-space-2) var(--oc-space-3);border:1px solid var(--oc-input-border);border-radius:var(--oc-radius-control);background:var(--oc-input-bg);color:var(--oc-text-primary);font:inherit;font-size:var(--oc-font-size-base);cursor:pointer;touch-action:manipulation;transition:border-color var(--oc-duration-fast) var(--oc-ease-out), box-shadow var(--oc-duration-fast) var(--oc-ease-out);outline:none;line-height:1.4}.oc-select:hover:not(:disabled){border-color:var(--oc-border-strong)}.oc-select:focus-visible{border-color:var(--oc-input-focus-border);box-shadow:0 0 0 3px var(--oc-input-focus-ring)}.oc-select:disabled{cursor:not-allowed;opacity:.55}.oc-select-wrap:has(.oc-select:disabled):after{opacity:.55}@media (forced-colors:active){.oc-select-wrap:after{display:none}.oc-select{appearance:auto;forced-color-adjust:auto}}.oc-textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:7.5rem;padding:var(--oc-space-3);border:1px solid var(--oc-input-border);border-radius:var(--oc-radius-control);background:var(--oc-input-bg);color:var(--oc-text-primary);font:inherit;font-size:var(--oc-font-size-base);transition:border-color var(--oc-duration-fast) var(--oc-ease-out), box-shadow var(--oc-duration-fast) var(--oc-ease-out);outline:none;line-height:1.5}.oc-textarea::placeholder{color:var(--oc-input-placeholder)}.oc-textarea:hover:not(:disabled){border-color:var(--oc-border-strong)}.oc-textarea:focus-visible{border-color:var(--oc-input-focus-border);box-shadow:0 0 0 3px var(--oc-input-focus-ring)}.oc-textarea:disabled{cursor:not-allowed;opacity:.55;resize:none}.oc-textarea[aria-invalid=true]{border-color:var(--oc-status-error-fg)}.oc-field:has(.oc-textarea[aria-invalid=true]) .oc-field-message{color:var(--oc-status-error-fg)}.oc-label{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);align-items:baseline;font-weight:650;line-height:1.4;display:inline-flex}.oc-label-required{color:var(--oc-status-error-fg);margin-inline-start:var(--oc-space-1)}.oc-label-optional{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);margin-inline-start:var(--oc-space-2);font-weight:500}.oc-label-description{margin-top:var(--oc-space-1);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);font-weight:400;line-height:1.4;display:block}.oc-field>.oc-label-description{margin-top:0}.oc-theme-toggle{border-radius:var(--oc-radius-control);width:2rem;height:2rem;color:var(--oc-text-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.oc-theme-toggle:hover{background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}.oc-theme-toggle:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:1px}.oc-theme-toggle-icon{place-items:center;width:1rem;height:1rem;line-height:0;display:grid}.oc-theme-toggle-icon svg{width:100%;height:100%}.oc-badge{box-sizing:border-box;align-items:center;gap:var(--oc-space-2);min-width:0;max-width:100%;min-height:1.5rem;padding:var(--oc-space-1) var(--oc-space-2);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-round);background:var(--oc-surface-secondary-soft);color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-weight:650;line-height:1;display:inline-flex;overflow:hidden}.oc-badge:before{border-radius:var(--oc-radius-round);content:"";background:currentColor;flex:none;width:.375rem;height:.375rem}.oc-badge-neutral:before{display:none}.oc-badge-success{border-color:var(--oc-status-success-fg);background:var(--oc-status-success-bg);color:var(--oc-status-success-fg)}.oc-badge-warning{border-color:var(--oc-status-warning-fg);background:var(--oc-status-warning-bg);color:var(--oc-status-warning-fg)}.oc-badge-error{border-color:var(--oc-status-error-fg);background:var(--oc-status-error-bg);color:var(--oc-status-error-fg)}.oc-badge-info{border-color:var(--oc-status-info-fg);background:var(--oc-status-info-bg);color:var(--oc-status-info-fg)}.oc-badge-plain{background:0 0;border:0;min-height:0;padding:0}.oc-banner{box-sizing:border-box;align-items:start;gap:var(--oc-space-3);padding:var(--oc-space-4);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-surface-card-strong);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);grid-template-columns:auto minmax(0,1fr) auto;line-height:1.45;display:grid}.oc-banner:has(.oc-banner-action):has(.oc-banner-dismiss){grid-template-columns:auto minmax(0,1fr) auto auto}.oc-banner-indicator{border-radius:var(--oc-radius-round);background:var(--oc-text-muted);width:.375rem;height:.375rem;margin-top:.45em}.oc-banner-content{gap:var(--oc-space-1);min-width:0;display:grid}.oc-banner-title{color:var(--oc-text-primary);font-weight:650}.oc-banner p{overflow-wrap:anywhere;margin:0}.oc-banner-success .oc-banner-indicator{background:var(--oc-status-success-fg)}.oc-banner-warning .oc-banner-indicator{background:var(--oc-status-warning-fg)}.oc-banner-error .oc-banner-indicator{background:var(--oc-status-error-fg)}.oc-banner-info .oc-banner-indicator{background:var(--oc-status-info-fg)}.oc-empty{box-sizing:border-box;min-height:12rem;padding:var(--oc-space-5);text-align:center;place-items:center;display:grid}.oc-empty-content{justify-items:center;gap:var(--oc-space-2);width:100%;min-width:0;max-width:24rem;display:grid}.oc-empty-icon{width:2.75rem;height:2.75rem;margin-bottom:var(--oc-space-1);border-radius:var(--oc-radius-control);background:var(--oc-surface-interactive);color:var(--oc-text-secondary);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-lg);place-items:center;display:grid}.oc-empty-icon svg{stroke-width:1.75px;width:1.25rem;height:1.25rem}.oc-empty-title{color:var(--oc-text-primary);font-family:var(--oc-font-display);font-size:var(--oc-font-size-lg);overflow-wrap:anywhere;margin:0;line-height:1.2}.oc-empty-description{max-width:42ch;color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);overflow-wrap:anywhere;text-wrap:pretty;margin:0;line-height:1.5}.oc-empty-actions{justify-content:center;gap:var(--oc-space-2);margin-top:var(--oc-space-1);flex-wrap:wrap;display:flex}.oc-loader{align-items:center;gap:var(--oc-space-2);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);display:inline-flex}.oc-loader-spinner{border:2px solid var(--oc-border-subtle);border-top-color:var(--oc-accent-primary);border-radius:var(--oc-radius-round);flex:none;width:1rem;height:1rem;animation:.8s linear infinite oc-loader-spin}.oc-loader-sm .oc-loader-spinner{border-width:1px;width:.75rem;height:.75rem}.oc-loader-lg .oc-loader-spinner{width:1.5rem;height:1.5rem}@keyframes oc-loader-spin{to{transform:rotate(1turn)}}.oc-skeleton-line{border-radius:var(--oc-radius-control);background:var(--oc-surface-interactive);width:100%;height:.75rem;display:block;overflow:hidden}.oc-skeleton-line:after{background:linear-gradient(90deg, transparent, var(--oc-border-subtle), transparent);content:"";width:45%;height:100%;animation:1.2s linear infinite oc-skeleton-sweep;display:block}.oc-skeleton-line-short{width:55%}@keyframes oc-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(225%)}}@media (prefers-reduced-motion:reduce){.oc-skeleton-line:after,.oc-loader-spinner{animation:none}}.oc-banner-action{flex:none;margin-left:auto}.oc-banner-dismiss{border-radius:var(--oc-radius-inset);width:2.5rem;height:2.5rem;color:var(--oc-text-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:inline-grid}.oc-banner-dismiss:hover{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-banner-dismiss:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:1px}.oc-banner-action+.oc-banner-dismiss{margin-left:var(--oc-space-1)}@media (width<=42rem){:is(.oc-banner,.oc-banner:has(.oc-banner-action):has(.oc-banner-dismiss)){grid-template-columns:auto minmax(0,1fr) auto}.oc-banner>:is(button,a):not(.oc-banner-dismiss){grid-area:2/2/auto/-1;justify-self:start;margin-left:0}.oc-banner-dismiss{grid-area:1/3;width:2.75rem;height:2.75rem}}.oc-tooltip{display:inline-flex;position:relative}.oc-tooltip-trigger{width:2.75rem;height:2.75rem;padding:0}.oc-tooltip-trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;width:1rem;height:1rem}.oc-tooltip-content{z-index:var(--oc-layer-popover);bottom:calc(100% + var(--oc-space-2));width:max-content;max-width:min(16rem, calc(100vw - var(--oc-space-8)));padding:var(--oc-space-2) var(--oc-space-3);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-surface-overlay);box-shadow:var(--oc-shadow-md);color:var(--oc-text-primary);font-size:var(--oc-font-size-xs);overflow-wrap:anywhere;pointer-events:none;opacity:0;transform:translate(-50%, var(--oc-space-1));transition:opacity var(--oc-duration-fast) var(--oc-ease-out), transform var(--oc-duration-fast) var(--oc-ease-out);line-height:1.4;position:absolute;left:50%}.oc-tooltip:is(:hover,:focus-within) .oc-tooltip-content{opacity:1;transform:translate(-50%)}.oc-tooltip-content[data-placement=bottom]{top:calc(100% + var(--oc-space-2));transform:translate(-50%, calc(var(--oc-space-1) * -1));bottom:auto}.oc-tooltip-content[data-align=start]{transform:translate(0, var(--oc-space-1));left:0;right:auto}.oc-tooltip-content[data-align=end]{transform:translate(0, var(--oc-space-1));left:auto;right:0}.oc-tooltip-content[data-placement=bottom]:is([data-align=start],[data-align=end]){transform:translate(0, calc(var(--oc-space-1) * -1))}.oc-tooltip-content[data-open],.oc-tooltip:is(:hover,:focus-within) .oc-tooltip-content[data-placement=bottom],.oc-tooltip:is(:hover,:focus-within) .oc-tooltip-content:is([data-align=start],[data-align=end]){opacity:1;transform:translate(0)}.oc-tooltip-content[data-open][data-align=center]{transform:translate(-50%)}.oc-tooltip[data-suppressed] .oc-tooltip-content{opacity:0}.oc-table-wrap{box-sizing:border-box;border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);overscroll-behavior-inline:contain;scrollbar-gutter:stable;width:100%;overflow-x:auto}.oc-table-wrap:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-table{box-sizing:border-box;border-collapse:collapse;background:var(--oc-surface-card);width:100%;min-width:36rem;color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm)}.oc-table :is(th,td){padding:var(--oc-space-3) var(--oc-space-4);border-bottom:1px solid var(--oc-border-subtle);text-align:left}.oc-table th{color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);letter-spacing:.05em;text-transform:uppercase;font-weight:700}.oc-table tbody tr:last-child td{border-bottom:0}.oc-table-interactive tbody tr:is(:hover,:focus-within){background:var(--oc-surface-interactive)}.oc-table td:first-child{color:var(--oc-text-primary);font-weight:650}.oc-resource-list{box-sizing:border-box;border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-surface-card);width:100%;margin:0;padding:0;list-style:none;overflow:hidden}.oc-resource-list-item{margin:0}.oc-resource-list-item+.oc-resource-list-item{border-top:1px solid var(--oc-border-subtle)}.oc-resource-list-link{align-items:center;gap:var(--oc-space-4);padding:var(--oc-space-4) var(--oc-space-5);color:inherit;touch-action:manipulation;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"content meta arrow";text-decoration:none;display:grid}.oc-resource-list-link:hover{background:var(--oc-surface-interactive)}.oc-resource-list-link:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px;position:relative}.oc-resource-list-content{gap:var(--oc-space-1);grid-area:content;min-width:0;display:grid}.oc-resource-list-title{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);overflow-wrap:anywhere}.oc-resource-list-description,.oc-resource-list-meta,.oc-resource-list-arrow{color:var(--oc-text-muted);font-size:var(--oc-font-size-sm)}.oc-resource-list-description{overflow-wrap:anywhere;line-height:1.5}.oc-resource-list-meta{grid-area:meta}.oc-resource-list-arrow{transition:transform var(--oc-duration-fast) var(--oc-ease-out);grid-area:arrow}.oc-resource-list-link:is(:hover,:focus-visible) .oc-resource-list-arrow{color:var(--oc-text-primary);transform:translateX(var(--oc-space-1))}@media (prefers-reduced-motion:reduce){.oc-resource-list-arrow{transition:none}.oc-resource-list-link:is(:hover,:focus-visible) .oc-resource-list-arrow{transform:none}}@media (width<=42rem){.oc-resource-list-link{gap:var(--oc-space-2) var(--oc-space-3);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"content arrow""meta arrow"}}.oc-table-shell{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-surface);overflow:hidden}.oc-table-shell .oc-table-wrap{border:0;border-radius:0}.oc-table-toolbar{align-items:center;gap:var(--oc-space-2);min-height:3rem;padding:var(--oc-space-1) var(--oc-space-3);border-bottom:1px solid var(--oc-border-subtle);display:flex}.oc-table-toolbar .oc-search-field{flex:1;max-width:20rem}.oc-table-bulk-bar{background:var(--oc-surface-accent-soft);color:var(--oc-text-primary);font-size:var(--oc-font-size-xs)}.oc-table-bulk-count{font-weight:600}.oc-table-bulk-actions{gap:var(--oc-space-2);margin-left:auto;display:flex}.oc-table-sort{align-items:center;gap:var(--oc-space-1);color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:0;padding:0;display:inline-flex}.oc-table-sort:focus-visible{border-radius:var(--oc-radius-inset);outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-table-sort-icon{width:.875rem;height:.875rem;color:var(--oc-text-muted);place-items:center;display:inline-grid}.oc-table-sort[aria-sort=ascending] .oc-table-sort-icon,.oc-table-sort[aria-sort=descending] .oc-table-sort-icon,th[aria-sort] .oc-table-sort-icon{color:var(--oc-text-primary)}.oc-table-empty-cell{padding:var(--oc-space-6) var(--oc-space-4);text-align:center}.oc-table-footer{padding:var(--oc-space-1) var(--oc-space-3);border-top:1px solid var(--oc-border-subtle);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);justify-content:space-between;align-items:center;display:flex}.oc-code-block{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-recessed);overflow:hidden}.oc-code-block-header{align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-1) var(--oc-space-2) var(--oc-space-1) var(--oc-space-3);border-bottom:1px solid var(--oc-border-subtle);background:var(--oc-bg-surface);color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);display:flex}.oc-code-block pre{padding:var(--oc-space-3);color:var(--oc-text-primary);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);tab-size:2;background:0 0;border:0;border-radius:0;margin:0;line-height:1.7;overflow-x:auto}.oc-code-block pre:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.oc-code-block-copy{border-radius:var(--oc-radius-inset);width:1.5rem;height:1.5rem;color:var(--oc-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;margin-left:auto;display:inline-grid}.oc-code-block-copy:hover{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-code-block-copy:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:1px}.oc-code-block-copy [data-lucide],.oc-code-block-copy svg{width:.875rem;height:.875rem}.oc-code-block code{font-family:inherit}@media (forced-colors:active){.oc-table-bulk-bar,.oc-code-block{border-color:canvastext}}.oc-table-expander{width:2rem}.oc-table-expand{border-radius:var(--oc-radius-inset);width:1.5rem;height:1.5rem;color:var(--oc-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.oc-table-expand:hover{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-table-expand:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:1px}.oc-table-expand [data-lucide],.oc-table-expand svg{width:.875rem;height:.875rem;transition:rotate var(--oc-duration-fast,.12s) ease}.oc-table-expand[aria-expanded=true] [data-lucide],.oc-table-expand[aria-expanded=true] svg{rotate:90deg}.oc-table-expansion td{background:var(--oc-bg-recessed);border-top:0}.oc-table-filters{align-items:center;gap:var(--oc-space-2);flex-wrap:wrap;flex:1;display:flex}.oc-table-filter-chip{align-items:center;gap:var(--oc-space-1);padding:2px var(--oc-space-1) 2px var(--oc-space-2);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-round);background:var(--oc-bg-surface);color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);display:inline-flex}.oc-table-filter-chip button{border-radius:var(--oc-radius-round);width:1rem;height:1rem;color:var(--oc-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.oc-table-filter-chip button:hover{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-table-filter-chip [data-lucide],.oc-table-filter-chip svg{width:.625rem;height:.625rem}.oc-table-filter-add{color:var(--oc-text-link);cursor:pointer;font:inherit;font-size:var(--oc-font-size-xs);background:0 0;border:0}.oc-sparkline{width:100%;max-width:8.5rem;height:1.5rem;display:block}.oc-sparkline-line{fill:none;stroke:var(--oc-text-muted);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.oc-sparkline[data-tone=accent] .oc-sparkline-line{stroke:var(--oc-accent-primary)}.oc-sparkline-fill{fill:color-mix(in srgb, var(--oc-accent-primary) 12%, transparent);stroke:none}.oc-sparkline-endpoint{fill:var(--oc-accent-primary);stroke:none}.oc-delta{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:.25rem;display:inline-flex}.oc-delta-arrow{font-size:.625rem;line-height:1}.oc-delta[data-tone=positive]{color:var(--oc-status-success-fg)}.oc-delta[data-tone=negative]{color:var(--oc-status-error-fg)}.oc-delta:not([data-tone])[data-direction=up] .oc-delta-arrow{color:var(--oc-status-success-fg)}.oc-delta:not([data-tone])[data-direction=down] .oc-delta-arrow{color:var(--oc-status-error-fg)}.oc-sparkline[data-size=lg]{max-width:none;height:3rem}.oc-bars{width:100%;max-width:8.5rem;height:1.5rem;display:block}.oc-bars-bar{fill:var(--oc-border-strong)}.oc-bars-current{fill:var(--oc-accent-primary)}.oc-split{border-radius:2px;width:100%;height:.5rem;display:block;overflow:hidden}.oc-split-segment{fill:var(--oc-chart-color,var(--oc-accent-primary))}.oc-split-secondary{--oc-chart-color:var(--oc-accent-secondary)}.oc-split-success{--oc-chart-color:var(--oc-status-success-fg)}.oc-split-warning{--oc-chart-color:var(--oc-status-warning-fg)}.oc-split-error{--oc-chart-color:var(--oc-status-error-fg)}.oc-split-muted{--oc-chart-color:var(--oc-border-strong)}.oc-split-legend{gap:var(--oc-space-1) var(--oc-space-3);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.oc-split-legend li{align-items:center;gap:var(--oc-space-1);display:inline-flex}.oc-split-key{background:var(--oc-chart-color,var(--oc-accent-primary));border-radius:2px;width:.5rem;height:.5rem}.oc-chart-hover{display:block;position:relative}.oc-chart-tip{z-index:2;padding:var(--oc-space-1) var(--oc-space-2);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-elevated);box-shadow:var(--oc-shadow-sm,0 2px 8px #0003);color:var(--oc-text-primary);font-family:var(--oc-font-mono);white-space:nowrap;pointer-events:none;font-size:11px;position:absolute;top:-6px;transform:translate(-50%,-100%)}.oc-chart-cursor{background:var(--oc-border-strong);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}@keyframes oc-avatar-thinking{0%,to{opacity:.86;transform:translateY(0)scale(.96)}45%{opacity:1;transform:translateY(-2px)scale(1.06)}}@keyframes oc-avatar-speaking{0%,to{opacity:0;transform:scale(.82)}45%{opacity:.72}80%{opacity:0;transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.oc-avatar[data-state=speaking]:after,.oc-avatar-stack[data-state=thinking]>.oc-avatar{animation:none}}.oc-app-frame{box-sizing:border-box;background:var(--oc-bg-recessed);width:100%;min-width:0;min-height:38rem;color:var(--oc-text-primary);box-shadow:none;border:0;border-radius:0;grid-template-columns:minmax(11.5rem,13rem) minmax(0,1fr);display:grid;overflow:hidden}.oc-app-frame[data-navigation=compact]{grid-template-columns:3.25rem minmax(0,1fr)}.oc-app-navigation{border-right:1px solid var(--oc-border-subtle);background:color-mix(in oklch, var(--oc-bg-surface) 88%, var(--oc-bg-page));grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;display:grid;overflow:hidden}.oc-app-navigation-header,.oc-app-navigation-footer{align-items:center;gap:var(--oc-space-2);min-width:0;padding:var(--oc-space-2) var(--oc-space-3);display:flex}.oc-app-navigation-header{border-bottom:1px solid var(--oc-border-subtle);min-height:3rem}.oc-app-navigation-footer{border-top:1px solid var(--oc-border-subtle);grid-template-columns:auto minmax(0,1fr) auto}.oc-app-navigation-brand{object-fit:contain;flex:none;width:1.5rem;height:1.5rem}.oc-app-navigation-collapse{border-radius:var(--oc-radius-control);width:2rem;height:2rem;color:var(--oc-text-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin-left:auto;padding:0;display:grid}.oc-app-navigation-collapse:hover{background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}.oc-app-navigation-collapse:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:1px}.oc-app-navigation-collapse svg,.oc-app-navigation-context svg{stroke-width:1.75px;width:1rem;height:1rem}.oc-app-navigation-context{align-items:center;gap:var(--oc-space-2);min-width:0;margin:var(--oc-space-2);padding:var(--oc-space-1) var(--oc-space-2);border-radius:var(--oc-radius-control);background:var(--oc-bg-elevated);box-shadow:none;border:0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.oc-app-navigation-context-icon,.oc-app-navigation-context-chevron{width:1.5rem;height:1.5rem;color:var(--oc-text-muted);place-items:center;display:grid}.oc-app-navigation-context-copy,.oc-app-navigation-footer-copy{gap:.125rem;min-width:0;display:grid}.oc-app-navigation-context-copy strong,.oc-app-navigation-footer-copy strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.oc-app-navigation-context-copy small,.oc-app-navigation-footer-copy small{color:var(--oc-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.oc-app-navigation-presence{border:2px solid var(--oc-bg-surface);border-radius:var(--oc-radius-round);background:var(--oc-status-success-fg);width:.625rem;height:.625rem;box-shadow:0 0 0 1px color-mix(in oklch, var(--oc-status-success-fg) 45%, transparent)}.oc-app-navigation-presence[data-state=offline]{background:var(--oc-status-error-fg);box-shadow:0 0 0 1px color-mix(in oklch, var(--oc-status-error-fg) 45%, transparent)}.oc-app-navigation-title,.oc-app-navigation-label,.oc-app-navigation-item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.oc-app-navigation-title{color:var(--oc-text-primary);font-family:var(--oc-font-display);font-size:var(--oc-font-size-base);font-weight:700}.oc-app-navigation-body{overscroll-behavior:contain;min-width:0;padding:var(--oc-space-2);overflow:auto}.oc-app-navigation-section{gap:var(--oc-space-1);min-width:0;display:grid}.oc-app-navigation-section+.oc-app-navigation-section{margin-top:var(--oc-space-3)}.oc-app-navigation-label{padding:0 var(--oc-space-2) var(--oc-space-1);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);text-transform:uppercase;font-weight:700}.oc-app-navigation-list{gap:var(--oc-space-1);min-width:0;margin:0;padding:0;list-style:none;display:grid}.oc-app-navigation-item{box-sizing:border-box;align-items:center;gap:var(--oc-space-2);min-width:0;min-height:2rem;padding:var(--oc-space-1) var(--oc-space-2);border-radius:var(--oc-radius-control);color:var(--oc-text-secondary);font:inherit;font-size:var(--oc-font-size-sm);text-align:left;cursor:pointer;transition:background var(--oc-duration-fast) var(--oc-ease-out), border-color var(--oc-duration-fast) var(--oc-ease-out), color var(--oc-duration-fast) var(--oc-ease-out);background:0 0;border:1px solid #0000;grid-template-columns:1.25rem minmax(0,1fr) auto;text-decoration:none;display:grid}.oc-app-navigation-item:hover{background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}.oc-app-navigation-item:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:1px}.oc-app-navigation-item[aria-current=page],.oc-app-navigation-item[aria-selected=true]{border-color:var(--oc-border-accent);background:var(--oc-surface-accent-soft);color:var(--oc-text-primary);font-weight:650}.oc-app-navigation-icon{color:currentColor;place-items:center;width:1.25rem;height:1.25rem;display:grid}.oc-app-navigation-icon svg{stroke-width:1.8px;width:1rem;height:1rem}.oc-app-navigation-meta{color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);font-variant-numeric:tabular-nums}.oc-app-frame[data-navigation=compact] .oc-app-navigation-title,.oc-app-frame[data-navigation=compact] .oc-app-navigation-label,.oc-app-frame[data-navigation=compact] .oc-app-navigation-meta,.oc-app-frame[data-navigation=compact] .oc-app-navigation-context-copy,.oc-app-frame[data-navigation=compact] .oc-app-navigation-context-chevron,.oc-app-frame[data-navigation=compact] .oc-app-navigation-footer-copy,.oc-app-frame[data-navigation=compact] .oc-app-navigation-footer .oc-action{display:none}.oc-app-frame[data-navigation=compact] .oc-app-navigation-item-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.oc-app-frame[data-navigation=compact] .oc-app-navigation-header,.oc-app-frame[data-navigation=compact] .oc-app-navigation-footer{padding-inline:var(--oc-space-2);justify-content:center}.oc-app-frame[data-navigation=compact] .oc-app-navigation-header{justify-items:center;display:grid}.oc-app-frame[data-navigation=compact] .oc-app-navigation-collapse{margin-left:0}.oc-app-frame[data-navigation=compact] .oc-app-navigation-context{padding-inline:var(--oc-space-2);grid-template-columns:1.5rem;justify-content:center}.oc-app-frame[data-navigation=compact] .oc-app-navigation-item{grid-template-columns:1.25rem;justify-content:center}.oc-app-main{background:var(--oc-bg-recessed);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.oc-settings-search kbd{padding:.125rem var(--oc-space-2);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-sm);background:var(--oc-bg-surface);color:var(--oc-text-muted);font-family:var(--oc-font-mono);box-shadow:0 1px 0 var(--oc-border-subtle);font-size:.625rem}.oc-app-content{grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.oc-app-content>:is(.oc-settings-shell,.oc-workspace-grid){grid-row:1/-1}.oc-page-header{box-sizing:border-box;align-items:end;gap:var(--oc-space-3);width:100%;min-width:0;padding:var(--oc-space-3) var(--oc-space-4);border-bottom:1px solid var(--oc-border-subtle);background:var(--oc-bg-surface);grid-template-columns:minmax(0,1fr) auto;display:grid}.oc-page-header-compact{padding:var(--oc-space-3) var(--oc-space-4);background:var(--oc-bg-recessed)}.oc-page-header-compact .oc-page-header-content{gap:var(--oc-space-1)}.oc-page-header-compact .oc-page-header-title{font-size:var(--oc-font-size-lg)}.oc-page-header-content{gap:var(--oc-space-2);min-width:0;display:grid}.oc-page-header-kicker,.oc-page-header-title,.oc-page-header-description{overflow-wrap:anywhere;min-width:0;margin:0}.oc-page-header-kicker{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);text-transform:uppercase;font-weight:700}.oc-page-header-title{color:var(--oc-text-primary);font-family:var(--oc-font-display);font-size:var(--oc-font-size-2xl);line-height:1.1}.oc-page-header-description{max-width:var(--oc-content-narrow);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);line-height:1.5}.oc-page-header-actions{justify-content:flex-end;gap:var(--oc-space-2);flex-wrap:wrap;min-width:0;display:flex}.oc-page-header-actions>*{max-width:100%}.oc-pane{box-sizing:border-box;border:1px solid var(--oc-border-subtle);background:var(--oc-bg-surface);min-width:0;min-height:0;box-shadow:none;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.oc-pane-header{align-items:center;gap:var(--oc-space-3);min-width:0;padding:var(--oc-space-3);border-bottom:1px solid var(--oc-border-subtle);grid-template-columns:minmax(0,1fr) auto;display:grid}.oc-pane-heading{gap:var(--oc-space-1);min-width:0;display:grid}.oc-pane-title,.oc-pane-description{overflow-wrap:anywhere;min-width:0;margin:0}.oc-pane-title{color:var(--oc-text-primary);font-family:var(--oc-font-display);font-size:var(--oc-font-size-lg);line-height:1.2}.oc-pane-description{color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);line-height:1.45}.oc-pane-actions{justify-content:flex-end;gap:var(--oc-space-2);flex-wrap:wrap;min-width:0;display:flex}.oc-pane-body{overscroll-behavior:contain;min-width:0;min-height:0;padding:var(--oc-space-4);overflow:auto}.oc-pane-body-flush{padding:0}.oc-master-detail{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(15rem,.34fr) minmax(0,1fr)}.oc-master-detail>.oc-pane{min-height:100%;box-shadow:none;border-width:0;border-radius:0}.oc-master-detail>.oc-pane+.oc-pane{border-left-width:1px}.oc-master-pane{background:color-mix(in oklch, var(--oc-bg-surface) 88%, var(--oc-bg-page));grid-template-rows:auto auto minmax(0,1fr)}.oc-app-resource-search{align-items:center;gap:var(--oc-space-2);min-width:0;margin:var(--oc-space-3);padding:0 var(--oc-space-3);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-elevated);grid-template-columns:auto minmax(0,1fr);display:grid}.oc-app-resource-search:focus-within{border-color:var(--oc-input-focus-border);box-shadow:0 0 0 3px var(--oc-input-focus-ring)}.oc-app-resource-search span{width:1rem;color:var(--oc-text-muted);place-items:center;display:grid}.oc-app-resource-search svg{width:.875rem;height:.875rem}.oc-app-resource-search input{width:100%;min-width:0;height:2.25rem;color:var(--oc-text-primary);font:inherit;font-size:var(--oc-font-size-xs);background:0 0;border:0;outline:0;padding:0}.oc-app-resource-list{min-width:0;padding:0 var(--oc-space-2) var(--oc-space-2);display:grid}.oc-app-resource-list-item{align-items:center;gap:var(--oc-space-3);width:100%;min-width:0;min-height:4.5rem;padding:var(--oc-space-3);border-radius:var(--oc-radius-control);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.oc-app-resource-list-item:hover{background:var(--oc-surface-interactive-hover)}.oc-app-resource-list-item:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.oc-app-resource-list-icon,.oc-pane-identity-icon,.oc-detail-section-icon{border-radius:var(--oc-radius-control);background:var(--oc-surface-secondary-soft);color:var(--oc-accent-secondary);place-items:center;display:grid}.oc-app-resource-list-item[aria-pressed=true] .oc-app-resource-list-icon{color:var(--oc-accent-secondary)}.oc-app-resource-list-icon svg,.oc-pane-identity-icon svg{width:1.125rem;height:1.125rem}.oc-app-resource-list-copy,.oc-app-resource-list-meta{gap:.1875rem;min-width:0;display:grid}.oc-app-resource-list-copy strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.oc-app-resource-list-copy small,.oc-app-resource-list-meta>small{color:var(--oc-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.oc-app-resource-list-meta{justify-items:end}.oc-pane-header-identity{grid-template-columns:auto minmax(0,1fr) auto}.oc-pane-title-row{align-items:center;gap:var(--oc-space-2);flex-wrap:wrap;min-width:0;display:flex}.oc-pane-state{place-items:center;display:grid}.oc-detail-grid{align-content:start;gap:var(--oc-space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.oc-detail-grid-span{grid-column:1/-1}.oc-detail-section{align-content:start;gap:var(--oc-space-3);min-width:0;display:grid}.oc-detail-section>header{align-items:center;gap:var(--oc-space-3);grid-template-columns:auto minmax(0,1fr) auto;min-width:0;display:grid}.oc-detail-section-icon{background:var(--oc-surface-accent-soft);width:2rem;height:2rem;color:var(--oc-accent-primary)}.oc-detail-section-icon svg{width:1rem;height:1rem}.oc-detail-section h3,.oc-detail-section p{margin:0}.oc-detail-section h3{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm)}.oc-detail-section p{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);line-height:1.45}.oc-activity-list{border-block:1px solid var(--oc-border-subtle);min-width:0;margin:0;padding:0;list-style:none;display:grid}.oc-activity-item{align-items:center;gap:var(--oc-space-3);min-width:0;padding:var(--oc-space-3) 0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.oc-activity-item+.oc-activity-item{border-top:1px solid var(--oc-border-subtle)}.oc-activity-marker{border-radius:var(--oc-radius-round);background:var(--oc-surface-interactive);width:1.75rem;height:1.75rem;color:var(--oc-text-muted);place-items:center;display:grid}.oc-activity-item[data-tone=success] .oc-activity-marker{background:var(--oc-status-success-bg);color:var(--oc-status-success-fg)}.oc-activity-item[data-tone=info] .oc-activity-marker{background:var(--oc-status-info-bg);color:var(--oc-status-info-fg)}.oc-activity-item[data-tone=error] .oc-activity-marker{background:var(--oc-status-error-bg);color:var(--oc-status-error-fg)}.oc-activity-marker svg{width:.875rem;height:.875rem}.oc-activity-copy{gap:.1875rem;min-width:0;display:grid}.oc-activity-copy strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.oc-activity-copy small,.oc-activity-item time{color:var(--oc-text-muted);font-size:.6875rem}.oc-settings-shell{grid-template-columns:minmax(13rem,16rem) minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.oc-settings-navigation{border-right:1px solid var(--oc-border-subtle);background:color-mix(in oklch, var(--oc-bg-surface) 88%, var(--oc-bg-page));grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;overflow:hidden}.oc-settings-navigation-header{align-items:center;gap:var(--oc-space-3);min-width:0;padding:var(--oc-space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.oc-settings-navigation-header h1,.oc-settings-navigation-header p{margin:0}.oc-settings-navigation-header h1{color:var(--oc-text-primary);font-family:var(--oc-font-display);font-size:var(--oc-font-size-xl)}.oc-settings-navigation-kicker{color:var(--oc-text-muted);text-transform:uppercase;font-size:.6875rem;font-weight:700}.oc-settings-search{align-items:center;gap:var(--oc-space-2);min-width:0;margin:0 var(--oc-space-3) var(--oc-space-3);padding:0 var(--oc-space-3);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-elevated);box-shadow:var(--oc-shadow-sm);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.oc-settings-search:focus-within{border-color:var(--oc-input-focus-border);box-shadow:0 0 0 3px var(--oc-input-focus-ring)}.oc-settings-search svg{width:.875rem;height:.875rem;color:var(--oc-text-muted)}.oc-settings-search input{width:100%;min-width:0;height:2.25rem;color:var(--oc-text-primary);font:inherit;font-size:var(--oc-font-size-xs);background:0 0;border:0;outline:0;padding:0}.oc-settings-navigation-list{min-width:0;padding:var(--oc-space-2) var(--oc-space-3) var(--oc-space-4);overflow:auto}.oc-settings-navigation-list section>p{padding:0 var(--oc-space-2) var(--oc-space-1);color:var(--oc-text-muted);text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:700}.oc-settings-navigation-item{align-items:center;gap:var(--oc-space-2);width:100%;min-width:0;min-height:2.25rem;padding:var(--oc-space-2);border-radius:var(--oc-radius-control);color:var(--oc-text-secondary);font:inherit;font-size:var(--oc-font-size-xs);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.oc-settings-navigation-item:hover{background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}.oc-settings-navigation-item[aria-current=page]{background:var(--oc-bg-elevated);color:var(--oc-text-primary);box-shadow:var(--oc-shadow-sm);font-weight:650}.oc-settings-navigation-item:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.oc-settings-navigation-item small{color:var(--oc-status-error-fg);font-size:.625rem}.oc-settings-navigation-icon{place-items:center;width:1rem;height:1rem;display:grid}.oc-settings-navigation-icon svg{width:.875rem;height:.875rem}.oc-settings-navigation-footer{gap:var(--oc-space-1);padding:var(--oc-space-3) var(--oc-space-4);border-top:1px solid var(--oc-border-subtle);display:grid}.oc-settings-navigation-footer>span:last-child{color:var(--oc-text-muted);font-size:.6875rem}.oc-settings-detail{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.oc-detail-header{align-items:end;gap:var(--oc-space-4);min-width:0;padding:var(--oc-space-5) var(--oc-space-6) var(--oc-space-4);border-bottom:1px solid var(--oc-border-subtle);background:var(--oc-bg-surface);grid-template-columns:minmax(0,1fr) auto;display:grid}.oc-detail-header h2,.oc-detail-header p{margin:0}.oc-detail-header h2{color:var(--oc-text-primary);font-family:var(--oc-font-display);font-size:var(--oc-font-size-2xl)}.oc-detail-header p{max-width:var(--oc-content-narrow);margin-top:var(--oc-space-1);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm)}.oc-settings-detail-scroll{box-sizing:border-box;align-content:start;gap:var(--oc-space-6);width:min(100%,58rem);min-width:0;padding:var(--oc-space-5) var(--oc-space-6) var(--oc-space-7);display:grid;overflow:auto}.oc-workspace-grid{grid-template-columns:minmax(12rem,14rem) minmax(24rem,1fr) minmax(15rem,18rem);min-width:0;min-height:0;display:grid;overflow:hidden}.oc-app-frame[data-inspector=false] .oc-workspace-grid{grid-template-columns:minmax(12rem,14rem) minmax(24rem,1fr)}.oc-workspace-sessions,.oc-workspace-conversation,.oc-workspace-inspector{background:var(--oc-bg-surface);min-width:0;min-height:0;display:grid;overflow:hidden}.oc-workspace-sessions{border-right:1px solid var(--oc-border-subtle);background:color-mix(in oklch, var(--oc-bg-surface) 88%, var(--oc-bg-page));grid-template-rows:auto auto minmax(0,1fr) auto}.oc-workspace-conversation{grid-template-rows:auto minmax(0,1fr) auto}.oc-workspace-inspector{border-left:1px solid var(--oc-border-subtle);background:color-mix(in oklch, var(--oc-bg-surface) 90%, var(--oc-bg-page));grid-template-rows:auto minmax(0,1fr)}.oc-workspace-composer{gap:var(--oc-space-2);padding:var(--oc-space-3) clamp(var(--oc-space-4), 5vw, var(--oc-space-7));border-top:1px solid var(--oc-border-subtle);background:var(--oc-bg-surface);display:grid}.oc-workspace-compose-box{border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-surface);background:var(--oc-bg-elevated);min-width:0;box-shadow:var(--oc-shadow-sm);display:grid;overflow:visible}.oc-workspace-compose-box:focus-within{border-color:var(--oc-input-focus-border);box-shadow:0 0 0 3px var(--oc-input-focus-ring)}.oc-workspace-compose-box textarea{box-sizing:border-box;resize:none;width:100%;min-width:0;padding:var(--oc-space-3) var(--oc-space-4);color:var(--oc-text-primary);font:inherit;font-size:var(--oc-font-size-sm);background:0 0;border:0;outline:0;line-height:1.5}.oc-workspace-compose-toolbar{justify-content:space-between;align-items:center;gap:var(--oc-space-2);min-width:0;padding:var(--oc-space-2);display:flex}.oc-workspace-compose-toolbar>div{align-items:center;gap:var(--oc-space-1);flex-wrap:wrap;min-width:0;display:flex}.oc-session-list{align-content:start;gap:var(--oc-space-1);padding:0 var(--oc-space-2) var(--oc-space-3);display:grid;overflow:auto}.oc-session-list-item{align-items:center;gap:var(--oc-space-2);min-width:0;min-height:3.75rem;padding:var(--oc-space-2);border-radius:var(--oc-radius-control);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.oc-session-list-item:hover{background:var(--oc-surface-interactive-hover)}.oc-session-list-item:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.oc-session-list-avatar{border-radius:var(--oc-radius-control);background:var(--oc-surface-accent-soft);width:2rem;height:2rem;color:var(--oc-accent-primary);place-items:center;display:grid}.oc-session-list-avatar svg{width:1rem;height:1rem}.oc-session-list-copy{gap:.125rem;min-width:0;display:grid}.oc-session-list-copy strong,.oc-session-list-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-session-list-copy strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-xs)}.oc-session-list-copy small,.oc-session-list-item time{color:var(--oc-text-muted);font-size:.6875rem}.oc-workspace-sessions-footer{gap:var(--oc-space-3);padding:var(--oc-space-3);border-top:1px solid var(--oc-border-subtle);color:var(--oc-text-muted);flex-wrap:wrap;font-size:.6875rem;display:flex}.oc-workspace-sessions-footer span{align-items:center;gap:var(--oc-space-1);display:inline-flex}.oc-workspace-sessions-footer svg{width:.75rem;height:.75rem}.oc-inspector-scroll{min-width:0;overflow:auto}.oc-inspector-section{gap:var(--oc-space-3);min-width:0;padding:var(--oc-space-4);border-bottom:1px solid var(--oc-border-subtle);display:grid}.oc-inspector-section>header{justify-content:space-between;align-items:center;gap:var(--oc-space-2);min-width:0;display:flex}.oc-inspector-section h3,.oc-inspector-section p{margin:0}.oc-inspector-section h3{color:var(--oc-text-primary);font-size:var(--oc-font-size-xs);text-transform:uppercase}.oc-inspector-section p,.oc-inspector-section>header>span,.oc-inspector-section>header>button{color:var(--oc-text-muted);font-size:.6875rem}.oc-inspector-section>header>button{cursor:pointer;background:0 0;border:0;padding:0}.oc-inspector-facts{gap:var(--oc-space-2);margin:0;display:grid}.oc-inspector-facts div{justify-content:space-between;align-items:baseline;gap:var(--oc-space-3);min-width:0;display:flex}.oc-inspector-facts dt,.oc-inspector-facts dd{font-size:var(--oc-font-size-xs);margin:0}.oc-inspector-facts dt{color:var(--oc-text-muted)}.oc-inspector-facts dd{color:var(--oc-text-primary);text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-inspector-meter{border-radius:var(--oc-radius-round);background:var(--oc-surface-interactive);height:.375rem;overflow:hidden}.oc-inspector-meter span{border-radius:inherit;background:var(--oc-accent-secondary);height:100%;display:block}.oc-inspector-activity,.oc-inspector-files{gap:var(--oc-space-3);margin:0;padding:0;list-style:none;display:grid}.oc-inspector-activity li{align-items:center;gap:var(--oc-space-2);grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid}.oc-inspector-activity li>span{border-radius:var(--oc-radius-round);background:var(--oc-surface-interactive);width:1.75rem;height:1.75rem;color:var(--oc-text-muted);place-items:center;display:grid}.oc-inspector-activity li[data-state=complete]>span{background:var(--oc-status-success-bg);color:var(--oc-status-success-fg)}.oc-inspector-activity li[data-state=active]>span{background:var(--oc-status-info-bg);color:var(--oc-status-info-fg)}.oc-inspector-activity svg{width:.75rem;height:.75rem}.oc-inspector-activity div{gap:.125rem;min-width:0;display:grid}.oc-inspector-activity strong,.oc-inspector-activity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-inspector-activity strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-xs)}.oc-inspector-activity small,.oc-inspector-files small{color:var(--oc-text-muted);font-size:.6875rem}.oc-inspector-files li{justify-content:space-between;align-items:center;gap:var(--oc-space-2);min-width:0;font-family:var(--oc-font-mono);font-size:.6875rem;display:flex}.oc-inspector-files li>span{color:var(--oc-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-app-frame[data-dock=bottom][data-inspector=true] .oc-workspace-grid{grid-template-rows:minmax(24rem,1fr) minmax(15rem,.55fr);grid-template-columns:minmax(12rem,14rem) minmax(24rem,1fr);overflow:auto}.oc-app-frame[data-dock=bottom][data-inspector=true] .oc-workspace-sessions{grid-row:1/-1}.oc-app-frame[data-dock=bottom][data-inspector=true] .oc-workspace-inspector{border-top:1px solid var(--oc-border-subtle);border-left:0;grid-column:2}.oc-settings-shell[data-density=compact] .oc-settings-detail-scroll{gap:var(--oc-space-4)}.oc-settings-section{gap:var(--oc-space-3);min-width:0;display:grid}.oc-settings-section-header{align-items:end;gap:var(--oc-space-4);min-width:0;padding-inline:var(--oc-space-1);grid-template-columns:minmax(0,1fr) auto;display:grid}.oc-settings-section-heading{gap:var(--oc-space-1);min-width:0;display:grid}.oc-settings-section-title{overflow-wrap:anywhere;min-width:0;color:var(--oc-text-primary);font-family:var(--oc-font-display);font-size:var(--oc-font-size-lg);margin:0;line-height:1.25}.oc-settings-group{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-surface);min-width:0;box-shadow:var(--oc-shadow-sm);display:grid;overflow:hidden}.oc-settings-row{box-sizing:border-box;align-items:center;gap:var(--oc-space-5);min-width:0;min-height:4.25rem;padding:var(--oc-space-4);grid-template-columns:minmax(0,1fr) minmax(min-content,auto);display:grid}.oc-settings-row+.oc-settings-row{border-top:1px solid var(--oc-border-subtle)}.oc-settings-shell[data-density=compact] .oc-settings-row{min-height:3.5rem;padding-block:var(--oc-space-3)}.oc-settings-row-content{gap:var(--oc-space-1);min-width:0;display:grid}.oc-settings-row-title,.oc-settings-row-description{overflow-wrap:anywhere;min-width:0;margin:0}.oc-settings-row-title{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);font-weight:650;line-height:1.4}.oc-settings-row-description{color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);line-height:1.45}.oc-settings-row-control{justify-content:flex-end;align-items:center;gap:var(--oc-space-2);min-width:0;max-width:22rem;display:flex}.oc-settings-row-control>:is(.oc-field,.oc-select-wrap,.oc-segmented){width:min(100%,18rem)}.oc-settings-row-stacked{align-items:stretch;gap:var(--oc-space-3);grid-template-columns:minmax(0,1fr)}.oc-settings-row-stacked .oc-settings-row-control{justify-content:flex-start;width:100%;max-width:none}.oc-settings-row-stacked .oc-settings-row-control>:is(.oc-field,.oc-select-wrap){width:100%;max-width:none}.oc-status{align-items:center;gap:var(--oc-space-2);min-width:0;color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);line-height:1.4;display:inline-flex}.oc-status-indicator{border-radius:var(--oc-radius-round);background:var(--oc-text-muted);width:.5rem;height:.5rem;box-shadow:0 0 0 2px var(--oc-bg-surface);flex:none}.oc-status-success .oc-status-indicator{background:var(--oc-status-success-fg)}.oc-status-warning .oc-status-indicator{background:var(--oc-status-warning-fg)}.oc-status-error .oc-status-indicator{background:var(--oc-status-error-fg)}.oc-status-info .oc-status-indicator{background:var(--oc-status-info-fg)}.oc-status-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.oc-app-main,.oc-app-content,.oc-chat-shell,.oc-settings-shell,.oc-quick-chat-stage{min-height:38rem}.oc-app-main,.oc-chat-shell,.oc-settings-shell{background:var(--oc-bg-surface)}.oc-app-content{grid-template-rows:auto minmax(0,1fr)}.oc-session-content{grid-template-rows:auto auto minmax(0,1fr)}.oc-master-detail{border-inline:0;border-bottom:0}.oc-master-pane{grid-template-rows:auto auto minmax(0,1fr)}.oc-app-resource-search{margin:var(--oc-space-2);padding-inline:var(--oc-space-2);background:var(--oc-surface-interactive);border-color:#0000}.oc-app-resource-search input{height:2rem}.oc-app-resource-list{padding:0 var(--oc-space-1) var(--oc-space-1)}.oc-app-resource-list-item{gap:var(--oc-space-2);min-height:3.25rem;padding:var(--oc-space-2)}.oc-app-resource-list-item[aria-pressed=true]{background:var(--oc-surface-interactive-hover);box-shadow:inset 2px 0 0 var(--oc-accent-primary)}.oc-app-resource-list-icon{width:1.75rem;height:1.75rem}.oc-app-resource-list-icon svg{width:.875rem;height:.875rem}.oc-pane-identity-icon{width:2rem;height:2rem}.oc-detail-grid{gap:var(--oc-space-4)}.oc-detail-section{gap:var(--oc-space-2)}.oc-activity-item{gap:var(--oc-space-2);padding:var(--oc-space-2) 0}.oc-settings-navigation-header{padding:var(--oc-space-3)}.oc-settings-navigation-header h1{font-size:var(--oc-font-size-lg)}.oc-settings-navigation-kicker{display:none}.oc-settings-search{margin:0 var(--oc-space-2) var(--oc-space-2);padding-inline:var(--oc-space-2);background:var(--oc-surface-interactive);box-shadow:none;border-color:#0000}.oc-settings-search input{height:2rem}.oc-settings-navigation-list{padding:var(--oc-space-1) var(--oc-space-2) var(--oc-space-3)}.oc-settings-navigation-list section+section{margin-top:var(--oc-space-3)}.oc-settings-navigation-item{min-height:2rem;padding:var(--oc-space-1) var(--oc-space-2)}.oc-settings-navigation-item[aria-current=page]{background:var(--oc-surface-interactive-hover);box-shadow:inset 2px 0 0 var(--oc-accent-primary)}.oc-settings-navigation-footer{padding:var(--oc-space-2) var(--oc-space-3)}.oc-detail-header{padding:var(--oc-space-3) var(--oc-space-4);align-items:center}.oc-detail-header h1,.oc-detail-header h2{color:var(--oc-text-primary);font-family:var(--oc-font-display);font-size:var(--oc-font-size-lg);margin:0}.oc-detail-header p{font-size:var(--oc-font-size-xs);margin-top:.125rem}.oc-settings-detail-scroll{gap:var(--oc-space-4);width:min(100%,48rem);padding:var(--oc-space-4)}.oc-settings-section{gap:var(--oc-space-2)}.oc-settings-section-header{padding-inline:0}.oc-settings-section-title{font-size:var(--oc-font-size-xs)}.oc-settings-group{border-radius:var(--oc-radius-control);box-shadow:none}.oc-settings-row,.oc-settings-shell[data-density=compact] .oc-settings-row{gap:var(--oc-space-3);min-height:3rem;padding:var(--oc-space-2) var(--oc-space-3)}.oc-settings-row-content{gap:.125rem}.oc-settings-row-title{font-size:var(--oc-font-size-xs)}.oc-settings-row-description{font-size:.6875rem}.oc-settings-inline-actions{justify-content:flex-end;align-items:center;gap:var(--oc-space-2);display:flex}.oc-chat-shell{min-width:0;display:grid;overflow:hidden}.oc-workspace-grid{grid-template-columns:12rem minmax(24rem,1fr) 16rem}.oc-chat-shell[data-dock=bottom][data-inspector=true] .oc-workspace-grid{grid-template-rows:minmax(22rem,1fr) minmax(12rem,.45fr);grid-template-columns:12rem minmax(24rem,1fr);overflow:auto}.oc-chat-shell[data-dock=bottom][data-inspector=true] .oc-workspace-sessions{grid-row:1/-1}.oc-chat-shell[data-dock=bottom][data-inspector=true] .oc-workspace-inspector{border-top:1px solid var(--oc-border-subtle);border-left:0;grid-column:2}.oc-session-list{padding:0 var(--oc-space-1) var(--oc-space-2);gap:0}.oc-session-list-item{min-height:3rem;padding:var(--oc-space-1) var(--oc-space-2)}.oc-session-list-item[aria-pressed=true]{background:var(--oc-surface-interactive-hover);box-shadow:inset 2px 0 0 var(--oc-accent-primary)}.oc-session-list-avatar{width:1.75rem;height:1.75rem}.oc-workspace-sessions-footer{gap:var(--oc-space-2);padding:var(--oc-space-2)}.oc-workspace-composer{padding:var(--oc-space-2) clamp(var(--oc-space-3), 4vw, var(--oc-space-6))}.oc-workspace-compose-box{border-radius:var(--oc-radius-control);box-shadow:none}.oc-workspace-compose-box textarea{padding:var(--oc-space-2) var(--oc-space-3)}.oc-workspace-compose-toolbar{padding:0 var(--oc-space-1) var(--oc-space-1)}.oc-workspace-compose-actions{flex:none}.oc-context-usage{--oc-context-used:0%;align-items:center;gap:var(--oc-space-1);color:var(--oc-text-muted);grid-template-columns:1.5rem auto;display:inline-grid}.oc-context-usage>span{border-radius:var(--oc-radius-round);background:linear-gradient(to right, var(--oc-accent-secondary) var(--oc-context-used,0%), var(--oc-surface-interactive) var(--oc-context-used,0%));width:1.5rem;height:.25rem;display:block;overflow:hidden}.oc-context-usage small{font-size:.625rem}.oc-composer-tool,.oc-composer-primary-button,.oc-composer-camera-toggle{border-radius:var(--oc-radius-round);width:2rem;height:2rem;color:var(--oc-text-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.oc-composer-tool:hover,.oc-composer-tool.is-active,.oc-composer-camera-toggle:hover,.oc-composer-camera-toggle.is-active{background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}.oc-composer-tool.is-active,.oc-composer-camera-toggle.is-active{color:var(--oc-accent-primary)}.oc-composer-tool :is(svg,[data-lucide]),.oc-composer-primary-button :is(svg,[data-lucide]),.oc-composer-camera-toggle :is(svg,[data-lucide]){width:.875rem;height:.875rem}.oc-composer-primary-actions{align-items:center;gap:var(--oc-space-1);min-width:0;display:inline-flex}.oc-composer-primary-button{background:var(--oc-text-primary);color:var(--oc-bg-page)}.oc-composer-primary-button:hover{opacity:.88}.oc-composer-primary-button:disabled{opacity:.4;cursor:default}.oc-composer-primary-button:disabled:hover{opacity:.4}.oc-composer-primary-button.is-dictation{background:var(--oc-surface-interactive);color:var(--oc-text-secondary)}.oc-composer-primary-button.is-dictation.is-active,.oc-composer-primary-button.is-stop{background:var(--oc-status-error-bg);color:var(--oc-status-error-fg)}.oc-composer-voice-live{align-items:center;gap:var(--oc-space-2);min-height:2rem;padding:0 var(--oc-space-2);border:1px solid color-mix(in srgb, var(--oc-accent-primary) 34%, var(--oc-border-subtle));border-radius:var(--oc-radius-round);background:var(--oc-surface-accent-soft);color:var(--oc-accent-primary);font:inherit;cursor:pointer;grid-template-columns:auto auto auto;font-size:.625rem;font-weight:650;display:inline-grid}.oc-composer-voice-live>[data-lucide]:last-child{opacity:0;width:.625rem;height:.625rem;transition:opacity var(--oc-duration-fast) var(--oc-ease-out)}.oc-composer-voice-live:hover>[data-lucide]:last-child{opacity:1}.oc-composer-voice-live.is-error{border-color:color-mix(in srgb, var(--oc-status-error-fg) 38%, var(--oc-border-subtle));background:var(--oc-status-error-bg);color:var(--oc-status-error-fg)}.oc-composer-voice-bars{align-items:center;gap:.1rem;height:.875rem;display:inline-flex}.oc-composer-voice-bars i{border-radius:var(--oc-radius-round);transform-origin:50%;background:currentColor;width:.125rem;height:.375rem;animation:.72s ease-in-out infinite alternate oc-composer-voice-level}.oc-composer-voice-bars i:nth-child(2){animation-delay:-80ms}.oc-composer-voice-bars i:nth-child(3){animation-delay:-160ms}.oc-composer-voice-bars i:nth-child(4){animation-delay:-240ms}.oc-composer-voice-bars i:nth-child(5){animation-delay:-320ms}.oc-composer-voice-bars i:nth-child(6){animation-delay:-400ms}.oc-composer-voice-bars i:nth-child(7){animation-delay:-480ms}.oc-composer-voice-bars i:nth-child(3n+2){height:.625rem}.oc-composer-voice-bars i:nth-child(3n){height:.5rem}.oc-composer-voice-bars[data-state=connecting] i{animation-name:oc-composer-voice-connect}.oc-composer-voice-bars[data-state=thinking] i{animation-duration:1.1s}.oc-composer-camera-preview{justify-content:space-between;align-items:flex-end;gap:var(--oc-space-2);min-height:4.25rem;margin:var(--oc-space-2) var(--oc-space-2) 0;padding:var(--oc-space-2);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:linear-gradient(145deg, transparent 45%, var(--oc-surface-interactive) 45% 55%, transparent 55%), var(--oc-bg-recessed);color:var(--oc-text-muted);font-size:.625rem;display:flex;overflow:hidden}.oc-composer-camera-preview>div{align-items:center;gap:var(--oc-space-2);display:inline-flex}.oc-composer-camera-person{border-radius:var(--oc-radius-round);background:var(--oc-bg-elevated);width:2rem;height:2rem;color:var(--oc-text-secondary);place-items:center;display:grid}.oc-composer-camera-preview button{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-round);background:var(--oc-bg-elevated);width:1.75rem;height:1.75rem;color:var(--oc-text-secondary);place-items:center;padding:0;display:grid}.oc-composer-camera-preview :is(svg,[data-lucide]){width:.75rem;height:.75rem}.oc-composer-dictation-status{align-items:center;gap:var(--oc-space-2);min-height:2rem;padding:var(--oc-space-2) var(--oc-space-3) 0;color:var(--oc-status-error-fg);font-size:.625rem;display:flex}.oc-composer-dictation-status[hidden]{display:none}@keyframes oc-composer-voice-level{0%{transform:scaleY(.55)}to{transform:scaleY(1.35)}}@keyframes oc-composer-voice-connect{0%{opacity:.35}to{opacity:1}}.oc-inspector-section{gap:var(--oc-space-2);padding:var(--oc-space-3)}.oc-inspector-activity,.oc-inspector-files{gap:var(--oc-space-2)}.oc-model-controls{align-items:center;gap:var(--oc-space-1);flex-wrap:wrap;min-width:0;display:flex}.oc-model-picker{position:relative}.oc-model-picker>summary{list-style:none}.oc-model-picker>summary::-webkit-details-marker{display:none}.oc-model-trigger{box-sizing:border-box;align-items:center;gap:var(--oc-space-1);width:12rem;min-height:1.875rem;padding:var(--oc-space-1) var(--oc-space-2);border-radius:var(--oc-radius-control);color:var(--oc-text-secondary);font:inherit;cursor:pointer;transition:background .14s var(--oc-ease-out), color .14s var(--oc-ease-out);background:0 0;border:0;font-size:.6875rem;display:inline-flex}.oc-model-trigger:hover{background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}.oc-model-trigger:disabled{cursor:not-allowed}.oc-model-trigger:disabled:hover{color:var(--oc-text-secondary);background:0 0}.oc-model-trigger:focus-visible,.oc-model-providers button:focus-visible,.oc-model-option:focus-visible,.oc-search-field:focus-within{outline:2px solid var(--oc-focus-ring);outline-offset:1px}.oc-model-trigger>span:nth-child(2){align-items:baseline;gap:var(--oc-space-1);flex:1;min-width:0;display:flex}.oc-model-trigger strong,.oc-model-trigger small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-model-trigger strong{max-width:10rem;color:var(--oc-text-primary);font-size:.6875rem}.oc-model-trigger small{max-width:8rem;color:var(--oc-text-muted);font-size:.625rem}.oc-model-trigger>svg:last-child{width:.75rem;height:.75rem;transition:transform .16s var(--oc-ease-out)}.oc-model-picker[open] .oc-model-trigger>svg:last-child{transform:rotate(180deg)}.oc-model-provider-mark{width:1rem;height:1rem;color:var(--oc-text-secondary);flex:none;place-items:center;display:grid}.oc-model-provider-mark :is(svg,[data-lucide]){width:.875rem;height:.875rem}.oc-model-controls[data-locked=true]{opacity:.6}.oc-model-menu{z-index:20;bottom:calc(100% + var(--oc-space-2));border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-control);background:var(--oc-bg-elevated);width:min(21rem,100vw - 2rem);box-shadow:var(--oc-shadow-lg);transform-origin:0 100%;animation:oc-app-menu-in .16s var(--oc-ease-out);position:absolute;left:0;overflow:hidden}.oc-model-search,.oc-search-field{align-items:center;gap:var(--oc-space-2);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-surface-interactive);grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid}.oc-model-search{padding-inline:var(--oc-space-3);background:0 0;border:0;border-radius:0;margin:0}.oc-model-search input::-webkit-search-cancel-button{appearance:none}.oc-model-search svg,.oc-search-field svg{width:.875rem;height:.875rem;color:var(--oc-text-muted)}.oc-model-search input[type=search],.oc-search-field input[type=search],.oc-model-search input,.oc-search-field input{width:100%;min-width:0;height:2.25rem;min-height:0;color:var(--oc-text-primary);font:inherit;font-size:var(--oc-font-size-xs);background:0 0;border:0;border-radius:0;outline:0;padding:0}.oc-model-menu-layout{border-top:1px solid var(--oc-border-subtle);grid-template-columns:6.25rem minmax(0,1fr);min-height:10.5rem;display:grid}.oc-model-menu-footer{justify-content:space-between;align-items:center;gap:var(--oc-space-3);min-height:2.25rem;padding:var(--oc-space-1) var(--oc-space-3);border-top:1px solid var(--oc-border-subtle);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);display:flex}.oc-model-menu-settings{border-top:1px solid var(--oc-border-subtle);min-width:0;display:grid}.oc-model-setting-row{align-items:center;gap:var(--oc-space-2);min-width:0;padding:var(--oc-space-2) var(--oc-space-3);grid-template-columns:8rem minmax(0,1fr);display:grid}.oc-model-setting-row+.oc-model-setting-row{border-top:1px solid var(--oc-border-subtle)}.oc-model-reasoning-row{gap:var(--oc-space-1);grid-template-columns:minmax(0,1fr)}.oc-model-reasoning-row .oc-model-setting-heading{justify-content:space-between;align-items:baseline;display:flex}.oc-model-reasoning-stops{padding-right:calc(1.75rem + var(--oc-space-2));justify-content:space-between;margin-top:-.25rem;padding-left:.125rem;display:flex}.oc-model-reasoning-stop{color:var(--oc-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.625rem}.oc-model-reasoning-stop:hover:not(:disabled){color:var(--oc-text-primary)}.oc-model-reasoning-stop[aria-pressed=true]{color:var(--oc-accent-primary);font-weight:600}.oc-model-reasoning-stop:disabled{cursor:not-allowed}.oc-model-setting-heading{min-width:0;color:var(--oc-text-muted);gap:.125rem;font-size:.625rem;display:grid}.oc-model-setting-heading>span{align-items:center;gap:var(--oc-space-1);color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);font-weight:600;display:inline-flex}.oc-model-setting-heading :is(svg,[data-lucide]){width:.75rem;height:.75rem}.oc-model-setting-heading output{color:var(--oc-text-primary);font-size:.625rem}.oc-model-reasoning-control{align-items:center;gap:var(--oc-space-2);grid-template-columns:minmax(0,1fr) 1.75rem;min-width:0;display:grid;position:relative}.oc-model-reasoning-dots{z-index:0;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:50%;left:.375rem;right:2.25rem;transform:translateY(-50%)}.oc-model-reasoning-dot{border-radius:var(--oc-radius-round);background:var(--oc-border-strong);width:.25rem;height:.25rem}.oc-model-reasoning-dot-default{box-shadow:0 0 0 2px var(--oc-bg-elevated);background:var(--oc-accent-primary)}.oc-model-reasoning-range{--oc-model-reasoning-fill:75%;z-index:1;appearance:none;cursor:pointer;background:0 0;width:100%;height:1.5rem;margin:0;position:relative}.oc-model-reasoning-range::-webkit-slider-runnable-track{border-radius:var(--oc-radius-round);background:linear-gradient(to right, var(--oc-accent-primary) var(--oc-model-reasoning-fill,75%), var(--oc-surface-interactive) var(--oc-model-reasoning-fill,75%));height:.25rem}.oc-model-reasoning-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--oc-bg-elevated);border-radius:var(--oc-radius-round);background:var(--oc-text-primary);width:.875rem;height:.875rem;box-shadow:0 0 0 1px var(--oc-border-strong);transition:box-shadow var(--oc-duration-fast) var(--oc-ease-out), transform var(--oc-duration-fast) var(--oc-ease-out);margin-top:-.3125rem}.oc-model-reasoning-range::-moz-range-thumb{border:2px solid var(--oc-bg-elevated);border-radius:var(--oc-radius-round);background:var(--oc-text-primary);width:.875rem;height:.875rem;box-shadow:0 0 0 1px var(--oc-border-strong);transition:box-shadow var(--oc-duration-fast) var(--oc-ease-out), transform var(--oc-duration-fast) var(--oc-ease-out)}.oc-model-reasoning-range:hover:not(:disabled)::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--oc-border-strong), 0 0 0 4px var(--oc-surface-interactive-hover)}.oc-model-reasoning-range:hover:not(:disabled)::-moz-range-thumb{box-shadow:0 0 0 1px var(--oc-border-strong), 0 0 0 4px var(--oc-surface-interactive-hover)}.oc-model-reasoning-range:active:not(:disabled)::-webkit-slider-thumb{transform:scale(1.1)}.oc-model-reasoning-range:active:not(:disabled)::-moz-range-thumb{transform:scale(1.1)}.oc-model-reasoning-range:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-model-setting-reset{border-radius:var(--oc-radius-control);width:1.75rem;height:1.75rem;color:var(--oc-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.oc-model-setting-reset:hover:not(:disabled){background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}.oc-model-setting-reset:disabled{opacity:.28;cursor:default}.oc-model-setting-reset :is(svg,[data-lucide]){width:.75rem;height:.75rem}.oc-model-speed-row{grid-template-columns:minmax(0,1fr) auto}.oc-model-speed-toggle{align-items:center;gap:var(--oc-space-2);min-height:1.75rem;padding:var(--oc-space-1) var(--oc-space-2);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-round);background:var(--oc-bg-surface);color:var(--oc-text-muted);font:inherit;cursor:pointer;font-size:.625rem;display:inline-flex}.oc-model-speed-toggle>span{border-radius:var(--oc-radius-round);background:var(--oc-surface-interactive);width:1.5rem;height:.875rem;transition:background var(--oc-duration-fast) var(--oc-ease-out);position:relative}.oc-model-speed-toggle>span:after{border-radius:var(--oc-radius-round);background:var(--oc-text-muted);content:"";width:.625rem;height:.625rem;transition:transform var(--oc-duration-fast) var(--oc-ease-out);position:absolute;top:.125rem;left:.125rem}.oc-model-speed-toggle.is-active{border-color:color-mix(in srgb, var(--oc-accent-primary) 42%, var(--oc-border-subtle));background:var(--oc-surface-accent-soft);color:var(--oc-accent-primary)}.oc-model-speed-toggle.is-active>span{background:var(--oc-accent-primary)}.oc-model-speed-toggle.is-active>span:after{background:var(--oc-bg-elevated);transform:translate(.625rem)}.oc-model-speed-toggle:disabled{opacity:.45;cursor:not-allowed}.oc-model-menu-footer button{color:var(--oc-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.oc-agent-interactive-tool-row{width:min(100%,42rem)}.oc-agent-interactive-tool{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-elevated);overflow:hidden}.oc-agent-interactive-header{align-items:center;gap:var(--oc-space-2);min-height:2.5rem;padding:var(--oc-space-2) var(--oc-space-3);border-bottom:1px solid var(--oc-border-subtle);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.oc-agent-interactive-header>span:first-child{align-items:center;gap:var(--oc-space-2);min-width:0;color:var(--oc-text-primary);font-weight:600;display:inline-flex}.oc-agent-interactive-header code{font-family:var(--oc-font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-agent-interactive-header :is(button,a){border-radius:var(--oc-radius-control);width:1.75rem;height:1.75rem;color:var(--oc-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;text-decoration:none;display:grid}.oc-agent-interactive-header :is(button,a):hover{background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}.oc-agent-interactive-header :is(svg,[data-lucide]){width:.875rem;height:.875rem}.oc-agent-interactive-preview{background:var(--oc-bg-page);grid-template-columns:2.75rem minmax(0,1fr);min-height:12rem;display:grid}.oc-agent-interactive-preview-sidebar{align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-2) 0;border-right:1px solid var(--oc-border-subtle);background:var(--oc-bg-surface);flex-direction:column;display:flex}.oc-agent-interactive-preview-sidebar>span{border-radius:var(--oc-radius-control);width:1.75rem;height:1.75rem;color:var(--oc-text-muted);place-items:center;display:grid}.oc-agent-interactive-preview-sidebar>span.is-active{background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}.oc-agent-interactive-preview-sidebar .oc-agent-interactive-preview-brand{margin-bottom:var(--oc-space-2)}.oc-agent-interactive-preview-brand img{object-fit:contain;width:1.25rem;height:1.25rem}.oc-agent-interactive-preview-sidebar [data-lucide]{width:.875rem;height:.875rem}.oc-agent-interactive-preview-content{background:var(--oc-bg-recessed);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid}.oc-agent-interactive-preview-content>header{justify-content:space-between;align-items:center;gap:var(--oc-space-3);min-width:0;padding:var(--oc-space-2) var(--oc-space-3);border-bottom:1px solid var(--oc-border-subtle);background:var(--oc-bg-surface);display:flex}.oc-agent-interactive-preview-content>header>div{min-width:0;display:grid}.oc-agent-interactive-preview-content>header strong{font-size:.6875rem}.oc-agent-interactive-preview-content>header small,.oc-agent-interactive-preview-content>header>span{color:var(--oc-text-muted);font-size:.5625rem}.oc-agent-interactive-preview-content>header>span:before{width:.35rem;height:.35rem;margin-right:var(--oc-space-1);border-radius:var(--oc-radius-round);background:var(--oc-status-success-fg);content:"";display:inline-block}.oc-agent-interactive-preview-thread{align-content:center;gap:var(--oc-space-3);padding:var(--oc-space-3);display:grid}.oc-agent-interactive-preview-thread p{width:fit-content;max-width:82%;padding:var(--oc-space-2);border-radius:var(--oc-radius-control);background:var(--oc-bg-surface);color:var(--oc-text-secondary);margin:0;font-size:.625rem;line-height:1.35}.oc-agent-interactive-preview-thread .is-user{background:var(--oc-surface-interactive);color:var(--oc-text-primary);justify-self:end}.oc-agent-interactive-preview-thread>div{align-items:start;gap:var(--oc-space-2);grid-template-columns:1.25rem minmax(0,1fr);display:grid}.oc-agent-interactive-preview-thread>div>span{place-items:center;width:1.25rem;height:1.25rem;display:grid}.oc-agent-interactive-preview-thread img{object-fit:contain;width:100%;height:100%}.oc-agent-interactive-preview-content>footer{justify-content:space-between;align-items:center;gap:var(--oc-space-2);min-height:2rem;margin:0 var(--oc-space-3) var(--oc-space-3);padding:var(--oc-space-1) var(--oc-space-2);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-surface);color:var(--oc-text-muted);font-size:.625rem;display:flex}.oc-agent-interactive-preview-content>footer i{border-radius:var(--oc-radius-round);background:var(--oc-text-primary);width:1.25rem;height:1.25rem;color:var(--oc-bg-page);place-items:center;display:grid}.oc-agent-interactive-preview-content>footer [data-lucide]{width:.625rem;height:.625rem}.oc-agent-interactive-state{align-content:center;gap:var(--oc-space-1);min-height:8rem;padding:var(--oc-space-5);background:var(--oc-bg-page);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);margin:0;display:grid}.oc-agent-interactive-state strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm)}.oc-agent-interactive-tool[data-state=failed] .oc-agent-interactive-state strong{color:var(--oc-status-error-fg)}.oc-agent-interactive-artifact{align-items:center;gap:var(--oc-space-4);min-height:8rem;padding:var(--oc-space-4);grid-template-columns:7rem minmax(0,1fr);margin:0;display:grid}.oc-agent-interactive-artifact-thumb{aspect-ratio:4/3;border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-recessed);color:var(--oc-text-muted);place-items:center;display:grid}.oc-agent-interactive-artifact-thumb img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.oc-agent-interactive-artifact figcaption{gap:var(--oc-space-1);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);display:grid}.oc-agent-interactive-artifact figcaption small{max-width:24rem;line-height:1.4}.oc-agent-interactive-artifact strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm)}.oc-agent-interactive-facts{gap:var(--oc-space-3);min-width:0;padding:var(--oc-space-2) var(--oc-space-3);border-top:1px solid var(--oc-border-subtle);background:var(--oc-bg-recessed);flex-wrap:wrap;margin:0;display:flex}.oc-agent-interactive-facts>div{gap:var(--oc-space-1);min-width:0;color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:.625rem;display:inline-flex}.oc-agent-interactive-facts dt{color:var(--oc-text-secondary)}.oc-agent-interactive-facts dd{margin:0}.oc-agent-interactive-header [data-state=copied]{color:var(--oc-status-success-fg)}.oc-model-menu-footer button:hover{color:var(--oc-text-primary)}.oc-model-providers{align-content:start;gap:var(--oc-space-1);padding:var(--oc-space-2);border-right:1px solid var(--oc-border-subtle);background:var(--oc-bg-recessed);display:grid}.oc-model-providers button{align-items:center;gap:var(--oc-space-2);min-height:2rem;padding:var(--oc-space-1) var(--oc-space-2);border-radius:var(--oc-radius-control);color:var(--oc-text-secondary);font:inherit;font-size:var(--oc-font-size-xs);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.oc-model-providers button .oc-model-provider-mark,.oc-model-providers button>[data-lucide]{width:.875rem;height:.875rem}.oc-model-providers button[aria-pressed=true] .oc-model-provider-mark{color:var(--oc-accent-primary)}.oc-model-providers button:hover,.oc-model-providers button[aria-pressed=true]{background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}.oc-model-options{padding:var(--oc-space-1);overflow:auto}.oc-model-option{align-items:center;gap:var(--oc-space-2);width:100%;min-height:2.25rem;padding:var(--oc-space-1) var(--oc-space-2);border-radius:var(--oc-radius-control);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.oc-model-option[hidden]{display:none}.oc-model-option-provider{width:1.25rem;height:1.25rem}.oc-model-option-provider svg{width:1rem;height:1rem}.oc-model-option[aria-pressed=true] .oc-model-option-provider{color:var(--oc-accent-primary)}.oc-model-option:hover,.oc-model-option[aria-pressed=true]{background:var(--oc-surface-interactive-hover)}.oc-model-option-copy{min-width:0;display:grid}.oc-model-option-copy strong,.oc-model-option-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-model-option-copy strong{font-size:var(--oc-font-size-xs)}.oc-model-option-copy small{color:var(--oc-text-muted);font-size:.625rem}.oc-model-check{width:1rem;height:1rem;color:var(--oc-accent-primary);place-items:center;display:grid}.oc-model-check svg{width:.75rem;height:.75rem}.oc-session-toolbar{align-items:center;gap:var(--oc-space-2);min-width:0;padding:var(--oc-space-2) var(--oc-space-3);border-bottom:1px solid var(--oc-border-subtle);grid-template-columns:minmax(12rem,20rem) auto auto;display:grid}.oc-search-field{padding-inline:var(--oc-space-2)}.oc-session-table-wrap{border:0;border-radius:0;min-height:0;overflow:auto}.oc-session-table th,.oc-session-table td{height:2.75rem;padding:var(--oc-space-2) var(--oc-space-3);font-size:var(--oc-font-size-xs)}.oc-session-table th:first-child,.oc-session-table td:first-child,.oc-session-table th:last-child,.oc-session-table td:last-child{width:2.5rem}.oc-session-table tbody tr{transition:background .14s var(--oc-ease-out)}.oc-session-table tbody tr:hover,.oc-session-table tbody tr[aria-selected=true]{background:var(--oc-surface-interactive-hover)}.oc-session-cell{min-width:12rem;display:grid}.oc-session-cell strong,.oc-session-cell small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-session-cell small{color:var(--oc-text-muted);font-size:.6875rem}.oc-quick-chat-stage{box-sizing:border-box;padding:var(--oc-space-5);background:var(--oc-bg-recessed);place-items:center;display:grid;overflow:hidden}.oc-quick-chat{width:min(100%,42rem);max-height:calc(100% - var(--oc-space-4));border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-surface);background:var(--oc-bg-elevated);box-shadow:var(--oc-shadow-lg);animation:oc-quick-chat-in .22s var(--oc-ease-out);grid-template-rows:auto auto minmax(0,1fr) auto auto;display:grid;overflow:visible}.oc-quick-chat-header,.oc-quick-chat-toolbar{justify-content:space-between;align-items:center;gap:var(--oc-space-2);min-width:0;display:flex}.oc-quick-chat-header{min-height:3rem;padding:var(--oc-space-2) var(--oc-space-3);border-bottom:1px solid var(--oc-border-subtle)}.oc-quick-chat-header>div:first-child{align-items:center;gap:var(--oc-space-2);font-size:var(--oc-font-size-sm);display:flex}.oc-quick-chat-agent{flex:none;place-items:center;display:grid}.oc-quick-chat-context{align-items:center;gap:var(--oc-space-1);min-width:0;padding:var(--oc-space-2) var(--oc-space-3) 0;flex-wrap:wrap;display:flex}.oc-quick-chat-context>span,.oc-quick-chat-context>button{align-items:center;gap:var(--oc-space-1);min-height:1.625rem;padding:var(--oc-space-1) var(--oc-space-2);border-radius:var(--oc-radius-round);background:var(--oc-surface-interactive);color:var(--oc-text-secondary);font:inherit;border:0;font-size:.625rem;display:inline-flex}.oc-quick-chat-context>button{cursor:pointer;justify-content:center;width:1.625rem;padding:0}.oc-quick-chat-context svg{width:.75rem;height:.75rem}.oc-quick-chat-reply{align-content:start;gap:var(--oc-space-2);min-height:3rem;padding:var(--oc-space-4);grid-template-columns:auto minmax(0,1fr);display:grid}.oc-quick-chat-agent{width:1.75rem;height:1.75rem}.oc-quick-chat-reply p{max-width:34rem;color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);margin:0;line-height:1.5}.oc-quick-chat[data-state=active] .oc-quick-chat-reply p:after{content:"";width:.375rem;height:.875rem;margin-left:var(--oc-space-1);vertical-align:-.125rem;background:var(--oc-accent-primary);animation:1s steps(2,jump-none) infinite oc-app-cursor;display:inline-block}.oc-quick-chat-composer{margin:0 var(--oc-space-3);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-control);background:var(--oc-bg-surface);overflow:visible}.oc-quick-chat-composer:focus-within{border-color:var(--oc-input-focus-border);box-shadow:0 0 0 3px var(--oc-input-focus-ring)}.oc-quick-chat-composer textarea{box-sizing:border-box;resize:none;width:100%;min-height:3rem;padding:var(--oc-space-3);color:var(--oc-text-primary);font:inherit;font-size:var(--oc-font-size-sm);background:0 0;border:0;outline:0}.oc-quick-chat-toolbar{padding:0 var(--oc-space-1) var(--oc-space-1)}.oc-agent-attributed-message{align-items:start;gap:var(--oc-space-2);grid-template-columns:1.25rem minmax(0,1fr);min-width:0;display:grid}.oc-agent-message-author{align-items:baseline;gap:var(--oc-space-2);color:var(--oc-text-primary);font-size:var(--oc-font-size-xs);font-weight:600;display:inline-flex}.oc-agent-collaboration[data-variant=transcript] .oc-agent-message-author{font-size:var(--oc-font-size-sm)}@media (prefers-reduced-motion:reduce){.oc-agent-collaboration-facepile[data-state=thinking]>.oc-avatar{animation:none;transform:none}}.oc-workspace-progress li[data-state=active] svg,.oc-inspector-activity li[data-state=active] svg{animation:.9s linear infinite oc-app-spin}@keyframes oc-app-menu-in{0%{opacity:0;transform:translateY(.375rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes oc-quick-chat-in{0%{opacity:0;transform:translateY(.75rem)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes oc-app-spin{to{transform:rotate(360deg)}}@keyframes oc-app-cursor{50%{opacity:0}}@media (width<=64rem){.oc-app-frame:not([data-navigation=compact]){grid-template-columns:minmax(11rem,14rem) minmax(0,1fr)}.oc-detail-grid{grid-template-columns:minmax(0,1fr)}.oc-detail-grid-span{grid-column:auto}.oc-workspace-grid{grid-template-columns:minmax(11rem,13rem) minmax(22rem,1fr)}.oc-workspace-inspector-action{display:none}.oc-app-frame[data-inspector=true] .oc-workspace-grid{grid-template-rows:minmax(22rem,1fr) minmax(12rem,.45fr);grid-template-columns:minmax(11rem,13rem) minmax(22rem,1fr);overflow:auto}.oc-chat-shell[data-inspector=true] .oc-workspace-grid,.oc-chat-shell[data-dock=bottom][data-inspector=true] .oc-workspace-grid{grid-template-rows:minmax(22rem,1fr) minmax(12rem,.45fr);grid-template-columns:11rem minmax(22rem,1fr);overflow:auto}.oc-app-frame[data-inspector=true] .oc-workspace-sessions,.oc-chat-shell[data-inspector=true] .oc-workspace-sessions{grid-row:1/-1}.oc-app-frame[data-inspector=true] .oc-workspace-inspector,.oc-chat-shell[data-inspector=true] .oc-workspace-inspector{border-top:1px solid var(--oc-border-subtle);border-left:0;grid-column:2;display:grid}.oc-session-toolbar{grid-template-columns:minmax(12rem,1fr) auto}.oc-session-toolbar>.oc-action{display:none}}@media (width<=48rem){.oc-app-frame,.oc-app-frame:not([data-navigation=compact]),.oc-app-frame[data-navigation=compact]{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:32rem}.oc-app-main,.oc-app-content,.oc-chat-shell,.oc-settings-shell{min-height:32rem}.oc-app-navigation{border-right:0;border-bottom:1px solid var(--oc-border-subtle);grid-template-rows:auto auto}.oc-app-navigation-header,.oc-app-frame[data-navigation=compact] .oc-app-navigation-header{min-height:auto;padding:var(--oc-space-3);justify-content:flex-start;display:flex}.oc-app-frame[data-navigation=compact] .oc-app-navigation-title{display:block}.oc-app-navigation-context,.oc-app-navigation-collapse{display:none}.oc-app-navigation-body{gap:var(--oc-space-1);padding:0 var(--oc-space-3) var(--oc-space-3);display:flex;overflow:auto hidden}.oc-app-navigation-section{display:contents}.oc-app-navigation-label,.oc-app-navigation-footer{display:none}.oc-app-navigation-list{width:max-content;min-width:max-content;display:flex}.oc-app-navigation-item,.oc-app-frame[data-navigation=compact] .oc-app-navigation-item{white-space:nowrap;grid-template-columns:1.25rem minmax(0,1fr) auto;justify-content:start}.oc-app-frame[data-navigation=compact] .oc-app-navigation-item-label{width:auto;height:auto;padding:initial;clip:auto;clip-path:none;margin:0;display:block;position:static;overflow:hidden}.oc-page-header{padding:var(--oc-space-4);grid-template-columns:minmax(0,1fr);align-items:start}.oc-app-content{overflow:auto}.oc-page-header-actions{justify-content:flex-start}.oc-master-detail{grid-template-rows:auto minmax(18rem,1fr);grid-template-columns:minmax(0,1fr);overflow:auto}.oc-master-detail>.oc-pane+.oc-pane{border-top-width:1px;border-left-width:0}.oc-master-detail>.oc-pane{min-height:0}.oc-pane-header,.oc-settings-section-header,.oc-pane-header-identity,.oc-detail-header{grid-template-columns:minmax(0,1fr);align-items:start}.oc-pane-actions{justify-content:flex-start}.oc-settings-row{align-items:start;gap:var(--oc-space-3);grid-template-columns:minmax(0,1fr)}.oc-settings-row-control{justify-content:flex-start;width:100%;max-width:none}.oc-settings-shell{grid-template-columns:minmax(0,1fr);overflow:visible}.oc-settings-navigation{border-right:0;border-bottom:1px solid var(--oc-border-subtle);grid-template-rows:auto auto auto;overflow:hidden}.oc-settings-navigation-header{padding:var(--oc-space-3) var(--oc-space-4)}.oc-settings-navigation-header h1{font-size:var(--oc-font-size-lg)}.oc-settings-search{margin:0 var(--oc-space-4) var(--oc-space-3)}.oc-settings-navigation-list{gap:var(--oc-space-1);padding:0 var(--oc-space-4) var(--oc-space-3);display:flex;overflow:auto hidden}.oc-settings-navigation-list section{display:contents}.oc-settings-navigation-list section+section{margin-top:0}.oc-settings-navigation-list section>p,.oc-settings-navigation-footer{display:none}.oc-settings-navigation-item{white-space:nowrap;width:max-content;min-width:max-content}.oc-settings-detail{overflow:visible}.oc-detail-header{padding:var(--oc-space-4)}.oc-settings-detail-scroll{width:100%;padding:var(--oc-space-4);overflow:visible}.oc-app-resource-list-item{min-height:4rem}.oc-workspace-grid,.oc-app-frame[data-inspector=false] .oc-workspace-grid,.oc-app-frame[data-dock=bottom][data-inspector=true] .oc-workspace-grid,.oc-chat-shell[data-inspector=false] .oc-workspace-grid,.oc-chat-shell[data-inspector=true] .oc-workspace-grid,.oc-chat-shell[data-dock=bottom][data-inspector=true] .oc-workspace-grid{grid-template-rows:auto minmax(28rem,1fr);grid-template-columns:minmax(0,1fr);overflow:visible}.oc-workspace-sessions{border-right:0;border-bottom:1px solid var(--oc-border-subtle);grid-row:auto;max-height:15rem}.oc-app-frame[data-dock=bottom][data-inspector=true] .oc-workspace-sessions,.oc-chat-shell[data-dock=bottom][data-inspector=true] .oc-workspace-sessions{grid-row:auto}.oc-workspace-inspector{display:none}.oc-settings-row:not(.oc-settings-row-stacked){align-items:center;gap:var(--oc-space-2);grid-template-columns:minmax(0,1fr) auto}.oc-settings-row:not(.oc-settings-row-stacked) .oc-settings-row-control{justify-content:flex-end;width:auto;max-width:18rem}.oc-session-toolbar{grid-template-columns:minmax(0,1fr)}.oc-session-toolbar .oc-segmented{justify-self:start}.oc-session-table,.oc-session-cell{min-width:0}.oc-session-table :is(th,td):nth-child(5){display:none}.oc-quick-chat-stage{min-height:32rem;padding:var(--oc-space-2)}.oc-quick-chat{max-height:none}.oc-quick-chat-context{flex-wrap:nowrap;overflow-x:auto}.oc-quick-chat-context>span{flex:none}.oc-chat-shell,.oc-quick-chat-stage{position:relative}.oc-model-picker{position:static}.oc-model-menu{right:var(--oc-space-2);bottom:var(--oc-space-2);left:var(--oc-space-2);width:auto;position:absolute}.oc-model-menu-layout{grid-template-columns:5.5rem minmax(0,1fr)}}@media (width<=36rem){.oc-settings-row,.oc-settings-row:not(.oc-settings-row-stacked){grid-template-columns:minmax(0,1fr);align-items:start}.oc-settings-row-control,.oc-settings-row:not(.oc-settings-row-stacked) .oc-settings-row-control{justify-content:flex-start;width:100%;max-width:none}.oc-model-trigger small{display:none}}@media (forced-colors:active){.oc-app-navigation-item[aria-current=page],.oc-app-navigation-item[aria-selected=true]{border-color:highlight}.oc-status-indicator{box-shadow:none;background:currentColor;border:1px solid}}@media (prefers-reduced-motion:reduce){.oc-app-navigation-item,.oc-model-trigger,.oc-model-trigger>svg:last-child,.oc-session-table tbody tr{transition:none}.oc-model-menu,.oc-quick-chat,.oc-workspace-progress li[data-state=active] svg,.oc-inspector-activity li[data-state=active] svg,.oc-quick-chat[data-state=active] .oc-quick-chat-reply p:after{animation:none}}:is(.oc-app-frame,.oc-chat-shell,.oc-settings-shell,.oc-quick-chat-stage){box-sizing:border-box;width:100%;height:100%;min-height:0;box-shadow:none}:is(.oc-app-main,.oc-app-content,.oc-settings-detail,.oc-workspace-grid){min-width:0;min-height:0}.oc-app-frame{grid-template-columns:13rem minmax(0,1fr)}.oc-app-navigation,.oc-settings-navigation,.oc-workspace-sessions,.oc-workspace-conversation,.oc-workspace-inspector{min-height:0}.oc-app-content,.oc-settings-detail-scroll,.oc-pane-body,.oc-workspace-transcript,.oc-inspector-scroll,.oc-session-table-wrap{overscroll-behavior:contain;scrollbar-gutter:stable}.oc-settings-shell{grid-template-columns:15rem minmax(0,1fr)}.oc-settings-detail{overflow:hidden}.oc-settings-detail-scroll{width:min(100%,46rem);overflow:auto}.oc-workspace-grid{grid-template-columns:12rem minmax(0,1fr) 15rem;height:100%;min-height:0;overflow:hidden}.oc-chat-shell[data-inspector=false] .oc-workspace-grid{grid-template-columns:12rem minmax(0,1fr)}.oc-workspace-transcript,.oc-inspector-scroll,.oc-session-list{min-height:0;overflow:auto}.oc-pane-header,.oc-detail-header{min-height:3rem}.oc-pane-header{padding:var(--oc-space-2) var(--oc-space-3)}.oc-page-header{padding:var(--oc-space-3) var(--oc-space-4)}.oc-pane-title,.oc-page-header-title,.oc-detail-header h1,.oc-detail-header h2{letter-spacing:0}.oc-quick-chat-stage{height:auto;min-height:0;padding:var(--oc-space-3);background:var(--oc-bg-recessed);place-items:center;display:grid}.oc-quick-chat{border:1px solid var(--oc-border-subtle);background:color-mix(in srgb, var(--oc-bg-elevated) 94%, transparent);width:min(100%,38.75rem);max-height:none;box-shadow:0 12px 32px color-mix(in srgb, var(--oc-palette-ink-950) 10%, transparent);border-radius:1rem;grid-template-rows:auto;display:grid;overflow:visible}.oc-quick-chat-input-row{align-items:center;gap:var(--oc-space-2);min-width:0;padding:var(--oc-space-3);grid-template-columns:auto minmax(5.5rem,auto) minmax(6rem,1fr) repeat(4,auto) auto;display:grid}.oc-quick-chat-input-row .oc-model-controls{flex-wrap:nowrap;min-width:0}.oc-quick-chat-input-row .oc-model-trigger{max-width:8rem;padding-inline:var(--oc-space-1)}.oc-quick-chat-input-row .oc-model-trigger small{display:none}.oc-quick-chat-input-row .oc-model-menu{top:calc(100% + var(--oc-space-2));bottom:auto;right:auto;left:calc(-1 * (1.75rem + var(--oc-space-2)));width:min(20rem,100vw - 2rem);max-height:min(22rem,100vh - 6rem);overflow-y:auto}.oc-quick-chat-input-row textarea{width:100%;min-width:0;min-height:1.75rem;max-height:6rem;padding:var(--oc-space-1);resize:none;color:var(--oc-text-primary);font:inherit;background:0 0;border:0;outline:0;font-size:.8125rem;line-height:1.35}.oc-quick-chat-agent,.oc-quick-chat-action,.oc-quick-chat-send{border-radius:var(--oc-radius-round);width:1.75rem;height:1.75rem;color:var(--oc-text-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.oc-quick-chat-agent{border:1px solid var(--oc-border-subtle);background:var(--oc-surface-interactive);overflow:hidden}.oc-quick-chat-agent img{object-fit:contain;width:1.25rem;height:1.25rem}.oc-quick-chat-action:hover{background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}.oc-quick-chat-action :is(svg,[data-lucide]){width:.875rem;height:.875rem}.oc-quick-chat-send{color:var(--oc-accent-primary)}.oc-quick-chat-send.is-error{color:var(--oc-status-error-fg)}.oc-quick-chat-send :is(svg,[data-lucide]){width:1.25rem;height:1.25rem}.oc-quick-chat-context{padding:0 var(--oc-space-3) var(--oc-space-3)}.oc-quick-chat-reply{min-height:0;padding:var(--oc-space-3);border-top:1px solid var(--oc-border-subtle)}.oc-quick-chat-reply .oc-quick-chat-agent{width:1.5rem;height:1.5rem}.oc-quick-chat[data-state=error] .oc-quick-chat-reply p{color:var(--oc-status-error-fg)}@media (width<=52rem){.oc-app-frame{grid-template-columns:11rem minmax(0,1fr)}.oc-settings-shell{grid-template-columns:13rem minmax(0,1fr)}.oc-workspace-grid,.oc-chat-shell[data-inspector=false] .oc-workspace-grid,.oc-chat-shell[data-inspector=true] .oc-workspace-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:11rem minmax(0,1fr);overflow:hidden}.oc-workspace-inspector,.oc-workspace-inspector-action{display:none}.oc-quick-chat-input-row{grid-template-columns:auto minmax(5rem,auto) minmax(5rem,1fr) auto auto auto}.oc-quick-chat-input-row .oc-quick-chat-action.is-optional{display:none}}@media (width<=34rem){.oc-quick-chat-input-row{gap:var(--oc-space-1);padding-inline:var(--oc-space-2);grid-template-columns:auto auto minmax(0,1fr) auto auto}.oc-quick-chat-input-row [data-compact-hide]{display:none}.oc-quick-chat-input-row .oc-model-trigger{justify-content:center;width:1.75rem;min-width:1.75rem;padding:0}.oc-quick-chat-input-row .oc-model-trigger>span:nth-child(2),.oc-quick-chat-input-row .oc-model-trigger>svg:last-child{display:none}.oc-app-frame,.oc-settings-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.oc-app-navigation{max-height:7rem}.oc-settings-navigation{grid-template-rows:auto auto;max-height:9rem}.oc-settings-navigation-list{display:flex;overflow:auto hidden}.oc-settings-navigation-list section{display:contents}.oc-settings-navigation-list section>p,.oc-settings-navigation-footer,.oc-settings-search{display:none}.oc-settings-navigation-item{flex:none}.oc-workspace-sessions,.oc-workspace-inspector{display:none}.oc-workspace-grid,.oc-app-frame[data-dock=bottom][data-inspector=true] .oc-workspace-grid,.oc-chat-shell[data-inspector=false] .oc-workspace-grid,.oc-chat-shell[data-inspector=true] .oc-workspace-grid,.oc-chat-shell[data-dock=bottom][data-inspector=true] .oc-workspace-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.oc-master-detail{grid-template-rows:minmax(10rem,.4fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr);overflow:auto}.oc-session-table{min-width:0}.oc-session-table :is(th,td:not([colspan])):first-child,.oc-session-table :is(th,td:not([colspan])):nth-child(3){display:none}.oc-quick-chat-stage{padding:var(--oc-space-2)}}.oc-session-badges{align-items:center;gap:var(--oc-space-1);display:inline-flex}.oc-unread-dot{border-radius:var(--oc-radius-round);background:var(--oc-accent-primary);flex:none;width:.5rem;height:.5rem;display:inline-block}.oc-owner-chip{align-items:center;gap:var(--oc-space-1);max-width:12rem;padding:2px var(--oc-space-2) 2px 2px;border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-round);background:var(--oc-bg-surface);color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);white-space:nowrap;line-height:1.4;display:inline-flex;overflow:hidden}.oc-owner-chip .oc-avatar{width:1.125rem;height:1.125rem}.oc-owner-chip span{text-overflow:ellipsis;overflow:hidden}.oc-run-spinner{border:2px solid var(--oc-border-subtle);border-top-color:var(--oc-accent-primary);border-radius:var(--oc-radius-round);flex:none;width:.75rem;height:.75rem;animation:.9s linear infinite oc-run-spinner;display:inline-block}@keyframes oc-run-spinner{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.oc-run-spinner{border-top-color:var(--oc-status-success-fg);animation:none}}.oc-summary-strip{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-border-subtle);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1px;display:grid;overflow:hidden}.oc-summary-metric{align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-2) var(--oc-space-3);background:var(--oc-bg-surface);display:flex}.oc-summary-metric-icon{border-radius:var(--oc-radius-control);background:var(--oc-bg-recessed);width:1.75rem;height:1.75rem;color:var(--oc-text-secondary);flex:none;place-items:center;display:inline-grid}.oc-summary-metric-icon [data-lucide],.oc-summary-metric-icon svg{width:.875rem;height:.875rem}.oc-summary-metric[data-tone=warning] .oc-summary-metric-icon{background:var(--oc-status-warning-bg);color:var(--oc-status-warning-fg)}.oc-summary-metric[data-tone=error] .oc-summary-metric-icon{background:var(--oc-status-error-bg);color:var(--oc-status-error-fg)}.oc-summary-metric[data-tone=success] .oc-summary-metric-icon{background:var(--oc-status-success-bg);color:var(--oc-status-success-fg)}.oc-summary-metric-copy{min-width:0;line-height:1.3;display:grid}.oc-summary-metric-copy strong{font-size:var(--oc-font-size-md);font-variant-numeric:tabular-nums}.oc-summary-metric-copy small{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-command-palette{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-lg);background:var(--oc-bg-elevated);width:min(32rem,100vw - 2rem);max-height:min(28rem,100dvh - 2rem);color:var(--oc-text-primary);box-shadow:0 1px 2px color-mix(in srgb, var(--oc-palette-ink-950) 6%, transparent), 0 12px 32px -10px color-mix(in srgb, var(--oc-palette-ink-950) 22%, transparent);flex-direction:column;padding:0;display:flex;overflow:hidden}.oc-command-palette:not([open]){display:none}.oc-command-palette::backdrop{background:color-mix(in srgb, var(--oc-bg-page) 78%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.oc-command-palette-search{align-items:center;gap:var(--oc-space-2);min-height:3.125rem;padding:0 var(--oc-space-3) 0 var(--oc-space-4);border:0;border-bottom:1px solid var(--oc-border-subtle);background:0 0;border-radius:0;grid-template-columns:1.125rem minmax(0,1fr) auto;margin:0;display:grid}.oc-command-palette-search:focus-within{border-bottom-color:color-mix(in srgb, var(--oc-border-strong) 72%, var(--oc-border-subtle));box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--oc-accent-primary) 35%, transparent)}.oc-command-palette-search-icon,.oc-command-palette-search>svg{width:1.125rem;height:1.125rem;color:var(--oc-text-muted);flex:none;place-items:center;display:grid}.oc-command-palette-search-icon svg,.oc-command-palette-search>svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;width:100%;height:100%}.oc-command-palette-search:focus-within .oc-command-palette-search-icon,.oc-command-palette-search:focus-within>svg{color:var(--oc-text-secondary)}.oc-command-palette-search input{width:100%;min-width:0;color:var(--oc-text-primary);font:inherit;font-size:var(--oc-font-size-md);caret-color:var(--oc-accent-primary);background:0 0;border:0;outline:0;line-height:1.4}.oc-command-palette-search input:focus,.oc-command-palette-search input:focus-visible{box-shadow:none;outline:0}.oc-command-palette-search input::placeholder{color:var(--oc-input-placeholder)}.oc-command-palette-results{min-height:0;padding:var(--oc-space-2);overscroll-behavior:contain;flex-direction:column;flex:auto;display:flex;overflow:auto}.oc-command-palette-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.oc-command-palette-group-label{padding:var(--oc-space-2) var(--oc-space-2) var(--oc-space-1);color:var(--oc-text-muted);font-family:var(--oc-font-mono);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:600;line-height:1.3}.oc-command-palette-group-label+.oc-command-palette-group-label{margin-top:var(--oc-space-1)}.oc-command-palette-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.oc-command-palette-empty{padding:var(--oc-space-7) var(--oc-space-4);color:var(--oc-text-muted);font-size:var(--oc-font-size-sm);text-align:center;margin:0;line-height:1.5}.oc-command-palette-item{align-items:center;gap:var(--oc-space-2);width:100%;min-height:2.5rem;padding:0 var(--oc-space-2);border-radius:var(--oc-radius-inset);color:var(--oc-text-secondary);font:inherit;font-size:var(--oc-font-size-sm);text-align:left;cursor:pointer;transition:background-color var(--oc-duration-fast) var(--oc-ease-out), color var(--oc-duration-fast) var(--oc-ease-out);background:0 0;border:0;font-weight:500;display:flex}.oc-command-palette-item:hover{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-command-palette-item:focus-visible,.oc-command-palette-item[data-active]{background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary);outline:0}.oc-command-palette-item-icon{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-inset);background:color-mix(in srgb, var(--oc-bg-page) 70%, var(--oc-bg-elevated));width:1.75rem;height:1.75rem;color:var(--oc-text-secondary);transition:background-color var(--oc-duration-fast) var(--oc-ease-out), border-color var(--oc-duration-fast) var(--oc-ease-out), color var(--oc-duration-fast) var(--oc-ease-out);flex:none;place-items:center;display:grid}.oc-command-palette-item-icon svg{stroke-width:1.75px;width:.9375rem;height:.9375rem}.oc-command-palette-item:hover .oc-command-palette-item-icon,.oc-command-palette-item:focus-visible .oc-command-palette-item-icon,.oc-command-palette-item[data-active] .oc-command-palette-item-icon{border-color:color-mix(in srgb, var(--oc-border-strong) 55%, var(--oc-border-subtle));background:var(--oc-bg-elevated);color:var(--oc-text-primary)}.oc-command-palette-item-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.oc-command-palette-item-keys{flex:none;align-items:center;gap:.1875rem;margin-inline-start:auto;display:inline-flex}.oc-command-palette-item kbd,.oc-command-palette-search kbd,.oc-command-palette-footer kbd{border:1px solid var(--oc-border-subtle);border-radius:calc(var(--oc-radius-inset) - 1px);background:color-mix(in srgb, var(--oc-bg-page) 72%, var(--oc-bg-elevated));min-width:1.375rem;min-height:1.25rem;box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--oc-palette-ink-950) 8%, transparent);color:var(--oc-text-muted);font-family:var(--oc-font-mono);text-align:center;place-items:center;padding:.125rem .3125rem;font-size:.6875rem;font-weight:500;line-height:1;display:inline-grid}.oc-command-palette-item:hover kbd,.oc-command-palette-item:focus-visible kbd,.oc-command-palette-item[data-active] kbd{border-color:color-mix(in srgb, var(--oc-border-strong) 45%, var(--oc-border-subtle));color:var(--oc-text-secondary)}.oc-command-palette-footer{align-items:center;gap:var(--oc-space-3);min-height:2.375rem;padding:0 var(--oc-space-4);border-top:1px solid var(--oc-border-subtle);background:color-mix(in srgb, var(--oc-bg-page) 48%, var(--oc-bg-elevated));color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);flex-wrap:wrap;margin:0;line-height:1.3;display:flex}.oc-command-palette-footer span{align-items:center;gap:.375rem;display:inline-flex}@media (prefers-reduced-motion:reduce){.oc-command-palette-item,.oc-command-palette-item-icon{transition:none}}.oc-split{gap:0;min-height:0;display:grid}.oc-split[data-axis=row]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.oc-split[data-axis=column]{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr)}.oc-split-pane{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.oc-split-divider{background:var(--oc-border-subtle);cursor:col-resize;border:0;place-items:center;padding:0;display:grid;position:relative}.oc-split[data-axis=row] .oc-split-divider{width:1px}.oc-split[data-axis=column] .oc-split-divider{cursor:row-resize;height:1px}.oc-split-divider:before{content:"";position:absolute;inset:0 -3px}.oc-split[data-axis=column] .oc-split-divider:before{inset:-3px 0}.oc-split-divider:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:1px}.oc-panel-tab-strip{box-sizing:border-box;align-items:center;gap:var(--oc-space-1);min-height:2.25rem;padding:var(--oc-space-1) var(--oc-space-2);border-bottom:1px solid var(--oc-border-subtle);background:var(--oc-bg-surface);display:flex;overflow-x:auto}.oc-panel-tab-strip .oc-action{min-height:1.5rem;padding:0 var(--oc-space-1)}.oc-panel-tab{align-items:center;gap:var(--oc-space-1);padding:var(--oc-space-1) var(--oc-space-2);border-radius:var(--oc-radius-inset);color:var(--oc-text-secondary);cursor:pointer;font:inherit;font-size:var(--oc-font-size-xs);white-space:nowrap;background:0 0;border:0;display:inline-flex}.oc-panel-tab[aria-selected=true],.oc-panel-tab[aria-current=true]{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}@media (hover:hover){.oc-panel-tab:hover:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):not([aria-current=true]){background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}}.oc-panel-tab:is(:disabled,[aria-disabled=true]){color:var(--oc-text-inactive);cursor:not-allowed}.oc-panel-tab:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.oc-panel-tab-close{border-radius:var(--oc-radius-inset);width:1rem;height:1rem;color:var(--oc-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.oc-panel-tab-close:hover{background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}.oc-panel-tab-strip .oc-action{margin-left:auto}.oc-split-pane-body{background:var(--oc-bg-page);min-height:0;overflow:auto}.oc-log-stream{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-recessed);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);overflow:auto}.oc-log-row{padding:2px var(--oc-space-3);align-items:baseline;gap:var(--oc-space-2);grid-template-columns:auto 4.5rem 7rem minmax(0,1fr);line-height:1.7;display:grid}.oc-log-row:hover{background:var(--oc-surface-interactive)}.oc-log-time{color:var(--oc-text-muted);font-variant-numeric:tabular-nums}.oc-log-level{padding:0 var(--oc-space-1);border-radius:var(--oc-radius-inset);color:var(--oc-text-secondary);letter-spacing:.04em;text-transform:uppercase;justify-self:start;font-weight:600}.oc-log-row[data-level=warn] .oc-log-level{background:var(--oc-status-warning-bg);color:var(--oc-status-warning-fg)}.oc-log-row[data-level=error] .oc-log-level{background:var(--oc-status-error-bg);color:var(--oc-status-error-fg)}.oc-log-row[data-level=debug] .oc-log-level,.oc-log-row[data-level=debug] .oc-log-message{color:var(--oc-text-muted)}.oc-log-subsystem{color:var(--oc-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-log-message{color:var(--oc-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-log-row[data-expanded=true] .oc-log-message{white-space:pre-wrap}.oc-menu-panel{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-elevated);width:min(100%,20rem);color:var(--oc-text-primary);font-size:var(--oc-font-size-xs);display:grid;overflow:hidden}.oc-menu-panel-header{align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-3);border-bottom:1px solid var(--oc-border-subtle);display:flex}.oc-menu-panel-header img{width:1.5rem;height:1.5rem}.oc-menu-panel-header .oc-status{margin-left:auto}.oc-menu-panel-copy{line-height:1.3;display:grid}.oc-menu-panel-copy small{color:var(--oc-text-muted)}.oc-menu-panel-usage{padding:var(--oc-space-2) var(--oc-space-3);border-bottom:1px solid var(--oc-border-subtle);gap:var(--oc-space-2);display:grid}.oc-menu-panel-usage-row{align-items:center;gap:var(--oc-space-2);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.oc-menu-panel-usage-row .oc-inspector-meter,.oc-menu-panel-usage-row meter{min-width:0}.oc-menu-panel-usage-label{color:var(--oc-text-secondary)}.oc-menu-panel-usage-value{color:var(--oc-text-muted);font-variant-numeric:tabular-nums}.oc-menu-panel-list{padding:var(--oc-space-1);margin:0;list-style:none;display:grid}.oc-menu-panel-item{align-items:center;gap:var(--oc-space-2);width:100%;padding:var(--oc-space-1) var(--oc-space-2);border-radius:var(--oc-radius-inset);color:var(--oc-text-primary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;display:flex}.oc-menu-panel-item:hover{background:var(--oc-surface-interactive)}.oc-menu-panel-item:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.oc-menu-panel-item small{color:var(--oc-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;overflow:hidden}.oc-menu-panel-footer{padding:var(--oc-space-1) var(--oc-space-2);border-top:1px solid var(--oc-border-subtle);background:var(--oc-bg-surface);justify-content:space-between;display:flex}.oc-menu-panel .oc-action{min-height:1.75rem;padding:0 var(--oc-space-2);font-size:var(--oc-font-size-xs)}.oc-menu-panel-item [data-lucide],.oc-menu-panel-item svg{width:.875rem;height:.875rem;color:var(--oc-text-muted);flex:none}.oc-option-group{gap:var(--oc-space-2);display:grid}.oc-option-card{align-items:flex-start;gap:var(--oc-space-3);padding:var(--oc-space-3);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-surface);cursor:pointer;display:flex;position:relative}.oc-option-card:hover:not(:has(input:disabled)){border-color:var(--oc-border-strong)}.oc-option-card:has(input:disabled){cursor:not-allowed;opacity:.55}.oc-option-card:has(input:checked){border-color:var(--oc-accent-primary);background:var(--oc-surface-accent-soft)}.oc-option-card:has(input:focus-visible){outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-option-card input{clip-path:inset(50%);width:1px;height:1px;position:absolute}.oc-option-card-thumb{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-inset);background:var(--oc-bg-recessed);flex:none;width:3.5rem;height:2.5rem;display:block;overflow:hidden}.oc-option-card-thumb img{object-fit:cover;width:100%;height:100%}.oc-option-card-icon{border-radius:var(--oc-radius-control);background:var(--oc-bg-recessed);width:2rem;height:2rem;color:var(--oc-text-secondary);flex:none;place-items:center;display:inline-grid}.oc-option-card-copy{gap:2px;line-height:1.4;display:grid}.oc-option-card-copy strong{font-size:var(--oc-font-size-sm)}.oc-option-card-copy small{color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs)}.oc-option-card-meta{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);white-space:nowrap;margin-left:auto}.oc-connect{width:min(100%,24rem);padding:var(--oc-space-5);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-surface);justify-items:center;gap:var(--oc-space-3);text-align:center;display:grid}.oc-connect-qr{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-page);width:9rem;height:9rem;color:var(--oc-text-muted);place-items:center;display:grid}.oc-connect-qr img,.oc-connect-qr svg{border-radius:inherit;width:100%;height:100%}.oc-connect-code{padding:var(--oc-space-1) var(--oc-space-3);border:1px dashed var(--oc-border-strong);border-radius:var(--oc-radius-control);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-lg);letter-spacing:.35em;text-indent:.35em}.oc-connect-title{font-size:var(--oc-font-size-md);margin:0;font-weight:600}.oc-connect-copy{color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);margin:0}.oc-connect-alternative{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}.oc-hovercard{width:min(100%,20rem);padding:var(--oc-space-3);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-elevated);box-shadow:var(--oc-shadow-lg);color:var(--oc-text-primary);font-size:var(--oc-font-size-xs);gap:var(--oc-space-2);display:grid}.oc-hovercard-header{align-items:center;gap:var(--oc-space-2);color:var(--oc-text-muted);display:flex}.oc-hovercard-header .oc-badge{margin-left:auto}.oc-hovercard-title{font-size:var(--oc-font-size-sm);margin:0;font-weight:600;line-height:1.35}.oc-hovercard-copy{color:var(--oc-text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.oc-hovercard-meta{align-items:center;gap:var(--oc-space-2);color:var(--oc-text-muted);display:flex}.oc-lightbox{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-page);width:min(92vw,64rem);color:var(--oc-text-primary);padding:0}.oc-lightbox::backdrop{background:var(--oc-surface-modal-backdrop)}.oc-lightbox-header{align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-2) var(--oc-space-3);border-bottom:1px solid var(--oc-border-subtle);font-size:var(--oc-font-size-xs);display:flex}.oc-lightbox-header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-lightbox-header small{color:var(--oc-text-muted)}.oc-lightbox-actions{gap:var(--oc-space-1);margin-left:auto;display:flex}.oc-lightbox-stage{max-height:70vh;padding:var(--oc-space-3);background:var(--oc-bg-recessed);place-items:center;display:grid}.oc-lightbox-stage img{max-width:100%;max-height:calc(70vh - 2 * var(--oc-space-3));border-radius:var(--oc-radius-inset);object-fit:contain}.oc-session-cell-title{align-items:center;gap:var(--oc-space-2);min-width:0;display:flex}.oc-session-cell-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-session-cell-owner-muted{color:var(--oc-text-muted)}.oc-page-header-summary{grid-template-columns:repeat(auto-fit,minmax(7.5rem,auto));align-self:center}.oc-hovercard-identity{align-items:center;gap:var(--oc-space-2);display:flex}.oc-hovercard-identity strong{font-size:var(--oc-font-size-sm)}.oc-hovercard-identity small{color:var(--oc-text-muted);display:block}.oc-hovercard-facts{gap:var(--oc-space-1) var(--oc-space-3);color:var(--oc-text-secondary);flex-wrap:wrap;display:flex}.oc-hovercard-facts span b{color:var(--oc-text-primary);font-weight:600}.oc-brand-banner{min-height:16rem;padding:var(--oc-space-6);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-surface);align-content:end;display:grid;position:relative;overflow:hidden}.oc-brand-banner[data-size=strip]{min-height:7.5rem;padding:var(--oc-space-4) var(--oc-space-6)}.oc-brand-banner-art{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.oc-brand-banner-art img{object-fit:cover;opacity:.82;width:100%;max-width:none;height:100%;position:absolute;inset:0}.oc-brand-banner[data-anchor=top] .oc-brand-banner-art img{object-position:50% 0%}.oc-brand-banner[data-variant=close] .oc-brand-banner-art img{transform-origin:56% 14%;transform:scale(2.1)}.oc-brand-banner[data-variant=mirror] .oc-brand-banner-art img{transform:scaleX(-1)}.oc-brand-banner[data-variant=emerge] .oc-brand-banner-art img{object-position:50% 100%;transform-origin:50% 100%;transform:scale(1.35)translateY(6%)}.oc-brand-banner[data-anchor=bottom] .oc-brand-banner-art img{object-position:50% 100%}.oc-brand-banner[data-effect=fade][data-anchor=top] .oc-brand-banner-art img{-webkit-mask-image:linear-gradient(#000 0% 36%,#0000 78%);mask-image:linear-gradient(#000 0% 36%,#0000 78%)}.oc-brand-banner[data-effect=fade][data-anchor=bottom] .oc-brand-banner-art img{-webkit-mask-image:linear-gradient(#0000 22%,#000 64% 100%);mask-image:linear-gradient(#0000 22%,#000 64% 100%)}.oc-brand-banner[data-effect=wash] .oc-brand-banner-art:after{background:linear-gradient(120deg, color-mix(in srgb, var(--oc-accent-primary) 38%, transparent), transparent 55%, color-mix(in srgb, var(--oc-accent-primary) 18%, transparent));content:"";position:absolute;inset:0}.oc-brand-banner[data-effect=grid] .oc-brand-banner-art:after{background-image:radial-gradient(color-mix(in srgb, var(--oc-bg-surface) 82%, transparent) 1px, transparent 1px);content:"";background-size:6px 6px;position:absolute;inset:0}.oc-brand-banner[data-asset=mark] .oc-brand-banner-art img{inset:auto var(--oc-space-6) auto auto;width:auto;height:72%;image-rendering:pixelated;opacity:.5;top:50%;transform:translateY(-50%)}.oc-brand-banner-content{z-index:1;gap:var(--oc-space-2);max-width:36rem;display:grid;position:relative}.oc-brand-banner-content h3{font-size:var(--oc-font-size-2xl);margin:0}.oc-brand-banner-content p{color:var(--oc-text-secondary);margin:0}.oc-composer-context{gap:var(--oc-space-1);flex-wrap:wrap;display:flex}.oc-composer-context-chip{align-items:center;gap:var(--oc-space-1);min-height:1.625rem;padding:0 var(--oc-space-2);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-round);background:var(--oc-surface-interactive);color:var(--oc-text-secondary);font:inherit;cursor:pointer;font-size:.6875rem;display:inline-flex}.oc-composer-context-chip:hover{background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}.oc-composer-context-chip :is(svg,[data-lucide]){width:.75rem;height:.75rem;color:var(--oc-text-muted)}.oc-approval-card{gap:var(--oc-space-3);padding:var(--oc-space-4);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-surface);background:var(--oc-surface-card);color:var(--oc-text-primary);display:grid}.oc-approval-card[data-state=approved],.oc-approval-card[data-state=denied]{border-color:var(--oc-border-subtle);background:var(--oc-bg-surface)}.oc-approval-header{align-items:center;gap:var(--oc-space-2);display:flex}.oc-approval-header .oc-agent-icon{width:1rem;height:1rem;color:var(--oc-status-warning-fg)}.oc-approval-card[data-state=approved] .oc-approval-header .oc-agent-icon{color:var(--oc-status-success-fg)}.oc-approval-card[data-state=denied] .oc-approval-header .oc-agent-icon{color:var(--oc-status-error-fg)}.oc-approval-title{font-size:var(--oc-font-size-sm);margin:0;font-weight:600}.oc-approval-header time{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);margin-left:auto}.oc-approval-sub{color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);margin:0}.oc-approval-command{padding:var(--oc-space-2) var(--oc-space-3);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-inset);background:var(--oc-bg-recessed);color:var(--oc-text-primary);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);white-space:pre;line-height:1.6;display:block;overflow-x:auto}.oc-approval-meta{gap:var(--oc-space-1) var(--oc-space-3);font-size:var(--oc-font-size-xs);grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.oc-approval-meta dt{color:var(--oc-text-muted)}.oc-approval-meta dd{color:var(--oc-text-secondary);font-family:var(--oc-font-mono);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.oc-approval-warning{align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-2) var(--oc-space-3);border-radius:var(--oc-radius-inset);background:var(--oc-status-warning-bg);color:var(--oc-status-warning-fg);font-size:var(--oc-font-size-xs);display:flex}.oc-approval-actions{justify-content:flex-end;gap:var(--oc-space-2);display:flex}.oc-approval-resolution{align-items:center;gap:var(--oc-space-2);color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);display:flex}.oc-approval-card[data-state=pending] .oc-approval-resolution,.oc-approval-card[data-state=approved] .oc-approval-actions,.oc-approval-card[data-state=denied] .oc-approval-actions{display:none}.oc-approval-queue{gap:var(--oc-space-2);display:grid}.oc-approval-queue-header{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);justify-content:space-between;align-items:center;display:flex}.oc-approval-queue-item{align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-2) var(--oc-space-3);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-surface);color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);display:flex}.oc-approval-queue-item code{font-family:var(--oc-font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}@media (forced-colors:active){.oc-approval-card,.oc-approval-queue-item{border-color:canvastext}}.oc-tool-kv{gap:2px var(--oc-space-3);font-size:var(--oc-font-size-xs);grid-template-columns:minmax(5rem,auto) minmax(0,1fr);margin:0;display:grid}.oc-tool-kv dt{color:var(--oc-text-muted);font-family:var(--oc-font-mono)}.oc-tool-kv dd{color:var(--oc-text-secondary);font-family:var(--oc-font-mono);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.oc-tool-kv dd[data-expanded=true]{white-space:pre-wrap}.oc-json-collapse{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-inset);background:var(--oc-bg-recessed);font-size:var(--oc-font-size-xs)}.oc-json-collapse summary{align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-1) var(--oc-space-2);color:var(--oc-text-secondary);cursor:pointer;font-family:var(--oc-font-mono);list-style:none;display:flex}.oc-json-collapse summary::-webkit-details-marker{display:none}.oc-json-collapse summary:before{content:"▸";color:var(--oc-text-muted)}.oc-json-collapse[open] summary:before{content:"▾"}.oc-json-collapse-size{color:var(--oc-text-muted);margin-left:auto}.oc-json-collapse pre{padding:var(--oc-space-2);border-top:1px solid var(--oc-border-subtle);font-family:var(--oc-font-mono);margin:0;line-height:1.6;overflow-x:auto}.oc-work-group{padding:var(--oc-space-2);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-surface);gap:var(--oc-space-1);display:grid}.oc-work-group-header{align-items:center;gap:var(--oc-space-2);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);display:flex}.oc-work-group-header strong{color:var(--oc-text-secondary);font-weight:600}.oc-work-group-header time{margin-left:auto}.oc-turn-recap{align-items:center;gap:var(--oc-space-2);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);display:flex}.oc-turn-recap:before,.oc-turn-recap:after{border-top:1px solid var(--oc-border-subtle);content:"";flex:1}.oc-compaction{justify-content:center;align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-1) var(--oc-space-3);border:1px dashed var(--oc-border-subtle);border-radius:var(--oc-radius-control);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);display:flex}.oc-compaction[data-state=active]{color:var(--oc-text-secondary)}.oc-compaction[data-state=complete]{border-style:solid}.oc-compaction[data-state=fallback]{border-color:var(--oc-status-warning-fg);color:var(--oc-status-warning-fg)}.oc-activity-indicator{align-items:center;gap:var(--oc-space-2);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);display:inline-flex}.oc-activity-indicator-motion{gap:3px;display:inline-flex}.oc-activity-indicator-motion i{border-radius:var(--oc-radius-round);background:currentColor;width:4px;height:4px;animation:1.2s ease-in-out infinite oc-activity-pulse}.oc-activity-indicator-motion i:nth-child(2){animation-delay:.2s}.oc-activity-indicator-motion i:nth-child(3){animation-delay:.4s}@keyframes oc-activity-pulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.oc-activity-indicator-motion i{opacity:.7;animation:none}}:root{--oc-font-embed-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--oc-font-embed-mono:ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}.oc-embed-tokens{--color-background-primary:var(--oc-bg-surface,var(--lightningcss-light,#eceae6)var(--lightningcss-dark,#19191c));--color-background-secondary:var(--oc-bg-page,var(--lightningcss-light,#f6f5f3)var(--lightningcss-dark,#101012));--color-background-tertiary:var(--oc-bg-elevated,var(--lightningcss-light,#fff)var(--lightningcss-dark,#202024));--color-background-inverse:var(--oc-bg-contrast,var(--lightningcss-light,#17171a)var(--lightningcss-dark,#ededed));--color-background-ghost:transparent;--color-background-info:var(--oc-status-info-bg,var(--lightningcss-light,#2563eb1a)var(--lightningcss-dark,#3b82f624));--color-background-danger:var(--oc-status-error-bg,var(--lightningcss-light,#ef44441a)var(--lightningcss-dark,#ef44441f));--color-background-success:var(--oc-status-success-bg,var(--lightningcss-light,#22c55e1a)var(--lightningcss-dark,#22c55e1f));--color-background-warning:var(--oc-status-warning-bg,var(--lightningcss-light,#f59e0b1a)var(--lightningcss-dark,#fbbf241f));--color-background-disabled:var(--oc-surface-interactive,var(--lightningcss-light,#17171a12)var(--lightningcss-dark,#ededed14));--color-text-primary:var(--oc-text-primary,var(--lightningcss-light,#17171a)var(--lightningcss-dark,#ededed));--color-text-secondary:var(--oc-text-secondary,var(--lightningcss-light,#46464e)var(--lightningcss-dark,#bcbcc4));--color-text-tertiary:var(--oc-text-muted,var(--lightningcss-light,#63636c)var(--lightningcss-dark,#9a9aa2));--color-text-inverse:var(--oc-text-inverse,var(--lightningcss-light,#f6f5f3)var(--lightningcss-dark,#101012));--color-text-ghost:var(--oc-text-inactive,var(--lightningcss-light,#63636c9e)var(--lightningcss-dark,#9a9aa29e));--color-text-info:var(--oc-status-info-fg,var(--lightningcss-light,#1d4ed8)var(--lightningcss-dark,#60a5fa));--color-text-danger:var(--oc-status-error-fg,var(--lightningcss-light,#b91c1c)var(--lightningcss-dark,#f87171));--color-text-success:var(--oc-status-success-fg,var(--lightningcss-light,#146c37)var(--lightningcss-dark,#22c55e));--color-text-warning:var(--oc-status-warning-fg,var(--lightningcss-light,#8f5100)var(--lightningcss-dark,#fbbf24));--color-text-disabled:var(--oc-text-inactive,var(--lightningcss-light,#63636c9e)var(--lightningcss-dark,#9a9aa29e));--color-border-primary:var(--oc-border-subtle,var(--lightningcss-light,#17171a24)var(--lightningcss-dark,#9a9aa22e));--color-border-secondary:var(--oc-border-strong,var(--lightningcss-light,#17171a47)var(--lightningcss-dark,#ededed52));--color-border-tertiary:var(--oc-chart-line,var(--lightningcss-light,#17171a1f)var(--lightningcss-dark,#ededed17));--color-border-inverse:var(--oc-text-inverse,var(--lightningcss-light,#f6f5f3)var(--lightningcss-dark,#101012));--color-border-ghost:transparent;--color-border-info:var(--oc-status-info-fg,var(--lightningcss-light,#1d4ed8)var(--lightningcss-dark,#60a5fa));--color-border-danger:var(--oc-status-error-fg,var(--lightningcss-light,#b91c1c)var(--lightningcss-dark,#f87171));--color-border-success:var(--oc-status-success-fg,var(--lightningcss-light,#146c37)var(--lightningcss-dark,#22c55e));--color-border-warning:var(--oc-status-warning-fg,var(--lightningcss-light,#8f5100)var(--lightningcss-dark,#fbbf24));--color-border-disabled:var(--oc-border-subtle,var(--lightningcss-light,#17171a24)var(--lightningcss-dark,#9a9aa22e));--color-ring-primary:var(--oc-focus-ring,var(--lightningcss-light,#14806e94)var(--lightningcss-dark,#4fc8aeb8));--color-ring-secondary:var(--oc-border-accent,var(--lightningcss-light,#d84a316b)var(--lightningcss-dark,#f5654a66));--color-ring-inverse:var(--oc-text-inverse,var(--lightningcss-light,#f6f5f3)var(--lightningcss-dark,#101012));--color-ring-info:var(--oc-status-info-fg,var(--lightningcss-light,#1d4ed8)var(--lightningcss-dark,#60a5fa));--color-ring-danger:var(--oc-status-error-fg,var(--lightningcss-light,#b91c1c)var(--lightningcss-dark,#f87171));--color-ring-success:var(--oc-status-success-fg,var(--lightningcss-light,#146c37)var(--lightningcss-dark,#22c55e));--color-ring-warning:var(--oc-status-warning-fg,var(--lightningcss-light,#8f5100)var(--lightningcss-dark,#fbbf24));--font-sans:var(--oc-font-embed-sans,system-ui, sans-serif);--font-mono:var(--oc-font-embed-mono,ui-monospace, monospace);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-text-xs-size:var(--oc-font-size-xs,.75rem);--font-text-sm-size:var(--oc-font-size-sm,.8125rem);--font-text-md-size:var(--oc-font-size-base,.875rem);--font-text-lg-size:var(--oc-font-size-md,.9375rem);--font-heading-xs-size:var(--oc-font-size-md,.9375rem);--font-heading-sm-size:var(--oc-font-size-lg,1.0625rem);--font-heading-md-size:var(--oc-font-size-xl,1.25rem);--font-heading-lg-size:var(--oc-font-size-2xl,1.5rem);--font-heading-xl-size:var(--oc-font-size-3xl,2rem);--font-heading-2xl-size:var(--oc-font-size-3xl,2rem);--font-heading-3xl-size:var(--oc-font-size-3xl,2rem);--font-text-xs-line-height:1.5;--font-text-sm-line-height:1.55;--font-text-md-line-height:1.6;--font-text-lg-line-height:1.55;--font-heading-xs-line-height:1.4;--font-heading-sm-line-height:1.35;--font-heading-md-line-height:1.3;--font-heading-lg-line-height:1.25;--font-heading-xl-line-height:1.2;--font-heading-2xl-line-height:1.2;--font-heading-3xl-line-height:1.2;--border-radius-xs:var(--oc-radius-inset,.25rem);--border-radius-sm:var(--oc-radius-sm,.25rem);--border-radius-md:var(--oc-radius-surface,.5rem);--border-radius-lg:var(--oc-radius-lg,.75rem);--border-radius-xl:var(--oc-radius-xl,1rem);--border-radius-full:var(--oc-radius-round,999px);--border-width-regular:1px;--shadow-hairline:0 0 0 1px var(--oc-border-subtle,var(--lightningcss-light,#17171a24)var(--lightningcss-dark,#9a9aa22e));--shadow-sm:var(--oc-shadow-sm,0 1px 2px #0000001f);--shadow-md:var(--oc-shadow-md,0 8px 24px -6px #00000047);--shadow-lg:var(--oc-shadow-lg,0 24px 48px -12px #0000006b)}.oc-input-group{border:1px solid var(--oc-input-border);border-radius:var(--oc-radius-control);background:var(--oc-input-bg);min-height:2.75rem;transition:border-color var(--oc-duration-fast) var(--oc-ease-out), box-shadow var(--oc-duration-fast) var(--oc-ease-out);align-items:stretch;display:flex}.oc-input-group:hover:not(:has(.oc-input:disabled)){border-color:var(--oc-border-strong)}.oc-input-group:focus-within{border-color:var(--oc-input-focus-border);box-shadow:0 0 0 3px var(--oc-input-focus-ring)}.oc-input-group:has(.oc-input[aria-invalid=true]){border-color:var(--oc-status-error-fg)}.oc-input-group:has(.oc-input:disabled){cursor:not-allowed;opacity:.55}.oc-input-group .oc-input{min-width:0;box-shadow:none;background:0 0;border:0}.oc-input-group .oc-input:hover,.oc-input-group .oc-input:focus-visible{box-shadow:none;border:0}.oc-input-group .oc-input:disabled{cursor:inherit;opacity:1}.oc-input-group-addon{padding:0 var(--oc-space-3);border-right:1px solid var(--oc-input-border);color:var(--oc-text-muted);font-size:var(--oc-font-size-sm);flex:none;align-items:center;line-height:1;display:inline-flex}.oc-input-group-addon:last-child{border-right:0;border-left:1px solid var(--oc-input-border)}.oc-sensitive-input{border:1px solid var(--oc-input-border);border-radius:var(--oc-radius-control);background:var(--oc-input-bg);min-height:2.75rem;transition:border-color var(--oc-duration-fast) var(--oc-ease-out), box-shadow var(--oc-duration-fast) var(--oc-ease-out);align-items:stretch;display:flex;position:relative}.oc-sensitive-mask{z-index:1;padding:0 var(--oc-space-3);color:var(--oc-text-primary);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-sm);letter-spacing:.08em;pointer-events:none;white-space:nowrap;align-items:center;line-height:1;display:flex;position:absolute;inset:0 2.75rem 0 0;overflow:hidden}.oc-sensitive-mask>span{will-change:transform;display:block}.oc-sensitive-input[data-sensitive-mask-ready=true][data-revealed=false] .oc-input{color:#0000;caret-color:var(--oc-text-primary)}.oc-sensitive-input[data-sensitive-mask-ready=true][data-revealed=false] .oc-input::selection{color:#0000}@media (forced-colors:active){.oc-sensitive-mask{display:none}.oc-sensitive-input[data-sensitive-mask-ready=true][data-revealed=false] .oc-input{color:canvastext}}.oc-sensitive-input:hover{border-color:var(--oc-border-strong)}.oc-sensitive-input:focus-within{border-color:var(--oc-input-focus-border);box-shadow:0 0 0 3px var(--oc-input-focus-ring)}.oc-sensitive-input .oc-input{min-width:0;box-shadow:none;background:0 0;border:0}.oc-sensitive-input .oc-input:hover,.oc-sensitive-input .oc-input:focus-visible{box-shadow:none;border:0}.oc-sensitive-toggle{z-index:2;border:0;border-left:1px solid var(--oc-input-border);width:2.75rem;min-width:2.75rem;color:var(--oc-text-muted);cursor:pointer;touch-action:manipulation;background:0 0;place-items:center;padding:0;display:inline-grid;position:relative}.oc-sensitive-toggle svg{stroke-width:1.75px;width:1rem;height:1rem}.oc-sensitive-toggle:hover{color:var(--oc-text-primary)}.oc-sensitive-toggle:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-3px}.oc-autocomplete{gap:var(--oc-space-2);width:min(100%,22rem);display:grid}.oc-autocomplete-field{position:relative}.oc-autocomplete .oc-combobox-control{min-height:2.75rem;position:relative}.oc-autocomplete .oc-combobox-control .oc-input{min-height:2.75rem;padding-inline-start:2.625rem}.oc-autocomplete .oc-combobox-toggle{border-left:0;width:2.75rem}.oc-autocomplete-icon{top:50%;left:var(--oc-space-3);z-index:1;width:1rem;height:1rem;color:var(--oc-text-muted);pointer-events:none;place-items:center;display:grid;position:absolute;transform:translateY(-50%)}.oc-autocomplete-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;width:100%;height:100%}.oc-combobox-toggle[aria-expanded=true]:before{transform:rotate(225deg)translate(-.125rem,-.125rem)}.oc-avatar{border-radius:var(--oc-radius-round);width:2.5rem;height:2.5rem;color:var(--oc-text-secondary);font-family:var(--oc-font-display);font-size:var(--oc-font-size-sm);isolation:isolate;vertical-align:middle;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid;position:relative}.oc-avatar-sm{width:var(--oc-space-6);height:var(--oc-space-6);font-size:var(--oc-font-size-xs)}.oc-avatar-xs{width:1.25rem;height:1.25rem;font-size:.55rem}.oc-avatar-lg{width:var(--oc-space-7);height:var(--oc-space-7);font-size:var(--oc-font-size-base)}.oc-avatar-image,.oc-avatar-fallback{z-index:1;box-sizing:border-box;border:1px solid var(--oc-border-subtle);border-radius:inherit;background:var(--oc-surface-secondary-soft);grid-area:1/1;width:100%;height:100%;position:relative;overflow:hidden}.oc-avatar-image{object-fit:cover;display:block}.oc-avatar-pixel .oc-avatar-image{image-rendering:pixelated;clip-path:circle(50%)}.oc-avatar-fallback{text-transform:uppercase;place-items:center;display:grid}.oc-avatar-overflow{border:1px solid var(--oc-border-subtle);background:var(--oc-bg-elevated);color:var(--oc-text-secondary);font-family:var(--oc-font-body);place-items:center;font-size:.625rem;font-weight:700;display:grid}.oc-avatar[data-state=speaking]:after{z-index:2;border:1px solid var(--oc-accent-secondary);border-radius:inherit;content:"";pointer-events:none;animation:oc-avatar-speaking 1.4s var(--oc-ease-out) infinite;position:absolute;inset:-.25rem}.oc-avatar-button{border-radius:var(--oc-radius-round);cursor:pointer;transition:border-color var(--oc-duration-fast) var(--oc-ease-out), background-color var(--oc-duration-fast) var(--oc-ease-out), transform var(--oc-duration-fast) var(--oc-ease-out);background:0 0;border:1px solid #0000;padding:.1875rem;display:inline-grid}.oc-avatar-button:hover{border-color:var(--oc-border-subtle);background:var(--oc-surface-interactive);transform:translateY(-1px)scale(1.03)}.oc-avatar-button:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-avatar-status{z-index:1;box-sizing:border-box;border:2px solid var(--oc-bg-surface);border-radius:var(--oc-radius-round);background:var(--oc-accent-secondary);width:.625rem;height:.625rem;position:absolute;bottom:0;right:0}.oc-avatar-sm .oc-avatar-status{width:.5rem;height:.5rem}.oc-avatar-lg .oc-avatar-status{width:var(--oc-space-3);height:var(--oc-space-3)}.oc-avatar-stack{align-items:center;min-width:0;padding-left:.25rem;display:inline-flex}.oc-avatar-stack>.oc-avatar{box-shadow:0 0 0 2px var(--oc-bg-page)}.oc-avatar-stack>.oc-avatar+.oc-avatar{margin-left:-.45rem}.oc-avatar-stack[data-state=thinking]>.oc-avatar{animation:oc-avatar-thinking 1.35s var(--oc-ease-out) infinite}.oc-avatar-stack[data-state=thinking]>.oc-avatar:nth-child(2){animation-delay:90ms}.oc-avatar-stack[data-state=thinking]>.oc-avatar:nth-child(3){animation-delay:.18s}.oc-avatar-stack[data-state=thinking]>.oc-avatar:nth-child(4){animation-delay:.27s}@media (forced-colors:active){.oc-avatar-fallback{color:canvastext;background:canvas;border-color:canvastext}.oc-avatar-status{forced-color-adjust:none;background:highlight;border-color:canvas}}@media (prefers-reduced-motion:reduce){.oc-avatar-button,.oc-avatar[data-state=speaking]:after,.oc-avatar-stack[data-state=thinking]>.oc-avatar{transition:none;animation:none}}.oc-breadcrumbs{min-width:0;color:var(--oc-text-muted);font-size:var(--oc-font-size-sm)}.oc-breadcrumbs-list{align-items:center;gap:var(--oc-space-2);min-width:0;margin:0;padding:0;list-style:none;display:flex}.oc-breadcrumbs-item{align-items:center;gap:var(--oc-space-2);min-width:0;display:flex}.oc-breadcrumbs-item:last-child{flex:1}.oc-breadcrumbs-item:not(:last-child):after{color:var(--oc-text-muted);content:"/"}.oc-breadcrumbs a{color:var(--oc-text-secondary);text-overflow:ellipsis;touch-action:manipulation;white-space:nowrap;text-decoration:none;overflow:hidden}.oc-breadcrumbs a:hover{color:var(--oc-text-primary);text-underline-offset:.2em;text-decoration:underline}.oc-breadcrumbs a:focus-visible{border-radius:var(--oc-radius-inset);outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-breadcrumbs [aria-current=page]{color:var(--oc-text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.oc-button{justify-content:center;align-items:center;gap:var(--oc-space-2);min-height:2.5rem;padding:var(--oc-space-2) var(--oc-space-4);border-radius:var(--oc-radius-control);color:var(--oc-text-primary);font:inherit;font-size:var(--oc-font-size-base);white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:background var(--oc-duration-fast) var(--oc-ease-out), border-color var(--oc-duration-fast) var(--oc-ease-out), color var(--oc-duration-fast) var(--oc-ease-out), transform var(--oc-duration-fast) var(--oc-ease-out);background:0 0;border:1px solid #0000;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.oc-button-primary{border-color:var(--oc-accent-primary);background:var(--oc-accent-primary);color:var(--oc-text-on-accent)}.oc-button-primary:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--oc-accent-primary-hover);background:var(--oc-accent-primary-hover)}.oc-button-secondary{border-color:var(--oc-border-subtle);background:var(--oc-bg-elevated)}.oc-button-secondary:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--oc-border-strong);background:var(--oc-surface-interactive)}.oc-button-ghost:hover:not(:disabled):not([aria-disabled=true]){background:var(--oc-surface-interactive)}.oc-button:active:not(:disabled):not([aria-disabled=true]){transform:scale(.98)}.oc-button-sm{min-height:2rem;padding-inline:var(--oc-space-3);font-size:var(--oc-font-size-xs)}.oc-button-lg{min-height:3rem;padding-inline:var(--oc-space-5);font-size:var(--oc-font-size-base)}.oc-button-icon{width:2.5rem;padding:0}.oc-button:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:3px}.oc-button:disabled,.oc-button[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}.oc-clipboard-text{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-elevated);align-items:stretch;min-width:0;min-height:2.75rem;display:flex}.oc-clipboard-value{min-width:0;padding:0 var(--oc-space-3);color:var(--oc-text-secondary);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;display:flex;overflow:hidden}.oc-clipboard-action{min-width:2.75rem;padding:0 var(--oc-space-3);border:0;border-left:1px solid var(--oc-border-subtle);color:var(--oc-text-muted);font:inherit;font-size:var(--oc-font-size-xs);cursor:pointer;touch-action:manipulation;background:0 0;justify-content:center;align-items:center;font-weight:650;display:inline-flex}.oc-clipboard-action-icon{width:2.75rem;min-width:2.75rem;padding:0}.oc-clipboard-action-icon svg{stroke-width:1.75px;width:1rem;height:1rem}.oc-clipboard-action:hover{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-clipboard-action:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-3px}.oc-code-highlighted{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-surface);color:var(--oc-text-primary);overflow:hidden}.oc-code-highlighted-header{align-items:center;gap:var(--oc-space-3);border-bottom:1px solid var(--oc-border-subtle);min-height:2.625rem;color:var(--oc-text-muted);font-family:var(--oc-font-mono);text-transform:uppercase;padding:0 .875rem;font-size:.625rem;display:flex}.oc-code-highlighted-header>span{min-width:0}.oc-code-highlighted-header>span:last-child{text-overflow:ellipsis;white-space:nowrap;margin-left:auto;overflow:hidden}.oc-code-highlighted pre{color:inherit;font-family:var(--oc-font-mono);tab-size:2;background:0 0;border:0;border-radius:0;margin:0;padding:1.25rem;font-size:.8125rem;line-height:1.65;overflow:auto}.oc-code-highlighted code{font:inherit}.oc-code-token-keyword{color:var(--oc-accent-primary)}.oc-code-token-string{color:var(--oc-status-success-fg)}.oc-code-token-comment{color:var(--oc-text-muted)}.oc-collapsible{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-surface-card);align-self:start;width:100%;max-width:40rem;overflow:hidden}@supports selector(details::details-content){:root{interpolate-size:allow-keywords}.oc-collapsible::details-content{opacity:0;block-size:0;transition:block-size var(--oc-duration-ui) var(--oc-ease-out), content-visibility var(--oc-duration-ui) allow-discrete, opacity var(--oc-duration-fast) var(--oc-ease-out);transition-behavior:allow-discrete;overflow:clip}.oc-collapsible[open]::details-content{opacity:1;block-size:auto}}.oc-collapsible-summary{justify-content:space-between;align-items:center;gap:var(--oc-space-3);min-width:0;min-height:2.75rem;padding:var(--oc-space-3);color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation;font-weight:650;list-style:none;display:flex}.oc-collapsible-summary::-webkit-details-marker{display:none}.oc-collapsible-summary:after{width:.5rem;height:.5rem;color:var(--oc-text-muted);content:"";transform-origin:50%;transition:transform .14s var(--oc-ease-out);border-bottom:1.5px solid;border-right:1.5px solid;flex:none;transform:rotate(45deg)}.oc-collapsible[open]>.oc-collapsible-summary:after{transform:rotate(225deg)}.oc-collapsible-summary:hover{background:var(--oc-surface-interactive)}.oc-collapsible-summary:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-3px}.oc-collapsible-content{min-width:0;padding:var(--oc-space-3);border-top:1px solid var(--oc-border-subtle);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);overflow-wrap:anywhere;line-height:1.6}.oc-collapsible-content>:first-child{margin-top:0}.oc-collapsible-content>:last-child{margin-bottom:0}.oc-combobox{width:100%;max-width:22rem;position:relative}.oc-combobox-control{border:1px solid var(--oc-input-border);border-radius:var(--oc-radius-control);background:var(--oc-input-bg);align-items:stretch;min-height:2.5rem;display:flex}.oc-combobox-control:focus-within{border-color:var(--oc-input-focus-border);box-shadow:0 0 0 3px var(--oc-input-focus-ring)}.oc-combobox-control .oc-input{min-width:0;box-shadow:none;background:0 0;border:0}.oc-combobox-control .oc-input:focus-visible{box-shadow:none;border:0}.oc-combobox-toggle{appearance:none;border:0;border-left:1px solid var(--oc-input-border);width:2.5rem;color:var(--oc-text-muted);cursor:pointer;background:0 0;flex:none;place-items:center;display:grid}.oc-combobox-toggle:disabled{cursor:not-allowed;opacity:.55}.oc-combobox-toggle:before{content:"";border-bottom:1px solid;border-right:1px solid;width:.5rem;height:.5rem;transform:rotate(45deg)translate(-.125rem,-.125rem)}.oc-combobox-listbox{z-index:20;top:calc(100% + var(--oc-space-2));max-height:14rem;padding:var(--oc-space-1);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-elevated);box-shadow:var(--oc-shadow-md);margin:0;list-style:none;position:absolute;left:0;right:0;overflow:auto}.oc-combobox-listbox[hidden]{display:none}.oc-combobox-option{padding:var(--oc-space-2) var(--oc-space-3);border-radius:var(--oc-radius-inset);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);cursor:pointer}.oc-combobox-option:hover,.oc-combobox-option[data-active]{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-combobox-option[aria-selected=true]{color:var(--oc-accent-primary);font-weight:650}.oc-date-picker{gap:var(--oc-space-2);display:grid}.oc-date-control{align-items:center;display:grid;position:relative}.oc-date-input{width:100%;min-height:2.75rem;padding:0 var(--oc-space-3);border:1px solid var(--oc-input-border);border-radius:var(--oc-radius-control);background:var(--oc-input-bg);color:var(--oc-text-primary);font:inherit;font-size:var(--oc-font-size-sm)}.oc-date-input:hover:not(:disabled){border-color:var(--oc-border-strong)}.oc-date-input:focus-visible{border-color:var(--oc-input-focus-border);box-shadow:0 0 0 3px var(--oc-input-focus-ring);outline:0}.oc-date-input:disabled{cursor:not-allowed;opacity:.55}.oc-date-input[aria-invalid=true]{border-color:var(--oc-status-error-fg)}.oc-date-input::-webkit-calendar-picker-indicator{cursor:pointer}.oc-dialog{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-elevated);width:min(28rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--oc-text-primary);box-shadow:var(--oc-shadow-lg);overscroll-behavior:contain;scrollbar-gutter:stable;padding:0;overflow:auto}.oc-dialog::backdrop{background:color-mix(in srgb, var(--oc-bg-page) 82%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.oc-dialog-header{justify-content:space-between;align-items:start;gap:var(--oc-space-4);padding:var(--oc-space-5) var(--oc-space-5) var(--oc-space-2);display:flex}.oc-dialog-title{font-family:var(--oc-font-display);font-size:var(--oc-font-size-xl);overflow-wrap:anywhere;margin:0;line-height:1.2}.oc-dialog-body{padding:var(--oc-space-2) var(--oc-space-5) var(--oc-space-5);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);overflow-wrap:anywhere;line-height:1.55}.oc-dialog-body>:first-child{margin-top:0}.oc-dialog-body>:last-child{margin-bottom:0}.oc-dialog-footer{justify-content:flex-end;gap:var(--oc-space-2);padding:0 var(--oc-space-5) var(--oc-space-5);flex-wrap:wrap;display:flex}.oc-dialog-close{border-radius:var(--oc-radius-control);width:2.5rem;height:2.5rem;color:var(--oc-text-muted);font:inherit;font-size:var(--oc-font-size-lg);cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex:none;place-items:center;display:grid}.oc-dialog-close:hover{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-dialog-close:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-dropdown{display:inline-flex;position:relative}.oc-dropdown-menu{--oc-dropdown-max-width:calc(100vw - 16px);--oc-dropdown-max-height:calc(100dvh - 16px);--oc-dropdown-offset-x:0px;z-index:var(--oc-layer-popover);top:calc(100% + var(--oc-space-2));width:max-content;min-width:min(12rem, var(--oc-dropdown-max-width));max-width:var(--oc-dropdown-max-width);max-height:var(--oc-dropdown-max-height);padding:var(--oc-space-1);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-surface);background:var(--oc-surface-card-strong);box-shadow:var(--oc-shadow-md);color:var(--oc-text-primary);overscroll-behavior:contain;translate:var(--oc-dropdown-offset-x) 0;transform-origin:100% 0;gap:2px;margin:0;list-style:none;display:grid;position:absolute;right:0;overflow-y:auto}.oc-dropdown-menu[data-placement=top]{top:auto;bottom:calc(100% + var(--oc-space-2));transform-origin:100% 100%}.oc-dropdown-menu[data-align=start]{transform-origin:0 0}.oc-dropdown-menu[data-placement=top][data-align=start]{transform-origin:0 100%}.oc-dropdown-menu[hidden]{display:none}.oc-dropdown-item{align-items:center;gap:var(--oc-space-2);width:100%;min-height:2.25rem;padding:var(--oc-space-2) var(--oc-space-3);border-radius:var(--oc-radius-inset);color:var(--oc-text-primary);font:inherit;font-size:var(--oc-font-size-sm);text-align:left;cursor:pointer;background:0 0;border:0;font-weight:500;text-decoration:none;display:flex}.oc-dropdown-item:hover:not(:disabled):not([aria-disabled=true]),.oc-dropdown-item:focus-visible:not(:disabled):not([aria-disabled=true]){background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary);outline:0}.oc-dropdown-item:is(:disabled,[aria-disabled=true]){color:var(--oc-text-inactive);cursor:not-allowed}.oc-dropdown-shortcut{color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);flex:none;margin-left:auto;font-weight:500}.oc-dropdown-separator{height:1px;margin:var(--oc-space-1) var(--oc-space-2);background:var(--oc-border-subtle)}.oc-dropdown-item-danger{color:var(--oc-status-error-fg)}.oc-dropdown-item-danger:hover:not(:disabled):not([aria-disabled=true]),.oc-dropdown-item-danger:focus-visible:not(:disabled):not([aria-disabled=true]){background:color-mix(in oklab, var(--oc-status-error-fg) 10%, transparent);color:var(--oc-status-error-fg)}.oc-flow{--oc-flow-connector-gap:2.5rem;--oc-flow-marker-size:2rem;column-gap:var(--oc-flow-connector-gap);grid-template-columns:repeat(3,minmax(8rem,1fr));row-gap:0;width:min(100%,52rem);min-width:36rem;margin:0;padding:0;list-style:none;display:grid}.oc-flow-viewport{background:linear-gradient(90deg, var(--oc-bg-page) 35%, transparent) left center, linear-gradient(270deg, var(--oc-bg-page) 35%, transparent) right center, linear-gradient(90deg, color-mix(in oklab, var(--oc-text-muted) 18%, transparent), transparent) left center, linear-gradient(270deg, color-mix(in oklab, var(--oc-text-muted) 18%, transparent), transparent) right center;overscroll-behavior-inline:contain;scrollbar-gutter:stable;background-repeat:no-repeat;background-size:2rem 100%,2rem 100%,.75rem 100%,.75rem 100%;background-attachment:local,local,scroll,scroll;width:min(100%,44rem);min-width:0;padding:.125rem 1.5rem .5rem .125rem;position:relative;overflow-x:auto}.oc-flow[data-orientation=vertical]{row-gap:var(--oc-flow-connector-gap);grid-template-columns:minmax(0,1fr);width:min(100%,25rem);min-width:0}.oc-flow:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-flow-step{align-content:start;justify-items:start;gap:var(--oc-space-2);min-width:0;color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);padding:0;display:grid;position:relative}.oc-flow-step:not(:last-child):after{z-index:0;top:calc(var(--oc-flow-marker-size) / 2);right:calc(-1 * var(--oc-flow-connector-gap));left:var(--oc-flow-marker-size);background:var(--oc-border-subtle);content:"";width:auto;height:1px;position:absolute;transform:translateY(-50%)}.oc-flow[data-orientation=vertical] .oc-flow-step{grid-template-columns:var(--oc-flow-marker-size) minmax(0, 1fr);align-items:start;column-gap:var(--oc-space-3);row-gap:0}.oc-flow[data-orientation=vertical] .oc-flow-step:not(:last-child):after{top:var(--oc-flow-marker-size);right:auto;bottom:calc(-1 * var(--oc-flow-connector-gap));left:calc(var(--oc-flow-marker-size) / 2);width:1px;height:auto;transform:translate(-50%)}.oc-flow-marker{z-index:1;width:var(--oc-flow-marker-size);height:var(--oc-flow-marker-size);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-round);background:var(--oc-bg-elevated);color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);font-variant-numeric:tabular-nums;place-items:center;font-weight:700;display:grid;position:relative}.oc-flow-marker svg{width:.9375rem;height:.9375rem}.oc-flow-step>span:last-child{gap:.1875rem;width:max-content;max-width:100%;display:grid}.oc-flow[data-orientation=vertical] .oc-flow-step>span:last-child{min-height:var(--oc-flow-marker-size);align-content:center}.oc-flow-step strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm)}.oc-flow-step small{color:var(--oc-text-muted);font-size:.6875rem}.oc-flow-step[data-state=complete] .oc-flow-marker{border-color:color-mix(in srgb, var(--oc-status-success-fg) 38%, transparent);color:var(--oc-status-success-fg)}.oc-flow-step[aria-current=step]{color:var(--oc-text-primary)}.oc-flow-step[aria-current=step] .oc-flow-marker{border-color:var(--oc-accent-primary);background:var(--oc-accent-primary);color:var(--oc-text-on-accent)}.oc-flow-step[aria-current=step] .oc-flow-marker:after{border:1px solid color-mix(in srgb, var(--oc-accent-primary) 38%, transparent);border-radius:inherit;content:"";animation:oc-flow-marker-pulse 1.8s var(--oc-ease-out) infinite;position:absolute;inset:-.3125rem}@keyframes oc-flow-marker-pulse{50%{opacity:.35;transform:scale(1.08)}}.oc-grid{align-items:stretch;gap:var(--oc-space-4);display:grid}.oc-grid>*{min-width:0}.oc-grid-auto{grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr))}.oc-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.oc-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.oc-grid-item{min-width:0}.oc-layer-card{min-width:0;padding:var(--oc-space-5);border:1px solid var(--oc-component-border);border-radius:var(--oc-radius-surface);background:var(--oc-component-surface);color:var(--oc-text-primary);box-shadow:var(--oc-component-shadow);position:relative;overflow:hidden}:is(.oc-layer-card:has(>.oc-layer-card-secondary),.oc-layer-card:has(>.oc-layer-card-primary)){border-color:color-mix(in srgb, var(--oc-border-subtle) 72%, transparent);background:var(--oc-bg-elevated);box-shadow:none;flex-direction:column;padding:0;display:flex}.oc-layer-card-secondary{z-index:0;justify-content:space-between;align-items:center;gap:var(--oc-space-3);min-height:3.25rem;margin-bottom:calc(var(--oc-space-2) * -1);padding:var(--oc-space-4);background:var(--oc-bg-elevated);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);border:0;font-weight:500;display:flex}.oc-layer-card-primary{z-index:1;gap:var(--oc-space-2);padding:var(--oc-space-4);border:1px solid var(--oc-component-border);border-radius:var(--oc-radius-surface) var(--oc-radius-surface) 0 0;background:var(--oc-bg-surface);color:inherit;box-shadow:none;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.oc-layer-card-primary:has(>.oc-layer-card-icon){gap:var(--oc-space-4);grid-template-columns:2.5rem minmax(0,1fr);align-items:start;display:grid}a.oc-layer-card-primary:hover{border-color:var(--oc-component-border-hover);background:color-mix(in srgb, var(--oc-bg-surface) 88%, var(--oc-text-primary))}.oc-layer-card-action,.oc-layer-card-icon{border-radius:var(--oc-radius-control);width:2.25rem;height:2.25rem;color:var(--oc-text-secondary);border:0;flex:none;place-items:center;display:grid}.oc-layer-card-action{background:var(--oc-bg-surface);cursor:pointer;touch-action:manipulation}.oc-layer-card-icon{background:var(--oc-bg-elevated)}.oc-layer-card-action:hover{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}:is(.oc-layer-card-action,.oc-layer-card-icon) svg{width:1.0625rem;height:1.0625rem}.oc-layer-card-title{font-family:var(--oc-font-display);font-size:var(--oc-font-size-lg);overflow-wrap:anywhere;margin:0;line-height:1.2}.oc-layer-card-copy{margin:var(--oc-space-2) 0 0;color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);overflow-wrap:anywhere;line-height:1.6}.oc-layer-card-primary>.oc-layer-card-copy{margin-top:0}.oc-link{color:var(--oc-text-link);font-weight:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:.22em;cursor:pointer;touch-action:manipulation;transition:color var(--oc-duration-fast) var(--oc-ease-out), text-decoration-color var(--oc-duration-fast) var(--oc-ease-out);text-decoration-thickness:from-font}.oc-link:hover{color:var(--oc-accent-primary-hover);text-decoration-color:currentColor}.oc-link:focus-visible{border-radius:var(--oc-radius-inset);outline:2px solid var(--oc-focus-ring);outline-offset:3px}.oc-link-muted{color:var(--oc-text-secondary)}.oc-link-standalone{align-items:center;gap:var(--oc-space-2);color:var(--oc-text-primary);font-weight:600;text-decoration:none;display:inline-flex}.oc-link-standalone svg{width:1rem;height:1rem;transition:transform var(--oc-duration-fast) var(--oc-ease-out)}.oc-link-standalone:is(:hover,:focus-visible) svg{transform:translate(.125rem)}.oc-link[aria-disabled=true]:not([href]){color:var(--oc-text-muted);cursor:default;pointer-events:none;text-decoration:none}.oc-menubar{align-items:center;gap:var(--oc-space-1);width:fit-content;max-width:100%;padding:var(--oc-space-1);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-surface-card);display:flex}.oc-menubar-item{min-height:2rem;padding:0 var(--oc-space-3);border-radius:var(--oc-radius-inset);color:var(--oc-text-secondary);font:inherit;font-size:var(--oc-font-size-sm);cursor:pointer;transition:background-color var(--oc-duration-fast) var(--oc-ease-out), color var(--oc-duration-fast) var(--oc-ease-out);background:0 0;border:0;align-items:center;font-weight:500;display:inline-flex}.oc-menubar-item:hover,.oc-menubar-item:focus-visible,.oc-menubar-item[aria-expanded=true]{background:var(--oc-surface-interactive);color:var(--oc-text-primary);outline:0}.oc-menubar .oc-dropdown-menu{top:calc(100% + var(--oc-space-2));left:0;right:auto}.oc-meter{gap:var(--oc-space-2);display:grid}.oc-meter-track{border-radius:var(--oc-radius-round);isolation:isolate;clip-path:inset(0 round var(--oc-radius-round));align-items:center;line-height:0;display:flex;position:relative;overflow:hidden}.oc-meter[data-state=active][data-effect=sheen] .oc-meter-track:after{border-radius:var(--oc-radius-round);content:"";mix-blend-mode:soft-light;pointer-events:none;animation:oc-meter-sheen 2.2s var(--oc-ease-out) infinite;background:linear-gradient(105deg,#0000 25%,#ffffff73 48%,#0000 70%) 0 0/220% 100%;position:absolute;inset:0}@keyframes oc-meter-sheen{0%{background-position:180% 0}to{background-position:-80% 0}}.oc-meter-header{justify-content:space-between;align-items:baseline;gap:var(--oc-space-3);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);font-variant-numeric:tabular-nums;display:flex}.oc-meter-header strong{color:var(--oc-text-primary);font-weight:650}.oc-meter-value{border-radius:var(--oc-radius-round);appearance:none;background:var(--oc-surface-interactive);border:0;width:100%;height:.5rem}.oc-meter-value::-webkit-meter-bar{border-radius:var(--oc-radius-round);background:var(--oc-surface-interactive);box-shadow:none;border:0}.oc-meter-value::-webkit-meter-optimum-value{border-radius:var(--oc-radius-round);background:var(--oc-accent-primary)}.oc-meter-value::-webkit-meter-suboptimum-value{border-radius:var(--oc-radius-round);background:var(--oc-status-warning-fg)}.oc-meter-value::-webkit-meter-even-less-good-value{border-radius:var(--oc-radius-round);background:var(--oc-status-error-fg)}.oc-meter-value::-moz-meter-bar{border-radius:var(--oc-radius-round);background:var(--oc-accent-primary)}.oc-meter-value:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--oc-status-warning-fg)}.oc-meter-value:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--oc-status-error-fg)}.oc-meter-caption{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);font-variant-numeric:tabular-nums;margin:0;line-height:1.5}.oc-pagination{align-items:center;gap:var(--oc-space-1);flex-wrap:wrap;display:flex}.oc-pagination-list{align-items:center;gap:var(--oc-space-1);margin:0;padding:0;list-style:none;display:flex}.oc-pagination-link{min-width:2rem;min-height:2rem;padding:0 var(--oc-space-1);border-radius:var(--oc-radius-control);color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);touch-action:manipulation;border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.oc-pagination-link:hover{border-color:var(--oc-border-subtle);background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-pagination-link:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-pagination-link[aria-current=page]{border-color:var(--oc-accent-primary);background:var(--oc-surface-accent-soft);color:var(--oc-text-primary);font-weight:650}.oc-pagination-link[aria-disabled=true]:not([href]){color:var(--oc-text-muted);cursor:default;pointer-events:none;opacity:.55}.oc-pagination-ellipsis{min-width:2rem;min-height:2rem;color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);place-items:center;display:grid}.oc-popover{width:min(20rem,100vw - 2rem);max-height:calc(100dvh - 2rem);padding:var(--oc-space-4);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-elevated);color:var(--oc-text-secondary);box-shadow:var(--oc-shadow-md);font-size:var(--oc-font-size-sm);overscroll-behavior:contain;margin:0;line-height:1.6;overflow:auto}.oc-popover:popover-open{inset:50% auto auto 50%;transform:translate(-50%,-50%)}@supports (position-area:bottom){.oc-popover:popover-open{position-area:bottom span-left;margin-top:var(--oc-space-2);inset:auto;transform:none}}.oc-popover-title{margin:0 0 var(--oc-space-2);color:var(--oc-text-primary);font-family:var(--oc-font-display);font-size:var(--oc-font-size-base)}.oc-popover p{margin:0}.oc-popover-actions{justify-content:flex-end;gap:var(--oc-space-2);margin-top:var(--oc-space-4);display:flex}.oc-provider-logo{align-items:center;gap:var(--oc-space-3);min-height:2.5rem;color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);font-weight:650;display:inline-flex}.oc-provider-logo-sm{gap:var(--oc-space-2);min-height:2rem;font-size:var(--oc-font-size-xs)}.oc-provider-logo-lg{gap:var(--oc-space-3);min-height:3rem;font-size:var(--oc-font-size-base)}.oc-provider-logo>:last-child:not(.oc-provider-logo-mark){overflow-wrap:anywhere;min-width:0}.oc-provider-logo-mark{border-radius:var(--oc-radius-control);width:2rem;height:2rem;color:var(--oc-text-primary);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);background:0 0;border:1px solid #0000;flex:none;place-items:center;font-weight:700;display:grid;overflow:hidden}.oc-provider-logo-sm .oc-provider-logo-mark{width:1.5rem;height:1.5rem}.oc-provider-logo-lg .oc-provider-logo-mark{width:2.5rem;height:2.5rem}.oc-provider-logo-mark :is(img,svg){object-fit:contain;width:70%;height:70%;display:block}.oc-provider-logo[data-selected=true] .oc-provider-logo-mark{color:var(--oc-accent-primary)}.oc-provider-logo-framed .oc-provider-logo-mark{border-color:var(--oc-border-subtle);background:var(--oc-surface-card)}.oc-provider-logo-passive{gap:0;min-height:0}:is(button,a).oc-provider-logo{padding:var(--oc-space-2);border-radius:var(--oc-radius-control);font:inherit;cursor:pointer;transition:border-color var(--oc-duration-fast) var(--oc-ease-out), background-color var(--oc-duration-fast) var(--oc-ease-out), transform var(--oc-duration-fast) var(--oc-ease-out);background:0 0;border:1px solid #0000}:is(button,a).oc-provider-logo:hover{border-color:var(--oc-border-subtle);background:var(--oc-surface-interactive);transform:translateY(-1px)}.oc-provider-logo[data-brand-color] .oc-provider-logo-mark{filter:grayscale();opacity:.72;transition:color var(--oc-duration-fast) var(--oc-ease-out), filter var(--oc-duration-fast) var(--oc-ease-out), opacity var(--oc-duration-fast) var(--oc-ease-out)}.oc-provider-logo[data-brand-color]:is(:hover,:focus-visible) .oc-provider-logo-mark{color:var(--provider-brand-color,var(--oc-accent-primary));filter:grayscale(0);opacity:1}:is(button,a).oc-provider-logo:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.oc-collapsible-summary:after,.oc-flow-step[aria-current=step] .oc-flow-marker:after,.oc-link-standalone svg,:is(button,a).oc-provider-logo,.oc-provider-logo[data-brand-color] .oc-provider-logo-mark{transition:none}.oc-collapsible::details-content{transition:none}.oc-flow-step[aria-current=step] .oc-flow-marker:after,.oc-meter[data-state=active][data-effect=sheen] .oc-meter-track:after{animation:none}}.oc-provider-logo-muted{color:var(--oc-text-secondary)}.oc-provider-logo-muted .oc-provider-logo-mark{opacity:.55}.oc-provider-logo:disabled,.oc-provider-logo[aria-disabled=true]{pointer-events:none;cursor:default}.oc-sidebar{--oc-sidebar-expanded-width:16rem;--oc-sidebar-collapsed-width:4.25rem;width:var(--oc-sidebar-expanded-width);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-elevated);max-width:100%;min-height:28rem;max-height:min(38rem,100dvh - 2rem);box-shadow:var(--oc-shadow-sm);transition:width var(--oc-duration-ui) var(--oc-ease-out);flex-direction:column;display:flex;position:relative}.oc-sidebar[data-collapsed=true]{width:var(--oc-sidebar-collapsed-width)}.oc-sidebar-header{z-index:2;align-items:center;gap:var(--oc-space-1);min-width:0;min-height:3.5rem;padding:var(--oc-space-2);border-bottom:1px solid var(--oc-border-subtle);flex:none;grid-template-columns:minmax(0,1fr) 2rem;display:grid;position:relative}.oc-sidebar-workspace{min-width:0;position:relative}.oc-sidebar-workspace-trigger{align-items:center;gap:var(--oc-space-3);width:100%;min-width:0;min-height:2.5rem;padding:var(--oc-space-1);border-radius:var(--oc-radius-control);color:var(--oc-text-primary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:1.75rem minmax(0,1fr) 1rem;display:grid}.oc-sidebar-workspace-trigger:hover,.oc-sidebar-workspace-trigger[aria-expanded=true]{border-color:var(--oc-border-subtle);background:var(--oc-surface-interactive)}.oc-sidebar-workspace-trigger:focus-visible,.oc-sidebar-collapse:focus-visible,.oc-sidebar-group-toggle:focus-visible,.oc-sidebar-footer-action:focus-visible,.oc-sidebar-workspace-option:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.oc-sidebar-workspace-trigger>svg,.oc-sidebar-group-chevron{width:.875rem;height:.875rem;color:var(--oc-text-muted)}.oc-sidebar-workspace-copy,.oc-sidebar-workspace-option>span:nth-child(2),.oc-sidebar-account{gap:.125rem;min-width:0;display:grid}.oc-sidebar-workspace-copy :is(strong,small),.oc-sidebar-workspace-option :is(strong,small),.oc-sidebar-account :is(strong,small){text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;line-height:1.2;overflow:hidden}.oc-sidebar-workspace-copy strong,.oc-sidebar-workspace-option strong,.oc-sidebar-account-name{color:var(--oc-text-primary);font-size:var(--oc-font-size-xs);font-weight:650}.oc-sidebar-workspace-copy small,.oc-sidebar-workspace-option small,.oc-sidebar-account-role{color:var(--oc-text-muted);font-size:.6875rem;font-weight:500}.oc-sidebar-workspace-menu{top:calc(100% + var(--oc-space-1));z-index:12;width:15rem;padding:var(--oc-space-1);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-elevated);box-shadow:var(--oc-shadow-md);opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--oc-duration-fast) var(--oc-ease-out), transform var(--oc-duration-fast) var(--oc-ease-out), visibility 0s linear var(--oc-duration-fast);gap:.125rem;display:grid;position:absolute;left:0;transform:translateY(-.25rem)scale(.985)}.oc-sidebar-workspace-menu[data-open=true]{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;transform:translateY(0)scale(1)}.oc-sidebar-workspace-option{align-items:center;gap:var(--oc-space-2);width:100%;min-width:0;min-height:2.75rem;padding:var(--oc-space-1) var(--oc-space-2);border-radius:var(--oc-radius-control);color:var(--oc-text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:1.75rem minmax(0,1fr) 1rem;display:grid}.oc-sidebar-workspace-option:hover,.oc-sidebar-workspace-option[aria-checked=true]{background:var(--oc-surface-interactive)}.oc-sidebar-workspace-option>svg{width:.875rem;height:.875rem;color:var(--oc-accent-primary);opacity:0}.oc-sidebar-workspace-option[aria-checked=true]>svg{opacity:1}.oc-sidebar-collapse,.oc-sidebar-footer-action{border-radius:var(--oc-radius-control);width:2rem;height:2rem;color:var(--oc-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid}.oc-sidebar-collapse:hover,.oc-sidebar-footer-action:hover{border-color:var(--oc-border-subtle);background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-sidebar-collapse svg,.oc-sidebar-footer-action svg{width:.9375rem;height:.9375rem}.oc-sidebar-nav{align-content:start;gap:var(--oc-space-2);min-height:0;padding:var(--oc-space-2);overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;display:grid;overflow-y:auto}.oc-sidebar-workspace-panel{gap:var(--oc-space-2);display:grid}.oc-sidebar-workspace-panel[data-active=false]{display:none}.oc-sidebar-group{gap:.125rem;min-width:0;display:grid}.oc-sidebar-group-toggle{align-items:center;gap:var(--oc-space-2);width:100%;min-width:0;min-height:1.875rem;padding:0 var(--oc-space-2);border-radius:var(--oc-radius-control);color:var(--oc-text-muted);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:1rem minmax(0,1fr) 1rem;font-size:.6875rem;font-weight:650;display:grid}.oc-sidebar-group-toggle:hover{background:var(--oc-surface-interactive);color:var(--oc-text-secondary)}.oc-sidebar-group-toggle>svg:first-child{width:.875rem;height:.875rem}.oc-sidebar-group-chevron{transition:transform var(--oc-duration-fast) var(--oc-ease-out)}.oc-sidebar-group-toggle[aria-expanded=false] .oc-sidebar-group-chevron{transform:rotate(-90deg)}.oc-sidebar-group-items{opacity:1;transition:grid-template-rows var(--oc-duration-ui) var(--oc-ease-out), opacity var(--oc-duration-fast) var(--oc-ease-out);grid-template-rows:1fr;display:grid}.oc-sidebar-group-items[data-open=false]{opacity:0;grid-template-rows:0fr}.oc-sidebar-group-items-inner{gap:.125rem;min-height:0;display:grid;overflow:hidden}.oc-sidebar-link{align-items:center;gap:var(--oc-space-2);min-width:0;min-height:2.25rem;padding:0 var(--oc-space-2);border-radius:var(--oc-radius-control);color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);touch-action:manipulation;grid-template-columns:1rem minmax(0,1fr) auto;text-decoration:none;display:grid}.oc-sidebar-link>svg{width:.9375rem;height:.9375rem;color:var(--oc-text-muted)}.oc-sidebar-link-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.oc-sidebar-link:hover{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-sidebar-link:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.oc-sidebar-link[aria-current=page]{background:var(--oc-surface-interactive);color:var(--oc-text-primary);font-weight:650}.oc-sidebar-link[aria-current=page]>svg{color:var(--oc-accent-primary)}.oc-sidebar-count{color:var(--oc-text-muted);font-variant-numeric:tabular-nums;font-size:.6875rem}.oc-sidebar-workspace-copy,.oc-sidebar-workspace-trigger>svg,.oc-sidebar-group-toggle>span,.oc-sidebar-group-chevron,.oc-sidebar-link-label,.oc-sidebar-count,.oc-sidebar-account,.oc-sidebar-footer-action{opacity:1;max-width:12rem;transition:max-width var(--oc-duration-ui) var(--oc-ease-out), opacity var(--oc-duration-fast) var(--oc-ease-out), visibility 0s linear;visibility:visible}.oc-sidebar-footer{align-items:center;gap:var(--oc-space-2);min-width:0;min-height:3.5rem;padding:var(--oc-space-2);border-top:1px solid var(--oc-border-subtle);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);flex:none;grid-template-columns:1.75rem minmax(0,1fr) 2rem;display:grid}.oc-sidebar[data-collapsed=true] .oc-sidebar-header{padding-inline:var(--oc-space-1);grid-template-columns:1.75rem 1.75rem;justify-content:center}.oc-sidebar[data-collapsed=true] .oc-sidebar-collapse{width:1.75rem;height:1.75rem}.oc-sidebar[data-collapsed=true] .oc-sidebar-workspace-trigger{grid-template-columns:1.75rem;justify-content:center;padding-inline:.125rem}.oc-sidebar[data-collapsed=true] .oc-sidebar-workspace-copy,.oc-sidebar[data-collapsed=true] .oc-sidebar-workspace-trigger>svg,.oc-sidebar[data-collapsed=true] .oc-sidebar-group-toggle>span,.oc-sidebar[data-collapsed=true] .oc-sidebar-group-chevron,.oc-sidebar[data-collapsed=true] .oc-sidebar-link-label,.oc-sidebar[data-collapsed=true] .oc-sidebar-count,.oc-sidebar[data-collapsed=true] .oc-sidebar-account,.oc-sidebar[data-collapsed=true] .oc-sidebar-footer-action{opacity:0;pointer-events:none;visibility:hidden;max-width:0;transition-delay:0s, 0s, var(--oc-duration-fast);overflow:hidden}.oc-sidebar[data-collapsed=true] .oc-sidebar-workspace-menu{top:0;left:calc(100% + var(--oc-space-2))}.oc-sidebar[data-collapsed=true] .oc-sidebar-nav{padding-inline:var(--oc-space-1)}.oc-sidebar[data-collapsed=true] .oc-sidebar-group-toggle,.oc-sidebar[data-collapsed=true] .oc-sidebar-link{grid-template-columns:1rem;justify-content:center;padding-inline:0}.oc-sidebar[data-collapsed=true] .oc-sidebar-footer{padding-inline:var(--oc-space-1);grid-template-columns:1.75rem;justify-content:center}@media (prefers-reduced-motion:reduce){.oc-sidebar,.oc-sidebar-workspace-menu,.oc-sidebar-group-items,.oc-sidebar-group-chevron,.oc-sidebar-workspace-copy,.oc-sidebar-workspace-trigger>svg,.oc-sidebar-group-toggle>span,.oc-sidebar-link-label,.oc-sidebar-count,.oc-sidebar-account,.oc-sidebar-footer-action{transition:none}}.oc-table-of-contents{width:min(100%,18rem);padding-left:var(--oc-space-4);border-left:1px solid var(--oc-border-subtle)}.oc-table-wrap[data-workbench-table-bounded]{max-height:14rem;overflow:auto}.oc-table-wrap[data-workbench-table-bounded] .oc-table thead th{z-index:1;background:var(--oc-bg-elevated);position:sticky;top:0}.oc-table-of-contents-title{margin:0 0 var(--oc-space-3);color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.oc-table-of-contents-list{gap:var(--oc-space-1);margin:0;padding:0;list-style:none;display:grid}.oc-table-of-contents-link{min-height:2.75rem;padding:var(--oc-space-2) 0;color:var(--oc-text-muted);font-size:var(--oc-font-size-sm);touch-action:manipulation;align-items:center;text-decoration:none;display:flex}.oc-table-of-contents-link:is(:hover,:focus-visible),.oc-table-of-contents-link[aria-current=location]{color:var(--oc-text-primary)}.oc-table-of-contents-link:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-tabs{width:100%}.oc-tabs-list{gap:var(--oc-space-1);border-bottom:1px solid var(--oc-border-subtle);display:flex;overflow-x:auto}.oc-tabs-trigger{min-height:2.75rem;padding:0 var(--oc-space-3);color:var(--oc-text-muted);font:inherit;font-size:var(--oc-font-size-sm);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000}.oc-tabs-trigger:is(:hover,[aria-selected=true]){color:var(--oc-text-primary)}.oc-tabs-trigger[aria-selected=true]{border-bottom-color:var(--oc-border-accent)}.oc-tabs-trigger:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.oc-tabs-panel{padding:var(--oc-space-5) 0;color:var(--oc-text-secondary)}.oc-text{min-width:0;color:var(--oc-text-primary);font-family:var(--oc-font-body);font-size:var(--oc-font-size-base);overflow-wrap:anywhere;margin:0;line-height:1.6}.oc-text-secondary{color:var(--oc-text-secondary)}.oc-text-muted{color:var(--oc-text-muted)}.oc-text-small{font-size:var(--oc-font-size-sm)}.oc-text-mono{font-family:var(--oc-font-mono)}.oc-text-balance{text-wrap:balance}.oc-toolbar{align-items:center;gap:var(--oc-space-1);width:fit-content;max-width:100%;padding:var(--oc-space-1);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-elevated);flex-wrap:wrap;display:flex}.oc-toolbar-group{align-items:center;gap:var(--oc-space-1);display:flex}.oc-toolbar-group+.oc-toolbar-group{padding-left:var(--oc-space-1);border-left:1px solid var(--oc-border-subtle)}.oc-toolbar-button{min-width:2.5rem;min-height:2.5rem;padding:0 var(--oc-space-3);border-radius:var(--oc-radius-control);color:var(--oc-text-secondary);font:inherit;font-size:var(--oc-font-size-sm);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.oc-toolbar-button:is(:hover,[aria-pressed=true]){background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-toolbar-button:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.oc-toast-region{gap:var(--oc-space-2);width:min(100%,24rem);display:grid}.oc-toast{align-items:start;gap:var(--oc-space-4);padding:var(--oc-space-4);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-surface-overlay);box-shadow:var(--oc-shadow-lg);color:var(--oc-text-secondary);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.oc-toast-content{gap:var(--oc-space-1);display:grid}.oc-toast-title{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);margin:0;font-weight:700}.oc-toast-message{color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);margin:0;line-height:1.5}.oc-toast-close{border-radius:var(--oc-radius-control);width:2.75rem;height:2.75rem;color:var(--oc-text-muted);font:inherit;cursor:pointer;background:0 0;border:0}.oc-toast-close:is(:hover,:focus-visible){background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-toast-close:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.oc-chart{gap:var(--oc-space-4);width:100%;padding:var(--oc-space-5);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-surface-card);margin:0;display:grid}.oc-chart-header{justify-content:space-between;align-items:baseline;gap:var(--oc-space-4);display:flex}.oc-chart-header>*{min-width:0}.oc-chart-title,.oc-chart-caption{margin:0}.oc-chart-title{color:var(--oc-text-primary);font-size:var(--oc-font-size-base);font-weight:700}.oc-chart-caption{color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs)}.oc-chart-plot{width:100%;height:auto;min-height:12rem;color:var(--oc-accent-primary);display:block}.oc-chart-grid-line{stroke:var(--oc-chart-line,var(--oc-border-subtle));stroke-width:1px}.oc-chart-series{fill:none;stroke:currentColor;stroke-linecap:butt;stroke-linejoin:miter;stroke-width:2px}.oc-chart-axis-labels{justify-content:space-between;gap:var(--oc-space-2);margin:calc(var(--oc-space-2) * -1) 0 0;color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);padding:0;list-style:none;display:flex}.oc-chart-axis-labels li{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.oc-chart-colors{gap:var(--oc-space-2);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));width:100%;display:grid}.oc-chart-color-group{gap:var(--oc-space-2);width:100%;display:grid}.oc-chart-color-group-title{color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);letter-spacing:.05em;text-transform:uppercase;margin:0;font-weight:700}.oc-chart-color{gap:var(--oc-space-3);padding:var(--oc-space-3);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-surface-card);color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);display:grid}.oc-chart-color:before{border-radius:var(--oc-radius-control);background:var(--oc-chart-color,var(--oc-accent-primary));content:"";height:3rem}.oc-chart-color-primary{--oc-chart-color:var(--oc-accent-primary)}.oc-chart-color-secondary{--oc-chart-color:var(--oc-accent-secondary)}.oc-chart-color-success{--oc-chart-color:var(--oc-status-success-fg)}.oc-chart-color-warning{--oc-chart-color:var(--oc-status-warning-fg)}.oc-chart-color-error{--oc-chart-color:var(--oc-status-error-fg)}.oc-timeseries-legend{gap:var(--oc-space-2) var(--oc-space-4);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.oc-timeseries-legend li{align-items:center;gap:var(--oc-space-2);display:inline-flex}.oc-timeseries-key{width:var(--oc-space-4);background:var(--oc-accent-primary);height:2px}.oc-timeseries-key-secondary{border-top:2px dashed var(--oc-accent-secondary);background:0 0}.oc-timeseries-axis{fill:none;stroke:var(--oc-chart-line,var(--oc-border-subtle));stroke-width:1px}.oc-timeseries-series{fill:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-width:2px}.oc-timeseries-series-primary{stroke:var(--oc-accent-primary)}.oc-timeseries-series-secondary{stroke:var(--oc-accent-secondary);stroke-dasharray:8 6}.oc-timeseries-points{fill:var(--oc-surface-card);stroke:var(--oc-accent-primary);stroke-width:2px}.oc-map-scale{align-items:center;gap:var(--oc-space-1);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);display:inline-flex}.oc-map-scale i{width:var(--oc-space-4);height:var(--oc-space-3);border:1px solid var(--oc-border-subtle);background:color-mix(in srgb, var(--oc-accent-primary) 14%, var(--oc-surface-card))}.oc-map-scale i:nth-of-type(2){background:color-mix(in srgb, var(--oc-accent-primary) 48%, var(--oc-surface-card))}.oc-map-scale i:nth-of-type(3){background:var(--oc-accent-primary)}.oc-map-plot{width:100%;height:auto;min-height:15rem;display:block}.oc-map-region{stroke:var(--oc-surface-card);stroke-linejoin:round;stroke-width:4px}.oc-map-region-low{fill:color-mix(in srgb, var(--oc-accent-primary) 14%, var(--oc-surface-card))}.oc-map-region-medium{fill:color-mix(in srgb, var(--oc-accent-primary) 48%, var(--oc-surface-card))}.oc-map-region-high{fill:var(--oc-accent-primary)}.oc-map-label{fill:var(--oc-text-primary);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);pointer-events:none;text-anchor:middle;font-weight:700}.oc-map-summary{gap:var(--oc-space-2);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));margin:0;display:grid}.oc-map-summary>div{justify-content:space-between;gap:var(--oc-space-2);padding-top:var(--oc-space-2);border-top:1px solid var(--oc-border-subtle);display:flex}.oc-map-summary :is(dt,dd){font-size:var(--oc-font-size-xs);margin:0}.oc-map-summary dt{color:var(--oc-text-primary);font-weight:650}.oc-map-summary dd{color:var(--oc-text-muted)}.oc-sankey-plot{width:100%;height:auto;min-height:16rem;display:block}.oc-sankey-link{fill:none;stroke:var(--oc-accent-secondary);stroke-opacity:.34}.oc-sankey-link-primary{stroke:var(--oc-accent-primary);stroke-opacity:.48}.oc-sankey-node{fill:var(--oc-surface-card-strong);stroke:var(--oc-border-subtle);stroke-width:1px}.oc-sankey-node-primary{fill:var(--oc-accent-primary);stroke:var(--oc-accent-primary)}.oc-sankey-label{fill:var(--oc-text-secondary);font-family:var(--oc-font-body);font-size:var(--oc-font-size-xs)}.oc-sankey-summary{gap:var(--oc-space-2);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));margin:0;display:grid}.oc-sankey-summary>div{gap:var(--oc-space-1);min-width:0;padding:var(--oc-space-3);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-surface-secondary-soft);display:grid}.oc-sankey-summary :is(dt,dd){overflow-wrap:anywhere;min-width:0;margin:0}.oc-sankey-summary dt{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}.oc-sankey-summary dd{color:var(--oc-text-primary);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-base);font-weight:700}.oc-custom-chart{gap:var(--oc-space-5);grid-template-columns:minmax(0,1fr) minmax(12rem,.38fr);display:grid}.oc-custom-chart>.oc-chart-header{grid-column:1/-1}.oc-custom-chart-visual{min-width:0}.oc-custom-chart-summary{align-content:center;gap:var(--oc-space-3);padding-left:var(--oc-space-5);border-left:1px solid var(--oc-border-subtle);display:grid}.oc-custom-chart-stat{gap:var(--oc-space-1);min-width:0;display:grid}.oc-custom-chart-value,.oc-custom-chart-label,.oc-custom-chart-detail{margin:0}.oc-custom-chart-value{color:var(--oc-text-primary);font-family:var(--oc-font-display);font-size:var(--oc-font-size-3xl);order:-1;font-weight:750;line-height:1}.oc-custom-chart-label{color:var(--oc-text-primary);font-weight:700}.oc-custom-chart-detail{color:var(--oc-text-muted);font-size:var(--oc-font-size-sm);line-height:1.5}.oc-delete-resource{align-items:center;gap:var(--oc-space-5);width:100%;padding:var(--oc-space-5);border:1px solid var(--oc-status-error-fg);border-radius:var(--oc-radius-surface);background:var(--oc-status-error-bg);grid-template-columns:minmax(0,1fr) auto;display:grid}.oc-delete-resource-content{gap:var(--oc-space-2);min-width:0;display:grid}.oc-delete-resource-title,.oc-delete-resource-description{overflow-wrap:anywhere;margin:0}.oc-delete-resource-title{color:var(--oc-text-primary);font-size:var(--oc-font-size-base);font-weight:700}.oc-delete-resource-description{max-width:var(--oc-content-narrow);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);line-height:1.55}.oc-delete-resource-action{min-height:2.75rem;padding:0 var(--oc-space-4);border:1px solid var(--oc-status-error-fg);border-radius:var(--oc-radius-control);color:var(--oc-status-error-fg);font:inherit;font-size:var(--oc-font-size-sm);cursor:pointer;touch-action:manipulation;background:0 0;font-weight:700}.oc-delete-resource-action:disabled{cursor:not-allowed;opacity:.55}.oc-delete-resource-action:hover{background:var(--oc-status-error-fg);color:var(--oc-bg-page)}.oc-delete-resource-action:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.oc-tooltip-content{transition:none}}.oc-agent-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;width:1rem;height:1rem;display:block}.oc-agent-spinner{color:var(--oc-text-muted);flex:none;animation:.9s linear infinite oc-agent-spin;display:inline-flex}.oc-agent-spinner .oc-agent-icon{width:.875rem;height:.875rem}@keyframes oc-agent-spin{to{transform:rotate(360deg)}}.oc-agent-chat{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-page);width:min(100%,44rem);min-height:0;max-height:min(42rem,100dvh - 4rem);color:var(--oc-text-primary);flex-direction:column;display:flex;position:relative;overflow:hidden}.oc-agent-chat:has(.oc-model-picker[open]){overflow:visible}.oc-agent-chat[data-layout=compact]{height:auto;max-height:none}.oc-agent-chat[data-layout=viewport]{height:100%;max-height:none}.oc-agent-chat[data-layout=viewport] .oc-agent-message-list{flex:auto}.oc-agent-drop-overlay{z-index:4;inset:var(--oc-space-3);place-content:center;justify-items:center;gap:var(--oc-space-2);border:1px dashed var(--oc-accent-primary);border-radius:var(--oc-radius-surface);background:color-mix(in srgb, var(--oc-bg-elevated) 94%, transparent);color:var(--oc-text-primary);opacity:0;pointer-events:none;transition:opacity var(--oc-duration-fast) var(--oc-ease-out), transform var(--oc-duration-fast) var(--oc-ease-out);display:grid;position:absolute;transform:scale(.985)}.oc-agent-drop-overlay .oc-agent-icon{width:1.25rem;height:1.25rem;color:var(--oc-accent-primary)}.oc-agent-drop-overlay span{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}.oc-agent-chat[data-drop-active=true] .oc-agent-drop-overlay{opacity:1;transform:scale(1)}.oc-agent-collaboration{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-surface-card);width:min(100%,40rem);color:var(--oc-text-primary);display:grid;overflow:hidden}.oc-agent-collaboration-header{align-items:center;gap:var(--oc-space-3);min-width:0;padding:var(--oc-space-3) var(--oc-space-4);border-bottom:1px solid var(--oc-border-subtle);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.oc-agent-collaboration-facepile{padding-left:0}.oc-agent-collaboration-facepile>.oc-avatar{width:1.25rem;height:1.25rem;box-shadow:0 0 0 2px var(--oc-surface-card)}.oc-agent-collaboration-facepile>.oc-avatar+.oc-avatar{margin-left:-.375rem}.oc-agent-collaboration-facepile[data-state=thinking]>.oc-avatar:nth-child(4){animation-delay:.27s}.oc-agent-collaboration-heading{gap:.125rem;min-width:0;display:grid}.oc-agent-collaboration-heading strong{font-size:var(--oc-font-size-sm);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.oc-agent-collaboration-kicker{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);line-height:1.2}.oc-agent-collaboration-status{align-items:center;gap:var(--oc-space-1);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);white-space:nowrap;flex:none;font-weight:600;display:inline-flex}.oc-agent-collaboration-status:before{border-radius:var(--oc-radius-round);content:"";background:currentColor;flex:none;width:.375rem;height:.375rem}.oc-agent-collaboration-status[data-state=active]{color:var(--oc-status-info-fg)}.oc-agent-collaboration-status[data-state=complete]{color:var(--oc-status-success-fg)}.oc-agent-collaboration-lead{gap:var(--oc-space-2);padding:var(--oc-space-3) var(--oc-space-4);border-bottom:1px solid var(--oc-border-subtle);background:var(--oc-bg-recessed);display:grid}.oc-agent-collaboration-update{align-items:center;gap:var(--oc-space-2);min-width:0;display:flex}.oc-agent-collaboration-author{align-items:center;gap:var(--oc-space-2);min-width:0;min-height:1.5rem;padding:.125rem var(--oc-space-2) .125rem .125rem;border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-round);background:var(--oc-surface-interactive);font-size:var(--oc-font-size-xs);display:inline-flex}.oc-agent-collaboration-author strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-agent-collaboration-role{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-agent-collaboration-update>.oc-agent-collaboration-status{margin-left:auto}.oc-agent-collaboration-lead p,.oc-agent-collaboration-tasks p{color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);margin:0;line-height:1.45}.oc-agent-collaboration-tasks{margin:0;padding:0;list-style:none;display:grid}.oc-agent-collaboration-tasks li{gap:var(--oc-space-2);min-width:0;padding:var(--oc-space-3) var(--oc-space-4);display:grid}.oc-agent-collaboration-tasks li+li{border-top:1px solid var(--oc-border-subtle)}.oc-agent-collaboration-footer{justify-content:space-between;align-items:center;gap:var(--oc-space-3);min-width:0;padding:var(--oc-space-2) var(--oc-space-4);border-top:1px solid var(--oc-border-subtle);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);display:flex}.oc-agent-collaboration[data-variant=transcript]{gap:var(--oc-space-3);background:0 0;border:0;border-radius:0;width:min(100%,44rem);overflow:visible}.oc-agent-collaboration-presence{align-items:center;gap:var(--oc-space-2);min-width:0;color:var(--oc-text-muted);font-size:var(--oc-font-size-sm);display:flex}.oc-agent-collaboration-presence strong{color:var(--oc-text-secondary);font-weight:600}.oc-agent-collaboration-presence time{font-variant-numeric:tabular-nums}.oc-agent-collaboration-summary{color:var(--oc-text-primary);font-size:var(--oc-font-size-lg);margin:0;line-height:1.35}.oc-agent-collaboration-stream{gap:var(--oc-space-3);display:grid}.oc-agent-attributed-message{gap:var(--oc-space-2);grid-template-columns:1.25rem minmax(0,1fr);align-items:start;min-width:0;display:grid}.oc-agent-attributed-message[data-author=user]{grid-template-columns:minmax(0,1fr) 1.5rem;justify-items:end}.oc-agent-attributed-message[data-author=user] .oc-agent-message-content{justify-items:end}.oc-agent-attributed-message[data-author=user] .oc-agent-message-author{flex-direction:row-reverse}.oc-agent-attributed-message[data-author=user]>.oc-avatar{border-radius:50%;width:1.5rem;height:1.5rem;overflow:hidden}.oc-agent-attributed-message+.oc-agent-attributed-message{margin-top:0}.oc-agent-message-author{align-items:baseline;gap:var(--oc-space-2);color:var(--oc-text-primary);font-size:var(--oc-font-size-xs);margin-bottom:0;font-weight:600;display:inline-flex}.oc-agent-message-content{gap:var(--oc-space-1);min-width:0;display:grid}.oc-agent-attributed-message>.oc-avatar{width:1.25rem;height:1.25rem;margin-top:.125rem}.oc-agent-message-role{color:var(--oc-text-muted);font-weight:500}.oc-agent-message-bubble{width:fit-content;max-width:100%;padding:var(--oc-space-2) var(--oc-space-3);border-radius:var(--oc-radius-lg);background:var(--oc-surface-interactive);color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);line-height:1.5}.oc-agent-message-bubble p{margin:0}.oc-agent-attributed-message .oc-agent-user-message{justify-self:end}.oc-agent-attributed-message[data-author=agent] .oc-agent-markdown{padding-top:var(--oc-space-1)}.oc-agent-media-grid{gap:var(--oc-space-2);margin-top:var(--oc-space-2);grid-template-columns:repeat(2,minmax(0,9rem));display:grid}.oc-agent-media{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-elevated);min-width:0;margin:0;overflow:hidden}.oc-agent-media-placeholder{background:linear-gradient(var(--oc-border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--oc-border-subtle) 1px, transparent 1px);min-height:5rem;color:var(--oc-text-muted);background-size:12px 12px;place-items:center;display:grid}.oc-agent-media[data-kind=video] .oc-agent-media-placeholder .oc-agent-icon{box-sizing:content-box;border-radius:var(--oc-radius-round);background:var(--oc-bg-contrast);color:var(--oc-text-inverse);padding:.5rem}.oc-agent-media[data-kind=audio] .oc-agent-media-placeholder,.oc-agent-media[data-kind=document] .oc-agent-media-placeholder{min-height:3.5rem}.oc-agent-media-status{gap:var(--oc-space-2);margin-top:var(--oc-space-3);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);align-items:center;display:inline-flex}.oc-agent-media-status .oc-loader-spinner{width:.75rem;height:.75rem}.oc-agent-media figcaption{padding:var(--oc-space-2);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-agent-chat-empty{justify-content:center}.oc-agent-chat-center{gap:var(--oc-space-4);padding:var(--oc-space-6) var(--oc-space-5);justify-items:center;display:grid}.oc-agent-chat-center .oc-agent-input-bar{width:min(100%,38rem)}.oc-agent-chat-composer{padding:0 var(--oc-space-4) var(--oc-space-4)}.oc-agent-chat>.oc-agent-input-bar{margin:0 var(--oc-space-4) var(--oc-space-4)}.oc-agent-chat-suggestions{padding:0 var(--oc-space-4) var(--oc-space-3)}.oc-agent-message-list{scrollbar-gutter:stable both-edges;flex:0 auto;min-height:0;max-height:28rem;overflow-y:auto}.oc-agent-message-list-content{gap:var(--oc-space-4);width:min(100%,42rem);padding:var(--oc-space-5);flex-direction:column;margin:0 auto;display:flex}.oc-agent-chat[data-layout=compact] .oc-agent-message-list-content{gap:var(--oc-space-3);padding:var(--oc-space-4)}.oc-agent-turn{gap:var(--oc-space-4);flex-direction:column;display:flex}.oc-agent-user-message-stack{gap:var(--oc-space-2);flex-direction:column;align-self:flex-end;align-items:flex-end;max-width:min(100%,30rem);display:flex}.oc-agent-user-message{padding:var(--oc-space-2) var(--oc-space-4);border-radius:var(--oc-radius-lg);background:var(--oc-surface-interactive);color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);overflow-wrap:anywhere;line-height:1.55}.oc-agent-user-message p{margin:0}.oc-agent-message-meta{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}.oc-agent-assistant-turn{gap:var(--oc-space-3);flex-direction:column;align-self:stretch;min-width:0;display:flex}.oc-agent-message-toolbar{gap:var(--oc-space-1);display:flex}.oc-agent-copy-button{border-radius:var(--oc-radius-md);width:1.75rem;height:1.75rem;color:var(--oc-text-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;display:grid}.oc-agent-copy-button:hover{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-agent-copy-button .oc-agent-icon{width:.875rem;height:.875rem}.oc-agent-planning{gap:var(--oc-space-2);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);align-items:center;display:flex}.oc-agent-streaming-cursor{background:var(--oc-text-primary);vertical-align:text-bottom;border-radius:1px;width:.5em;height:1em;margin-left:.15em;animation:1s steps(2,start) infinite oc-agent-cursor-blink;display:inline-block}@keyframes oc-agent-cursor-blink{50%{opacity:0}}.oc-agent-tool-row-list{gap:var(--oc-space-1);flex-direction:column;display:flex}div.oc-agent-tool-row,.oc-agent-tool-row-summary{gap:var(--oc-space-2);min-width:0;min-height:1.75rem;color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);align-items:center;line-height:1.4;display:flex}details.oc-agent-tool-row{min-width:0}.oc-agent-tool-row-summary{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;list-style:none}.oc-agent-tool-row-summary::-webkit-details-marker{display:none}.oc-agent-tool-row-summary:hover{color:var(--oc-text-primary)}.oc-agent-tool-row-summary:focus-visible{border-radius:var(--oc-radius-sm);outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-agent-tool-row-icon{color:var(--oc-text-muted);flex:none;display:inline-flex}.oc-agent-tool-row-icon .oc-agent-icon{width:.875rem;height:.875rem}.oc-agent-tool-row-label{color:inherit;flex:none;font-weight:500}.oc-agent-tool-row-detail{min-width:0;color:var(--oc-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-agent-tool-row-meta{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);flex:none}.oc-agent-tool-row-chevron{color:var(--oc-text-muted);transition:transform var(--oc-duration-fast) var(--oc-ease-out);flex:none;display:inline-flex}.oc-agent-tool-row-chevron .oc-agent-icon{width:.875rem;height:.875rem}details.oc-agent-tool-row[open]>.oc-agent-tool-row-summary .oc-agent-tool-row-chevron{transform:rotate(90deg)}.oc-agent-tool-row-panel{margin:var(--oc-space-2) 0 0 .4rem;padding-left:var(--oc-space-4);border-left:1px solid var(--oc-border-subtle)}.oc-agent-tool-card{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-lg);background:var(--oc-surface-card);width:min(100%,38rem);overflow:hidden}.oc-agent-tool-row-panel .oc-agent-tool-card{width:100%}.oc-agent-tool-card-header{gap:var(--oc-space-2);min-height:2.25rem;padding:var(--oc-space-2) var(--oc-space-3);border-bottom:1px solid var(--oc-border-subtle);background:var(--oc-component-surface);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);align-items:center;display:flex}.oc-agent-tool-card-icon{color:var(--oc-text-muted);flex:none;display:inline-flex}.oc-agent-tool-card-icon .oc-agent-icon{width:.875rem;height:.875rem}.oc-agent-tool-card-title{min-width:0;color:var(--oc-text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.oc-agent-tool-card-body{padding:var(--oc-space-3);font-size:var(--oc-font-size-sm)}.oc-agent-code-block{padding:var(--oc-space-3);color:var(--oc-text-secondary);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);margin:0;line-height:1.6;overflow-x:auto}.oc-mcp-app{--oc-app-accent:var(--oc-accent-primary);--oc-app-accent-contrast:var(--oc-text-on-accent);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-elevated);flex-direction:column;display:flex;overflow:hidden}.oc-mcp-app-header{align-items:center;gap:var(--oc-space-2);min-height:2.5rem;padding:var(--oc-space-2) var(--oc-space-3);border-bottom:1px solid var(--oc-border-subtle);grid-template-columns:minmax(0,1fr) auto;display:grid}.oc-mcp-app-identity{align-items:center;gap:var(--oc-space-2);min-width:0;color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);font-weight:600;display:flex}.oc-mcp-app-mark{border-radius:var(--oc-radius-inset);background:color-mix(in srgb, var(--oc-app-accent) 16%, transparent);width:1.25rem;height:1.25rem;color:var(--oc-app-accent);flex:none;place-items:center;display:grid}.oc-mcp-app-mark svg{width:.75rem;height:.75rem}.oc-mcp-app-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-mcp-app-origin{color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-weight:400;overflow:hidden}.oc-mcp-app-actions{align-items:center;gap:var(--oc-space-1);display:flex}.oc-mcp-app-actions button{border-radius:var(--oc-radius-control);width:1.75rem;height:1.75rem;color:var(--oc-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.oc-mcp-app-actions button:hover{background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}.oc-mcp-app-actions button:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-mcp-app-actions svg{width:.875rem;height:.875rem}.oc-mcp-app-body{background:var(--oc-bg-surface);min-height:10rem}.oc-mcp-app-state{block-size:100%;min-height:10rem;padding:var(--oc-space-5);align-content:center;justify-items:center;gap:var(--oc-space-2);color:var(--oc-text-muted);text-align:center;display:grid}.oc-mcp-app-state svg{width:1.25rem;height:1.25rem}.oc-mcp-app-state-title{color:var(--oc-text-primary);font-size:var(--oc-font-size-base);font-weight:600}.oc-mcp-app-state-copy{max-width:32rem;font-size:var(--oc-font-size-sm);line-height:1.5}.oc-mcp-app-state-actions{justify-content:center;gap:var(--oc-space-2);margin-top:var(--oc-space-1);flex-wrap:wrap;display:flex}.oc-mcp-app-state[data-state=error]{color:var(--oc-status-error-fg)}.oc-mcp-app-state[data-state=blocked]{color:var(--oc-status-warning-fg)}.oc-mcp-app-state[data-state=loading] svg{animation:1s linear infinite oc-mcp-app-spin}@keyframes oc-mcp-app-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.oc-mcp-app-state[data-state=loading] svg{animation:none}}.oc-mcp-app-demo{gap:var(--oc-space-2);padding:var(--oc-space-4);background:var(--color-background-primary);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-text-md-size);line-height:var(--font-text-md-line-height);display:grid}.oc-mcp-app-demo-title{font-size:var(--font-heading-sm-size);font-weight:var(--font-weight-semibold)}.oc-mcp-app-demo-copy{color:var(--color-text-secondary);font-size:var(--font-text-sm-size)}.oc-mcp-app-demo-actions{gap:var(--oc-space-2);margin-top:var(--oc-space-1);flex-wrap:wrap;display:flex}.oc-mcp-app-demo-actions button{border:var(--border-width-regular) solid var(--color-border-primary);border-radius:var(--border-radius-md);padding:var(--oc-space-2) var(--oc-space-3);color:var(--color-text-primary);cursor:pointer;font:inherit;font-size:var(--font-text-sm-size);font-weight:var(--font-weight-medium);background:0 0}.oc-mcp-app-demo-actions button.is-brand{background:var(--oc-app-accent);color:var(--oc-app-accent-contrast);border-color:#0000}.oc-agent-bash-tool-row{width:min(100%,42rem)}.oc-agent-bash-meta{gap:var(--oc-space-2) var(--oc-space-4);padding:var(--oc-space-2) var(--oc-space-3);border-bottom:1px solid var(--oc-border-subtle);color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);flex-wrap:wrap;margin:0;display:flex}.oc-agent-bash-meta>div{gap:var(--oc-space-1);display:inline-flex}.oc-agent-bash-meta dt,.oc-agent-bash-meta dd{margin:0}.oc-agent-bash-meta dt:after{content:":"}.oc-agent-bash-progress{margin:0}.oc-agent-bash-terminal{gap:var(--oc-space-2);background:var(--oc-bg-recessed);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);line-height:1.6;display:grid}.oc-agent-bash-command{color:var(--oc-text-primary);overflow-wrap:anywhere}.oc-agent-bash-command>span{color:var(--oc-text-muted);-webkit-user-select:none;user-select:none}.oc-agent-bash-command code{font:inherit}.oc-agent-bash-output{color:var(--oc-text-secondary);font:inherit;white-space:pre-wrap;margin:0;overflow-x:auto}.oc-agent-diff-stats{gap:var(--oc-space-2);font-size:var(--oc-font-size-xs);font-variant-numeric:tabular-nums;margin-left:auto;display:inline-flex}.oc-agent-diff-add{color:var(--oc-diff-added-strong)}.oc-agent-diff-remove{color:var(--oc-diff-removed-strong)}.oc-agent-diff{padding:var(--oc-space-2) 0;font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);line-height:1.7;overflow-x:auto}.oc-agent-diff-line{padding-right:var(--oc-space-3);grid-template-columns:2.75rem 1rem minmax(0,1fr);display:grid}.oc-agent-diff-line>span:first-child{color:var(--oc-text-inactive);text-align:right;padding-right:var(--oc-space-2);-webkit-user-select:none;user-select:none}.oc-agent-diff-line>span:nth-child(2){color:var(--oc-text-muted);-webkit-user-select:none;user-select:none}.oc-agent-diff-line code{color:var(--oc-text-secondary);font:inherit;white-space:pre}.oc-agent-diff-line[data-kind=added]{background:color-mix(in srgb, var(--oc-diff-added) 12%, transparent)}.oc-agent-diff-line[data-kind=added]>span:nth-child(2),.oc-agent-diff-line[data-kind=added] code{color:var(--oc-diff-added)}.oc-agent-diff-line[data-kind=removed]{background:color-mix(in srgb, var(--oc-diff-removed) 12%, transparent)}.oc-agent-diff-line[data-kind=removed]>span:nth-child(2),.oc-agent-diff-line[data-kind=removed] code{color:var(--oc-diff-removed)}.oc-agent-search-card .oc-agent-tool-card-header strong{color:var(--oc-text-secondary);flex:none;font-weight:500}.oc-agent-search-query{min-width:0;color:var(--oc-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-agent-search-results{padding:var(--oc-space-1) var(--oc-space-2);flex-direction:column;display:flex}.oc-agent-search-result{gap:var(--oc-space-2);min-width:0;padding:var(--oc-space-2);border-radius:var(--oc-radius-md);font-size:var(--oc-font-size-sm);align-items:center;display:flex}.oc-agent-search-result-icon{color:var(--oc-text-muted);flex:none;display:inline-flex}.oc-agent-search-result-icon .oc-agent-icon{width:.875rem;height:.875rem}.oc-agent-search-result-title{color:var(--oc-text-primary);flex:none;font-weight:500}.oc-agent-search-result-meta{min-width:0;color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-agent-thinking-content{color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);margin:0;line-height:1.6}.oc-agent-todo-list{gap:var(--oc-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.oc-agent-todo-list li{gap:var(--oc-space-2);min-width:0;font-size:var(--oc-font-size-sm);align-items:center;display:flex}.oc-agent-todo-marker{border:1.5px solid var(--oc-border-strong);border-radius:var(--oc-radius-round);width:1.1rem;height:1.1rem;color:var(--oc-text-muted);flex:none;place-items:center;display:grid}.oc-agent-todo-marker .oc-agent-icon{stroke-width:2.25px;width:.7rem;height:.7rem}.oc-agent-todo-text{min-width:0;color:var(--oc-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-agent-todo-list li[data-state=complete] .oc-agent-todo-marker{border-color:var(--oc-text-primary);background:var(--oc-text-primary);color:var(--oc-bg-page)}.oc-agent-todo-list li[data-state=complete] .oc-agent-todo-text{color:var(--oc-text-muted);text-decoration:line-through}.oc-agent-todo-list li[data-state=active] .oc-agent-todo-marker{border-color:var(--oc-text-primary);color:var(--oc-text-primary)}.oc-agent-todo-list li[data-state=active] .oc-agent-todo-text{color:var(--oc-text-primary);font-weight:500}.oc-agent-plan-expand{border-radius:var(--oc-radius-md);width:1.75rem;height:1.75rem;color:var(--oc-text-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;margin-left:auto;padding:0;display:grid}.oc-agent-plan-expand:hover{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-agent-plan-expand[aria-expanded=true] .oc-agent-icon{transform:rotate(180deg)}.oc-agent-plan-body{gap:var(--oc-space-2);padding:var(--oc-space-3);display:grid}.oc-agent-plan-title{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);margin:0;font-weight:600}.oc-agent-plan-summary{color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);line-height:1.6}.oc-agent-plan-summary p{margin:0}.oc-agent-plan-summary p+p{margin-top:var(--oc-space-2)}.oc-agent-plan-summary:not([data-expanded]) p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.oc-agent-plan-footer{gap:var(--oc-space-2);padding:var(--oc-space-2) var(--oc-space-3);border-top:1px solid var(--oc-border-subtle);justify-content:space-between;align-items:center;display:flex}.oc-agent-plan-read{color:var(--oc-text-muted);font:inherit;font-size:var(--oc-font-size-xs);cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}.oc-agent-plan-read:hover{color:var(--oc-text-primary);text-underline-offset:.2em;text-decoration:underline}.oc-agent-plan-approve{min-height:1.9rem;padding:0 var(--oc-space-3);border-radius:var(--oc-radius-control);background:var(--oc-text-primary);color:var(--oc-bg-page);font:inherit;font-size:var(--oc-font-size-xs);cursor:pointer;touch-action:manipulation;border:0;font-weight:600}.oc-agent-plan-approve:hover:not(:disabled){opacity:.88}.oc-agent-plan-approve:disabled{cursor:default;opacity:.55}.oc-agent-question-tool{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-lg);background:var(--oc-surface-card-strong);width:min(100%,34rem);overflow:hidden;box-shadow:0 1px 2px #0000000a,0 10px 24px -12px #00000029}.oc-agent-question-header{justify-content:space-between;align-items:center;gap:var(--oc-space-3);min-height:2.75rem;padding:var(--oc-space-3) var(--oc-space-4);border-bottom:1px solid var(--oc-border-subtle);background:0 0;display:flex}.oc-agent-question-header-label{gap:var(--oc-space-2);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);align-items:center;font-weight:500;display:inline-flex}.oc-agent-question-header-label .oc-agent-icon{width:.875rem;height:.875rem;color:var(--oc-text-muted)}.oc-agent-question-nav{gap:var(--oc-space-1);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);font-variant-numeric:tabular-nums;align-items:center;display:inline-flex}.oc-agent-question-nav button{border-radius:var(--oc-radius-sm);width:1.5rem;height:1.5rem;color:var(--oc-text-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;display:grid}.oc-agent-question-nav button:hover:not(:disabled){background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-agent-question-nav button:disabled{cursor:default;opacity:.4}.oc-agent-question-nav .oc-agent-icon{width:.75rem;height:.75rem}.oc-agent-question-body{gap:var(--oc-space-4);padding:var(--oc-space-4);display:grid}.oc-agent-question-body fieldset{gap:var(--oc-space-2);border:0;margin:0;padding:0;display:grid}.oc-agent-question-title{gap:var(--oc-space-3);margin:0 0 var(--oc-space-3);color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);align-items:center;padding:0;font-weight:600;line-height:1.4;display:flex}.oc-agent-question-title>span:last-child,.oc-agent-question-option-label{gap:.125rem;min-width:0;display:grid}.oc-agent-question-title small,.oc-agent-question-option-label small{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);font-weight:400;line-height:1.4}.oc-agent-question-time{padding-left:var(--oc-space-2);border-left:1px solid var(--oc-border-subtle);font-family:var(--oc-font-mono)}.oc-agent-question-badge{border-radius:var(--oc-radius-sm);background:var(--oc-surface-interactive);width:1.375rem;height:1.375rem;color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);border:1px solid #0000;flex:none;place-items:center;font-weight:600;display:grid}.oc-agent-question-option{gap:var(--oc-space-3);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);cursor:pointer;touch-action:manipulation;min-height:2.75rem;transition:background-color var(--oc-duration-fast) var(--oc-ease-out), border-color var(--oc-duration-fast) var(--oc-ease-out);background:0 0;align-items:center;padding:.625rem .75rem;display:flex}.oc-agent-question-option:hover{background:var(--oc-surface-interactive)}.oc-agent-question-option:has(input:checked){border-color:color-mix(in oklab, var(--oc-text-primary) 28%, transparent);background:var(--oc-surface-interactive-hover)}.oc-agent-question-option-custom:focus-within{border-color:color-mix(in oklab, var(--oc-text-primary) 28%, transparent);background:var(--oc-surface-interactive-hover);outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-agent-question-option:has(input:focus-visible){border-color:color-mix(in oklab, var(--oc-text-primary) 28%, transparent);background:var(--oc-surface-interactive-hover);outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-agent-question-option-label{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm)}.oc-agent-question-option-label strong{font-weight:600}.oc-agent-question-option-custom{cursor:text}.oc-agent-question-custom-field{flex:1;min-width:0}.oc-agent-question-option-custom input[type=text]{box-sizing:border-box;width:100%;min-height:1.5rem;color:var(--oc-text-primary);font:inherit;font-size:var(--oc-font-size-sm);box-shadow:none;background:0 0;border:0;border-radius:0;outline:0;padding:0}.oc-agent-question-option-custom input[type=text]::placeholder{color:var(--oc-input-placeholder)}.oc-agent-question-option-custom input[type=text]:focus,.oc-agent-question-option-custom input[type=text]:focus-visible{box-shadow:none;border:0;outline:0}.oc-agent-question-actions{gap:var(--oc-space-2);padding-top:var(--oc-space-1);justify-content:flex-end;display:flex}.oc-agent-question-skip{min-height:2rem;padding:0 var(--oc-space-3);border-radius:var(--oc-radius-control);color:var(--oc-text-secondary);font:inherit;font-size:var(--oc-font-size-sm);cursor:pointer;touch-action:manipulation;background:0 0;border:0;font-weight:500}.oc-agent-question-skip:hover{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-agent-question-submit{min-height:2rem;padding:0 var(--oc-space-4);border-radius:var(--oc-radius-control);background:var(--oc-text-primary);color:var(--oc-bg-page);font:inherit;font-size:var(--oc-font-size-sm);cursor:pointer;touch-action:manipulation;border:0;font-weight:600}.oc-agent-question-tool[data-state=submitting]{opacity:.78}.oc-agent-question-tool[data-state=error]{border-color:color-mix(in srgb, var(--oc-status-error-fg) 46%, var(--oc-border-subtle))}.oc-agent-question-submit:hover{opacity:.88}.oc-agent-question-answered{color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);margin:0}.oc-agent-question-summary{gap:var(--oc-space-3);width:min(100%,28rem);padding:var(--oc-space-3);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-surface-card);color:var(--oc-text-secondary);grid-template-columns:auto minmax(0,1fr);align-items:center;display:inline-grid}.oc-agent-question-summary>span{gap:.125rem;display:grid}.oc-agent-question-summary strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm)}.oc-agent-question-summary small{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}.oc-agent-input-bar{gap:var(--oc-space-2);width:min(100%,42rem);display:grid}.oc-agent-input-container{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-xl);background:var(--oc-surface-card);transition:border-color var(--oc-duration-fast) var(--oc-ease-out);flex-direction:column;display:flex}.oc-agent-input-container:focus-within{border-color:var(--oc-border-strong)}.oc-agent-input{min-height:2.75rem;max-height:11rem;padding:var(--oc-space-3) var(--oc-space-4) var(--oc-space-1);color:var(--oc-text-primary);font:inherit;font-size:var(--oc-font-size-sm);resize:none;background:0 0;border:0;line-height:1.5;overflow-y:auto}.oc-agent-input::placeholder{color:var(--oc-input-placeholder)}.oc-agent-input:disabled{cursor:not-allowed;opacity:.55}.oc-agent-input:focus-visible{outline:0}.oc-agent-input-toolbar{gap:var(--oc-space-2);padding:var(--oc-space-2);justify-content:space-between;align-items:center;display:flex}.oc-agent-input-tools,.oc-agent-input-actions{gap:var(--oc-space-1);align-items:center;min-width:0;display:flex}.oc-agent-attachment-button{border-radius:var(--oc-radius-round);width:2rem;height:2rem;color:var(--oc-text-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.oc-agent-attachment-button:hover:not(:disabled){background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-agent-attachment-button:disabled{cursor:not-allowed;opacity:.45}.oc-agent-input-meta{gap:var(--oc-space-1);min-height:2rem;padding:0 var(--oc-space-2);border-radius:var(--oc-radius-full);color:var(--oc-text-secondary);font:inherit;font-size:var(--oc-font-size-xs);cursor:pointer;touch-action:manipulation;background:0 0;border:0;align-items:center;font-weight:500;display:inline-flex}.oc-agent-input-meta:hover{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-agent-input-meta .oc-agent-icon{width:.8rem;height:.8rem}.oc-agent-model-badge{gap:var(--oc-space-1);padding:0 var(--oc-space-2);font-size:var(--oc-font-size-xs);align-items:baseline;display:inline-flex}.oc-agent-model-badge strong{color:var(--oc-text-secondary);font-weight:500}.oc-agent-model-badge span{color:var(--oc-text-muted)}.oc-agent-send-button{border-radius:var(--oc-radius-round);background:var(--oc-text-primary);width:2rem;height:2rem;color:var(--oc-bg-page);cursor:pointer;touch-action:manipulation;transition:background-color var(--oc-duration-fast) var(--oc-ease-out), opacity var(--oc-duration-fast) var(--oc-ease-out);border:0;flex:none;place-items:center;padding:0;display:grid}.oc-agent-send-button:hover:not(:disabled){opacity:.88}.oc-agent-send-button[data-state=idle]:disabled,.oc-agent-send-button:disabled{background:var(--oc-surface-interactive);color:var(--oc-text-muted);cursor:not-allowed;opacity:1}.oc-agent-send-button .oc-agent-icon{stroke-width:2px;width:.9rem;height:.9rem}.oc-agent-send-button[data-state=stop] .oc-agent-icon{fill:currentColor;width:.7rem;height:.7rem}.oc-agent-button-row{gap:var(--oc-space-3);align-items:center;display:flex}.oc-agent-attachment-list{gap:var(--oc-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.oc-agent-input-container .oc-agent-attachment-list{padding:var(--oc-space-3) var(--oc-space-3) 0}.oc-agent-file-attachment{gap:var(--oc-space-2);max-width:15rem;padding:var(--oc-space-1) var(--oc-space-2);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-md);background:var(--oc-surface-card);align-items:center;display:flex;position:relative}.oc-agent-file-attachment:has(.oc-agent-file-remove){padding-right:var(--oc-space-4)}.oc-agent-file-attachment[data-display=image-only]{width:3.5rem;height:3.5rem;padding:0;overflow:visible}.oc-agent-file-type{border-radius:var(--oc-radius-sm);background:var(--oc-surface-interactive);width:1.75rem;height:1.75rem;color:var(--oc-text-muted);flex:none;place-items:center;display:grid}.oc-agent-file-type .oc-agent-icon{width:.875rem;height:.875rem}.oc-agent-file-details{min-width:0;display:grid}.oc-agent-file-details strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.oc-agent-file-details span{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}.oc-agent-file-preview{border-radius:inherit;background:var(--oc-surface-interactive);width:100%;height:100%;color:var(--oc-text-muted);place-items:center;display:grid}.oc-agent-file-remove{border:1px solid var(--oc-bg-page);border-radius:var(--oc-radius-round);background:var(--oc-bg-contrast);width:1.15rem;height:1.15rem;color:var(--oc-text-inverse);cursor:pointer;touch-action:manipulation;place-items:center;padding:0;display:grid;position:absolute;top:-.4rem;right:-.4rem}.oc-agent-file-remove .oc-agent-icon{stroke-width:2.25px;width:.6rem;height:.6rem}.oc-agent-file-remove:hover{opacity:.85}.oc-agent-file-remove:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:1px}.oc-agent-suggestions,.oc-agent-suggestion-demo .oc-agent-suggestions{gap:var(--oc-space-2);flex-wrap:wrap;display:flex}.oc-agent-suggestion-demo{gap:var(--oc-space-3);width:min(100%,42rem);display:grid}.oc-agent-suggestion{gap:var(--oc-space-2);min-height:2rem;padding:0 var(--oc-space-3);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-full);color:var(--oc-text-secondary);font:inherit;font-size:var(--oc-font-size-xs);cursor:pointer;touch-action:manipulation;background:0 0;align-items:center;font-weight:500;display:inline-flex}.oc-agent-suggestion:hover:not(:disabled){background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-agent-suggestion:disabled{cursor:not-allowed;opacity:.5}.oc-agent-suggestion .oc-agent-icon{width:.8rem;height:.8rem;color:var(--oc-text-muted)}.oc-agent-mode-selector,.oc-agent-model-picker{position:relative}.oc-agent-mode-selector>summary,.oc-agent-model-picker>summary{gap:var(--oc-space-1);min-height:2rem;padding:0 var(--oc-space-2);border-radius:var(--oc-radius-full);color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;align-items:center;font-weight:500;list-style:none;display:inline-flex}.oc-agent-mode-selector>summary::-webkit-details-marker{display:none}.oc-agent-model-picker>summary::-webkit-details-marker{display:none}.oc-agent-mode-selector>summary:hover,.oc-agent-model-picker>summary:hover,.oc-agent-mode-selector[open]>summary,.oc-agent-model-picker[open]>summary{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-agent-mode-selector>summary:focus-visible,.oc-agent-model-picker>summary:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-agent-mode-selector>summary .oc-agent-icon,.oc-agent-model-picker>summary .oc-agent-icon{width:.8rem;height:.8rem;color:var(--oc-text-muted)}.oc-agent-model-picker>summary strong{font-weight:500}.oc-agent-model-picker>summary>span{color:var(--oc-text-muted)}.oc-agent-model-provider-mark{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-sm);background:var(--oc-bg-elevated);width:1.25rem;height:1.25rem;font-family:var(--oc-font-mono);place-items:center;font-size:.625rem;font-weight:700;display:grid;color:var(--oc-text-primary)!important}.oc-agent-mode-menu,.oc-agent-model-menu{z-index:30;min-width:14rem;padding:var(--oc-space-1);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-lg);background:var(--oc-bg-elevated);box-shadow:var(--oc-shadow-lg);gap:2px;margin:0;display:grid;position:absolute;top:calc(100% + .375rem);left:0}.oc-agent-model-provider{padding:var(--oc-space-3) var(--oc-space-3) var(--oc-space-1);color:var(--oc-text-muted);text-transform:uppercase;font-size:.625rem;font-weight:700;display:block}.oc-agent-mode-option,.oc-agent-model-option{gap:var(--oc-space-3);padding:var(--oc-space-2);border-radius:var(--oc-radius-md);cursor:pointer;touch-action:manipulation;justify-content:space-between;align-items:center;display:flex}.oc-agent-mode-option:hover,.oc-agent-model-option:hover{background:var(--oc-surface-interactive)}:is(.oc-agent-mode-option:has(input:focus-visible),.oc-agent-model-option:has(input:focus-visible)){outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.oc-agent-mode-option-copy{gap:1px;min-width:0;display:grid}.oc-agent-mode-option-copy strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);font-weight:500}.oc-agent-mode-option-copy small{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}.oc-agent-model-option-copy{gap:.125rem;min-width:0;display:grid}.oc-agent-model-option-copy strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-xs);font-weight:600}.oc-agent-model-option-copy small{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);font-weight:400}.oc-agent-mode-check{visibility:hidden;color:var(--oc-text-primary);flex:none;display:inline-flex}.oc-agent-mode-check .oc-agent-icon{width:.8rem;height:.8rem}:is(.oc-agent-mode-option:has(input:checked) .oc-agent-mode-check,.oc-agent-model-option:has(input:checked) .oc-agent-mode-check){visibility:visible}.oc-agent-model-demo{gap:var(--oc-space-5);align-items:center;display:flex}.oc-agent-subagent-name{color:var(--oc-text-primary);gap:1px;display:inline-grid}.oc-agent-subagent-name strong{font-size:var(--oc-font-size-xs);font-weight:650}.oc-agent-subagent-name small{color:var(--oc-text-muted);font-size:.625rem;font-weight:500}.oc-agent-subagent-panel{gap:var(--oc-space-3);padding:var(--oc-space-3);display:grid}.oc-agent-subagent-progress{border-radius:var(--oc-radius-full);background:var(--oc-surface-interactive);height:.25rem;overflow:hidden}.oc-agent-subagent-progress>span{border-radius:inherit;background:var(--oc-accent-primary);height:100%;transition:width var(--oc-duration-slow) var(--oc-ease-out);display:block}.oc-agent-error-message{gap:var(--oc-space-1);max-width:var(--oc-content-narrow);display:grid}.oc-agent-error-message strong{color:var(--oc-status-error-fg);font-size:var(--oc-font-size-sm);font-weight:600}.oc-agent-error-message p{color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);margin:0;line-height:1.55}.oc-agent-markdown{max-width:var(--oc-content-narrow);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);line-height:1.65}.oc-agent-markdown[data-density=article]{max-width:68ch;font-size:var(--oc-font-size-base);line-height:1.78}.oc-agent-markdown>:first-child{margin-top:0}.oc-agent-markdown>:last-child{margin-bottom:0}.oc-agent-markdown h2,.oc-agent-markdown h3,.oc-agent-markdown h4{margin:var(--oc-space-4) 0 var(--oc-space-2);color:var(--oc-text-primary);font-weight:600;line-height:1.35}.oc-agent-markdown h2{font-size:var(--oc-font-size-lg)}.oc-agent-markdown h3{font-size:var(--oc-font-size-base)}.oc-agent-markdown h4{font-size:var(--oc-font-size-sm)}.oc-agent-markdown p{margin:var(--oc-space-2) 0}.oc-agent-markdown :is(p,li,blockquote){overflow-wrap:anywhere}.oc-agent-markdown[data-density=article]>p:first-of-type{margin-bottom:var(--oc-space-5);color:var(--oc-text-primary);font-size:1.0625rem;line-height:1.72}.oc-agent-markdown[data-density=article] h3{margin-top:var(--oc-space-6);padding-top:var(--oc-space-4);border-top:1px solid var(--oc-border-subtle)}.oc-agent-markdown a:not(.oc-link){color:var(--oc-text-link);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, currentcolor 40%, transparent);text-decoration-color:color-mix(in oklab, currentcolor 40%, transparent);text-underline-offset:.2em}.oc-agent-markdown a:not(.oc-link):hover{text-decoration-color:currentColor}.oc-agent-markdown ul,.oc-agent-markdown ol{margin:var(--oc-space-2) 0;padding-left:1.25rem}.oc-agent-markdown li+li,.oc-agent-markdown li>:is(ul,ol){margin-top:var(--oc-space-1)}.oc-agent-markdown strong{color:var(--oc-text-primary);font-weight:650}.oc-agent-markdown :is(em,del){color:var(--oc-text-secondary)}.oc-agent-markdown hr{height:1px;margin:var(--oc-space-5) 0;background:var(--oc-border-subtle);border:0}.oc-agent-markdown kbd{min-width:1.5rem;min-height:1.5rem;padding:0 var(--oc-space-1);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-sm);background:var(--oc-bg-elevated);color:var(--oc-text-primary);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);border-bottom-width:2px;place-items:center;display:inline-grid}.oc-agent-markdown-tasks{list-style:none;padding-left:0!important}.oc-agent-markdown-tasks label{align-items:center;gap:var(--oc-space-2);display:flex}.oc-agent-markdown-tasks input{accent-color:var(--oc-accent-primary)}.oc-agent-markdown blockquote{margin:var(--oc-space-3) 0;padding:var(--oc-space-1) var(--oc-space-4);border-left:2px solid var(--oc-border-strong);color:var(--oc-text-muted)}.oc-agent-markdown[data-density=article] blockquote{margin-block:var(--oc-space-5);padding-block:var(--oc-space-2);border-left-width:3px;border-left-color:var(--oc-border-accent);color:var(--oc-text-secondary);font-style:italic}.oc-agent-markdown code{border-radius:var(--oc-radius-sm);background:var(--oc-surface-interactive);color:var(--oc-text-primary);font-family:var(--oc-font-mono);padding:.1em .35em;font-size:.9em}.oc-agent-markdown pre{margin:var(--oc-space-3) 0;padding:var(--oc-space-3);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-md);background:var(--oc-bg-recessed);overflow-x:auto}.oc-agent-markdown pre code{color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);background:0 0;border-radius:0;padding:0;line-height:1.6}.oc-agent-markdown>.oc-code-highlighted{margin:var(--oc-space-4) 0}.oc-agent-markdown-table{margin:var(--oc-space-3) 0;border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-md);overflow-x:auto}.oc-agent-markdown-table:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-agent-markdown table{border-collapse:collapse;width:100%;font-size:var(--oc-font-size-xs)}.oc-agent-markdown th,.oc-agent-markdown td{padding:var(--oc-space-2) var(--oc-space-3);border-bottom:1px solid var(--oc-border-subtle);text-align:left}.oc-agent-markdown th{background:var(--oc-bg-recessed);color:var(--oc-text-primary);font-weight:600}.oc-agent-markdown tbody tr:last-child td{border-bottom:0}.oc-agent-text-shimmer{background:linear-gradient(90deg, var(--oc-text-muted) 0%, var(--oc-text-muted) 35%, var(--oc-text-primary) 50%, var(--oc-text-muted) 65%, var(--oc-text-muted) 100%) 0 0 / 200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:1.6s linear infinite oc-agent-shimmer;display:inline-block}@keyframes oc-agent-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.oc-agent-spiral-loader{width:1.5rem;height:1.5rem;color:var(--oc-text-primary);place-items:center;display:inline-grid}.oc-agent-spiral-ring{border-radius:var(--oc-radius-round);background:conic-gradient(from .25turn, transparent 0deg 40deg, color-mix(in srgb, currentcolor 12%, transparent) 60deg, currentcolor 320deg 360deg);width:100%;height:100%;animation:.85s linear infinite oc-agent-spin;-webkit-mask:radial-gradient(farthest-side,#0000 68%,#000 70%);mask:radial-gradient(farthest-side,#0000 68%,#000 70%)}.oc-agent-planning .oc-agent-spinner{color:var(--oc-text-secondary)}.application-specimen{width:100%}.specimen-frame.application-specimen{border-color:var(--oc-border-subtle);background:var(--oc-bg-surface);padding:0;overflow:hidden}.application-specimen>:is(.oc-app-frame,.oc-chat-shell,.oc-settings-shell,.oc-quick-chat-stage),.component-workbench-frame>.application-specimen>:is(.oc-app-frame,.oc-chat-shell,.oc-settings-shell,.oc-quick-chat-stage){width:100%;min-height:38rem}.component-workbench[data-canvas-preset=viewport] .component-workbench-canvas{padding:0}.component-workbench[data-canvas-preset=viewport] .component-workbench-frame{max-width:none}.component-workbench-canvas[data-viewport=tablet] .oc-app-frame:not([data-navigation=compact]){grid-template-columns:minmax(11rem,14rem) minmax(0,1fr)}.component-workbench-canvas[data-viewport=tablet] .oc-app-toolbar{grid-template-columns:minmax(8rem,1fr) minmax(12rem,20rem) auto}.component-workbench-canvas[data-viewport=tablet] .oc-app-toolbar-actions .oc-status,.component-workbench-canvas[data-viewport=tablet] .oc-workspace-inspector-action{display:none}.component-workbench-canvas[data-viewport=tablet] .oc-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.component-workbench-canvas[data-viewport=tablet] .oc-summary-metric:nth-child(3){border-top:1px solid var(--oc-border-subtle);border-left:0}.component-workbench-canvas[data-viewport=tablet] .oc-summary-metric:nth-child(4){border-top:1px solid var(--oc-border-subtle)}.component-workbench-canvas[data-viewport=tablet] .oc-detail-grid{grid-template-columns:minmax(0,1fr)}.component-workbench-canvas[data-viewport=tablet] .oc-detail-grid-span{grid-column:auto}.component-workbench-canvas[data-viewport=tablet] .oc-workspace-grid,.component-workbench-canvas[data-viewport=tablet] .oc-app-frame[data-dock=bottom][data-inspector=true] .oc-workspace-grid{grid-template-columns:minmax(11rem,13rem) minmax(22rem,1fr)}.component-workbench-canvas[data-viewport=tablet] :is(.oc-chat-shell[data-inspector=true],.oc-chat-shell[data-dock=bottom][data-inspector=true]) .oc-workspace-grid{grid-template-rows:minmax(22rem,1fr) minmax(12rem,.45fr);grid-template-columns:11rem minmax(22rem,1fr);overflow:auto}.component-workbench-canvas[data-viewport=tablet] .oc-app-frame[data-inspector=true] .oc-workspace-grid{grid-template-rows:minmax(22rem,1fr) minmax(12rem,.45fr);overflow:auto}.component-workbench-canvas[data-viewport=tablet] :is(.oc-app-frame[data-inspector=true],.oc-chat-shell[data-inspector=true]) .oc-workspace-sessions{grid-row:1/-1}.component-workbench-canvas[data-viewport=tablet] :is(.oc-app-frame[data-inspector=true],.oc-chat-shell[data-inspector=true]) .oc-workspace-inspector{border-top:1px solid var(--oc-border-subtle);border-left:0;grid-column:2;display:grid}.component-workbench-canvas[data-viewport=tablet] .oc-session-toolbar{grid-template-columns:minmax(12rem,1fr) auto}.component-workbench-canvas[data-viewport=tablet] .oc-session-toolbar>.oc-action{display:none}.component-workbench-canvas[data-viewport=mobile] :is(.oc-app-frame,.oc-app-frame:not([data-navigation=compact]),.oc-app-frame[data-navigation=compact]){grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:32rem}.component-workbench-canvas[data-viewport=mobile] .oc-app-navigation{border-right:0;border-bottom:1px solid var(--oc-border-subtle);grid-template-rows:auto auto}.component-workbench-canvas[data-viewport=mobile] :is(.oc-app-navigation-header,.oc-app-frame[data-navigation=compact] .oc-app-navigation-header){min-height:auto;padding:var(--oc-space-3);justify-content:flex-start;display:flex}.component-workbench-canvas[data-viewport=mobile] .oc-app-frame[data-navigation=compact] .oc-app-navigation-title{display:block}.component-workbench-canvas[data-viewport=mobile] :is(.oc-app-navigation-context,.oc-app-navigation-collapse,.oc-app-navigation-label,.oc-app-navigation-footer,.oc-app-command,.oc-app-toolbar-detail,.oc-app-toolbar-divider){display:none}.component-workbench-canvas[data-viewport=mobile] .oc-app-navigation-body{gap:var(--oc-space-1);padding:0 var(--oc-space-3) var(--oc-space-3);display:flex;overflow:auto hidden}.component-workbench-canvas[data-viewport=mobile] .oc-app-navigation-section{display:contents}.component-workbench-canvas[data-viewport=mobile] .oc-app-navigation-list{width:max-content;min-width:max-content;display:flex}.component-workbench-canvas[data-viewport=mobile] :is(.oc-app-navigation-item,.oc-app-frame[data-navigation=compact] .oc-app-navigation-item){white-space:nowrap;grid-template-columns:1.25rem minmax(0,1fr) auto;justify-content:start}.component-workbench-canvas[data-viewport=mobile] .oc-app-frame[data-navigation=compact] .oc-app-navigation-item-label{width:auto;height:auto;padding:initial;clip:auto;clip-path:none;margin:0;display:block;position:static;overflow:hidden}.component-workbench-canvas[data-viewport=mobile] :is(.oc-page-header,.oc-pane-header,.oc-pane-footer,.oc-settings-section-header,.oc-pane-header-identity,.oc-detail-header){grid-template-columns:minmax(0,1fr);align-items:start}.component-workbench-canvas[data-viewport=mobile] .oc-page-header{padding:var(--oc-space-4)}.component-workbench-canvas[data-viewport=mobile] .oc-app-toolbar{min-height:3.25rem;padding:var(--oc-space-2) var(--oc-space-3);grid-template-columns:minmax(0,1fr) auto}.component-workbench-canvas[data-viewport=mobile] .oc-app-content{overflow:auto}.component-workbench-canvas[data-viewport=mobile] :is(.oc-page-header-actions,.oc-settings-section-actions,.oc-pane-actions){justify-content:flex-start}.component-workbench-canvas[data-viewport=mobile] .oc-pane-layout{padding:var(--oc-space-3)}.component-workbench-canvas[data-viewport=mobile] :is(.oc-pane.oc-pane-split,.oc-pane-split,.oc-pane-split[data-split=balanced],.oc-pane-split[data-split=inspector],.oc-master-detail){grid-template-rows:auto minmax(18rem,1fr);grid-template-columns:minmax(0,1fr);overflow:auto}.component-workbench-canvas[data-viewport=mobile] :is(.oc-pane-split>.oc-pane+.oc-pane,.oc-master-detail>.oc-pane+.oc-pane){border-top-width:1px;border-left-width:0}.component-workbench-canvas[data-viewport=mobile] :is(.oc-pane-split>.oc-pane,.oc-master-detail>.oc-pane){min-height:0}.component-workbench-canvas[data-viewport=mobile] .oc-settings-page{gap:var(--oc-space-5)}.component-workbench-canvas[data-viewport=mobile] .oc-settings-row{align-items:start;gap:var(--oc-space-3);grid-template-columns:minmax(0,1fr)}.component-workbench-canvas[data-viewport=mobile] .oc-settings-row-control{justify-content:flex-start;width:100%;max-width:none}.component-workbench-canvas[data-viewport=mobile] .oc-settings-shell{grid-template-columns:minmax(0,1fr);overflow:visible}.component-workbench-canvas[data-viewport=mobile] .oc-settings-navigation{border-right:0;border-bottom:1px solid var(--oc-border-subtle);grid-template-rows:auto auto auto;overflow:hidden}.component-workbench-canvas[data-viewport=mobile] .oc-settings-navigation-header{padding:var(--oc-space-3) var(--oc-space-4)}.component-workbench-canvas[data-viewport=mobile] .oc-settings-navigation-header h1{font-size:var(--oc-font-size-lg)}.component-workbench-canvas[data-viewport=mobile] .oc-settings-search{margin:0 var(--oc-space-4) var(--oc-space-3)}.component-workbench-canvas[data-viewport=mobile] .oc-settings-navigation-list{gap:var(--oc-space-1);padding:0 var(--oc-space-4) var(--oc-space-3);display:flex;overflow:auto hidden}.component-workbench-canvas[data-viewport=mobile] .oc-settings-navigation-list section+section{margin-top:0}.component-workbench-canvas[data-viewport=mobile] :is(.oc-settings-navigation-list section>p,.oc-settings-navigation-footer){display:none}.component-workbench-canvas[data-viewport=mobile] .oc-settings-navigation-item{white-space:nowrap;width:max-content;min-width:max-content}.component-workbench-canvas[data-viewport=mobile] .oc-settings-detail{overflow:visible}.component-workbench-canvas[data-viewport=mobile] .oc-detail-header{padding:var(--oc-space-4)}.component-workbench-canvas[data-viewport=mobile] .oc-settings-detail-scroll{width:100%;padding:var(--oc-space-4);overflow:visible}.component-workbench-canvas[data-viewport=mobile] .oc-identity-panel{grid-template-columns:auto minmax(0,1fr)}.component-workbench-canvas[data-viewport=mobile] .oc-identity-meta{grid-column:1/-1;justify-content:flex-start}.component-workbench-canvas[data-viewport=mobile] .oc-summary-strip{grid-template-columns:minmax(0,1fr)}.component-workbench-canvas[data-viewport=mobile] :is(.oc-summary-metric+.oc-summary-metric,.oc-summary-metric:nth-child(3),.oc-summary-metric:nth-child(4)){border-top:1px solid var(--oc-border-subtle);border-left:0}.component-workbench-canvas[data-viewport=mobile] .oc-app-resource-list-item{min-height:4rem}.component-workbench-canvas[data-viewport=mobile] :is(.oc-workspace-grid,.oc-app-frame[data-inspector=false] .oc-workspace-grid,.oc-app-frame[data-dock=bottom][data-inspector=true] .oc-workspace-grid,.oc-chat-shell[data-inspector=false] .oc-workspace-grid,.oc-chat-shell[data-inspector=true] .oc-workspace-grid,.oc-chat-shell[data-dock=bottom][data-inspector=true] .oc-workspace-grid){grid-template-rows:auto minmax(28rem,1fr);grid-template-columns:minmax(0,1fr);overflow:visible}.component-workbench-canvas[data-viewport=mobile] .oc-workspace-sessions{border-right:0;border-bottom:1px solid var(--oc-border-subtle);grid-row:auto;max-height:15rem}.component-workbench-canvas[data-viewport=mobile] .oc-app-frame[data-dock=bottom][data-inspector=true] .oc-workspace-sessions{grid-row:auto}.component-workbench-canvas[data-viewport=mobile] .oc-workspace-inspector,.component-workbench-canvas[data-viewport=mobile] .oc-workspace-inspector-action{display:none}.component-workbench-canvas[data-viewport=mobile] .oc-session-toolbar{grid-template-columns:minmax(0,1fr)}.component-workbench-canvas[data-viewport=mobile] .oc-session-table,.component-workbench-canvas[data-viewport=mobile] .oc-session-cell{min-width:0}.component-workbench-canvas[data-viewport=mobile] .oc-session-table :is(th,td):nth-child(5){display:none}.component-workbench-canvas[data-viewport=mobile] .oc-quick-chat-stage{min-height:32rem;padding:var(--oc-space-2)}.component-workbench-canvas[data-viewport=mobile] :is(.oc-chat-shell,.oc-quick-chat-stage){position:relative}.component-workbench-canvas[data-viewport=mobile] .oc-model-picker{position:static}.component-workbench-canvas[data-viewport=mobile] .oc-model-menu{right:var(--oc-space-2);bottom:var(--oc-space-2);left:var(--oc-space-2);width:auto;position:absolute}.oc-workspace-conversation-header .oc-pane-description{align-items:center;gap:var(--oc-space-2);flex-wrap:wrap;min-width:0;display:flex}.oc-workspace-branch{align-items:center;gap:var(--oc-space-1);min-width:0;color:var(--oc-text-secondary);font-family:var(--oc-font-mono);font-size:.6875rem;display:inline-flex}.oc-workspace-branch svg{width:.75rem;height:.75rem}.oc-workspace-transcript{align-content:start;gap:var(--oc-space-5);padding:var(--oc-space-5) clamp(var(--oc-space-4), 5vw, var(--oc-space-7));background:var(--oc-bg-page);display:grid}.oc-workspace-day{align-items:center;gap:var(--oc-space-3);color:var(--oc-text-muted);text-align:center;font-size:.6875rem;display:flex}.oc-workspace-day:before,.oc-workspace-day:after{background:var(--oc-border-subtle);content:"";flex:1;height:1px}.oc-workspace-message{gap:var(--oc-space-3);width:min(100%,44rem);display:grid}.oc-workspace-message>p{color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);margin:0;line-height:1.65}.oc-workspace-message-user{width:min(88%,36rem);padding:var(--oc-space-3) var(--oc-space-4);border:1px solid var(--oc-border-accent);border-radius:var(--oc-radius-surface);background:var(--oc-surface-accent-soft);justify-self:end}.oc-workspace-message-user p{color:var(--oc-text-primary)}.oc-workspace-message-agent{justify-self:start}.oc-workspace-message-agent>header{align-items:center;gap:var(--oc-space-2);display:flex}.oc-workspace-message-agent>header strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm)}.oc-workspace-message-agent>header time{color:var(--oc-text-muted);font-size:.6875rem}.oc-workspace-agent-mark{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-surface);place-items:center;width:1.75rem;height:1.75rem;display:grid}.oc-workspace-agent-mark img{object-fit:contain;width:1.25rem;height:1.25rem}.oc-workspace-progress{gap:var(--oc-space-3);padding:var(--oc-space-3) var(--oc-space-4);border-left:2px solid var(--oc-accent-secondary);background:color-mix(in oklch, var(--oc-surface-secondary-soft) 48%, transparent);display:grid}.oc-workspace-progress-header{justify-content:space-between;align-items:center;gap:var(--oc-space-3);color:var(--oc-text-primary);font-size:var(--oc-font-size-xs);display:flex}.oc-workspace-progress-header strong{color:var(--oc-accent-secondary);font-family:var(--oc-font-mono);font-size:.6875rem}.oc-workspace-progress ol{gap:var(--oc-space-2);margin:0;padding:0;list-style:none;display:grid}.oc-workspace-progress li{align-items:center;gap:var(--oc-space-2);min-width:0;color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);grid-template-columns:auto minmax(0,1fr);display:grid}.oc-workspace-progress li svg{width:.875rem;height:.875rem}.oc-workspace-progress li[data-state=complete] svg{color:var(--oc-status-success-fg)}.oc-workspace-progress li[data-state=active] svg{color:var(--oc-status-info-fg);animation:.85s linear infinite oc-agent-spin}.oc-workspace-tool{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-surface);overflow:hidden}.oc-workspace-tool summary{align-items:center;gap:var(--oc-space-2);min-width:0;padding:var(--oc-space-3);color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);cursor:pointer;grid-template-columns:minmax(0,1fr) auto auto;list-style:none;display:grid}.oc-workspace-tool summary::-webkit-details-marker{display:none}.oc-workspace-tool summary>span{align-items:center;gap:var(--oc-space-2);min-width:0;display:inline-flex}.oc-workspace-tool summary svg{width:.875rem;height:.875rem}.oc-workspace-tool summary small{color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:.6875rem}.oc-workspace-tool[open] summary>svg{transform:rotate(180deg)}.oc-workspace-tool>div{justify-content:space-between;align-items:center;gap:var(--oc-space-3);min-width:0;padding:var(--oc-space-3);border-top:1px solid var(--oc-border-subtle);background:var(--oc-bg-recessed);font-family:var(--oc-font-mono);font-size:.6875rem;display:flex}.oc-workspace-tool code{color:var(--oc-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-workspace-tool>div span{color:var(--oc-status-success-fg);white-space:nowrap}.oc-agent-suggestion:focus-visible,.oc-agent-send-button:focus-visible,.oc-agent-attachment-button:focus-visible,.oc-agent-input-meta:focus-visible,.oc-agent-copy-button:focus-visible,.oc-agent-plan-expand:focus-visible,.oc-agent-plan-read:focus-visible,.oc-agent-plan-approve:focus-visible,.oc-agent-question-skip:focus-visible,.oc-agent-question-submit:focus-visible,.oc-agent-question-nav button:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}@media (width<=42rem){.oc-agent-collaboration-header{grid-template-columns:auto minmax(0,1fr)}.oc-agent-collaboration-header>.oc-agent-collaboration-status{grid-column:2;justify-self:start}.oc-agent-collaboration-footer{align-items:flex-start;gap:var(--oc-space-1);flex-direction:column}.oc-agent-user-message-stack{max-width:92%}}@media (prefers-reduced-motion:reduce){.oc-agent-text-shimmer{color:var(--oc-text-secondary);background:0 0;animation:none}.oc-agent-spiral-ring,.oc-agent-spinner,.oc-agent-streaming-cursor{animation:none}.oc-agent-tool-row-chevron,.oc-agent-input-container,.oc-agent-send-button{transition:none}.oc-agent-collaboration-facepile[data-state=thinking]>.oc-avatar{animation:none;transform:none}}@media (width<=64rem){.oc-grid-3,.oc-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=42rem){.oc-dialog-footer{flex-direction:column-reverse;align-items:stretch}.oc-dialog-footer>*{width:100%}.oc-delete-resource{grid-template-columns:minmax(0,1fr);align-items:start}.oc-delete-resource-action{width:100%}.oc-custom-chart{grid-template-columns:minmax(0,1fr)}.oc-custom-chart-summary{padding-top:var(--oc-space-4);border-top:1px solid var(--oc-border-subtle);border-left:0;padding-left:0}.oc-grid-2,.oc-grid-3,.oc-grid-4{grid-template-columns:minmax(0,1fr)}}.oc-agent-todo-bar{align-items:center;gap:var(--oc-space-2);width:100%;padding:var(--oc-space-1) var(--oc-space-3);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-surface);color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);display:flex;overflow:hidden}.oc-agent-todo-bar-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-agent-todo-bar-count{color:var(--oc-text-muted);font-variant-numeric:tabular-nums}.oc-agent-todo-bar-track{border-radius:var(--oc-radius-round);background:var(--oc-bg-recessed);flex:1;min-width:4rem;height:4px;position:relative}.oc-agent-todo-bar-track span{border-radius:inherit;background:var(--oc-accent-primary);position:absolute;inset:0 auto 0 0}.oc-input-group-stepper .oc-input{text-align:center;appearance:textfield}.oc-input-group-stepper .oc-input::-webkit-inner-spin-button{appearance:none;margin:0}.oc-input-group-stepper .oc-input::-webkit-outer-spin-button{appearance:none;margin:0}.oc-input-group-step{background:var(--oc-bg-surface);width:2.5rem;color:var(--oc-text-secondary);cursor:pointer;border:0;flex:none;place-items:center;display:inline-grid}.oc-input-group-step:first-child{border-right:1px solid var(--oc-border-subtle)}.oc-input-group-step:last-child{border-left:1px solid var(--oc-border-subtle)}.oc-input-group-step:hover:not(:disabled){background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-input-group-step:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.oc-input-group-step:disabled{color:var(--oc-text-inactive);cursor:default}.oc-input-group-step [data-lucide],.oc-input-group-step svg{width:.875rem;height:.875rem}.oc-pagination-status{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);font-variant-numeric:tabular-nums}.oc-pagination-compact{gap:var(--oc-space-2)}.oc-pagination-more{align-items:center;gap:var(--oc-space-3);display:flex}.oc-dropdown-item [data-lucide],.oc-dropdown-item svg{width:.875rem;height:.875rem;margin-right:var(--oc-space-2);color:var(--oc-text-muted);vertical-align:-.125em}.oc-agent-message-meta{align-items:center;gap:var(--oc-space-2);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);font-variant-numeric:tabular-nums;display:flex}.oc-agent-message-meta .oc-agent-copy-button{margin-left:auto}.oc-agent-subagent-owner{color:var(--oc-text-secondary);align-items:center;font-weight:600;display:inline-flex}[data-sidebar-workspace-menu]{transition:opacity var(--oc-duration-fast) var(--oc-ease-out), translate var(--oc-duration-fast) var(--oc-ease-out)}[data-sidebar-workspace-menu][data-open=false]{opacity:0;pointer-events:none;translate:0 -4px}[data-sidebar-workspace-menu][data-open=true]{opacity:1;translate:0}[data-sidebar-workspace-panel]{transition:opacity var(--oc-duration-base,.2s) var(--oc-ease-out)}[data-sidebar-workspace-panel][data-active=false]{opacity:0}@media (prefers-reduced-motion:reduce){[data-sidebar-workspace-menu],[data-sidebar-workspace-panel]{transition:none;translate:0}}.oc-agent-attachment-row{gap:var(--oc-space-2);padding:var(--oc-space-2) var(--oc-space-2) 0;flex-wrap:wrap;display:flex}body[data-preview-page=model-picker] .oc-model-menu{top:calc(100% + var(--oc-space-2));bottom:auto}.oc-code-highlighted{background:var(--oc-bg-recessed)}.oc-code-highlighted-header{min-height:0;padding:var(--oc-space-1) var(--oc-space-2) var(--oc-space-1) var(--oc-space-3);background:var(--oc-bg-surface);text-transform:none;font-size:var(--oc-font-size-xs)}.oc-code-highlighted pre{padding:var(--oc-space-3);color:var(--oc-text-primary);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);tab-size:2;background:0 0;border:0;border-radius:0;margin:0;line-height:1.7;overflow-x:auto}.oc-code-highlighted pre:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.oc-provider-tile-grid{gap:var(--oc-space-2);flex-wrap:wrap;display:flex}.oc-provider-tile{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-surface);width:2.5rem;height:2.5rem;color:var(--oc-text-secondary);place-items:center;display:inline-grid}.oc-provider-tile[data-size=xs]{width:1.5rem;height:1.5rem}.oc-provider-tile[data-size=sm]{width:2rem;height:2rem}.oc-provider-tile[data-size=lg]{width:3rem;height:3rem}.oc-provider-tile[data-size=xl]{width:4rem;height:4rem}.oc-provider-tile:hover{border-color:var(--oc-border-strong);color:var(--provider-brand-color,var(--oc-text-primary))}.oc-provider-tile .oc-provider-logo-mark svg{width:55%;height:55%}.oc-provider-logo[data-logo-size=xs] .oc-provider-logo-mark svg{width:.75rem;height:.75rem}.oc-provider-logo[data-logo-size=xl] .oc-provider-logo-mark svg{width:2rem;height:2rem}.oc-agent-chat .oc-agent-input-bar,.oc-agent-chat .oc-agent-input-container{box-sizing:border-box;width:100%}.oc-agent-input-toolbar{width:100%}.oc-agent-input-actions{margin-left:auto}.oc-agent-input-tools [data-workbench-composer-talk][aria-pressed=true]{background:var(--oc-surface-accent-soft);color:var(--oc-accent-primary)}[data-sidebar-workspace-menu]{transition:opacity .18s var(--oc-ease-out), translate .18s var(--oc-ease-out);will-change:opacity, translate}[data-sidebar-workspace-menu][data-open=false]{translate:0 -6px}[data-sidebar-workspace-panel][data-active=true]{transition:opacity .22s var(--oc-ease-out) 60ms, translate .22s var(--oc-ease-out) 60ms;translate:0}[data-sidebar-workspace-panel][data-active=false]{transition-delay:0s;translate:0 2px}.oc-avatar[data-presence]:before{z-index:2;border-radius:var(--oc-radius-round);width:27%;min-width:.4rem;height:27%;min-height:.4rem;box-shadow:0 0 0 2px var(--oc-bg-page);content:"";position:absolute;bottom:-1px;right:-1px}.oc-avatar[data-presence=online]:before{background:var(--oc-status-success-fg)}.oc-avatar[data-presence=busy]:before{background:var(--oc-status-warning-fg)}.oc-avatar[data-presence=offline]:before{background:var(--oc-status-error-fg)}.oc-avatar[data-presence=offline] .oc-avatar-image{filter:grayscale(.85);opacity:.6}.oc-panel-tab-close{margin-left:var(--oc-space-1)}.oc-panel-tab-close [data-lucide],.oc-panel-tab-close svg{width:.625rem;height:.625rem;display:block}.oc-provider-row-line{align-items:center;gap:var(--oc-space-3);display:flex}.oc-provider-row-mark{color:var(--oc-text-muted);place-items:center;display:inline-grid}.oc-provider-row-mark:hover{color:var(--provider-brand-color,var(--oc-text-primary))}.oc-provider-row-mark .oc-provider-logo-mark svg{width:1.125rem;height:1.125rem}.oc-provider-row-mark .oc-provider-logo-mark[data-size=xs] svg{width:.875rem;height:.875rem}.oc-provider-row-mark .oc-provider-logo-mark[data-size=lg] svg{width:1.5rem;height:1.5rem}.oc-provider-row-mark .oc-provider-logo-mark[data-size=xl] svg{width:2rem;height:2rem}.oc-provider-row-divider{background:var(--oc-border-subtle);width:1px;height:1rem}body[data-preview-route=terminal-ui] .reference-intro{max-width:52rem}.terminal-source-note{margin:var(--oc-space-4) 0 0;color:var(--oc-text-muted);font-size:var(--oc-font-size-sm)}.terminal-source-note a{color:var(--oc-text-link);text-underline-offset:.18em;text-decoration:underline}.terminal-reference-table code{font-family:var(--oc-font-mono)}.terminal-capture-stack{gap:var(--oc-space-5);display:grid}.terminal-runtime-capture{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-surface);min-width:0;margin:0;overflow:hidden}.terminal-runtime-capture figcaption{padding:var(--oc-space-3) var(--oc-space-4);border-bottom:1px solid var(--oc-border-subtle);justify-content:space-between;align-items:center;gap:var(--oc-space-3);display:flex}.terminal-runtime-capture figcaption>span{gap:.1rem;min-width:0;display:grid}.terminal-runtime-capture figcaption small{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:500}.terminal-runtime-capture figcaption strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.terminal-replay-controls{align-items:center;gap:var(--oc-space-3);flex:none;display:inline-flex}.terminal-replay-again{padding:2px var(--oc-space-2);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);color:var(--oc-text-secondary);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);cursor:pointer;background:0 0}.terminal-replay-again:hover{border-color:var(--oc-border-strong);color:var(--oc-text-primary)}.terminal-runtime-capture figcaption code{color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);flex:none}.terminal-replay-viewport{--terminal-capture-bg:color-mix(in oklch, var(--oc-palette-ink-950) 86%, oklch(0% 0 0));--terminal-capture-fg:var(--oc-palette-ink-50);--terminal-capture-cursor:var(--oc-palette-coral-dark-bright);max-width:100%;padding:var(--oc-space-2);background:var(--terminal-capture-bg);overflow:hidden}.terminal-replay-host{background:var(--terminal-capture-bg,#0d0d0f);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;position:relative;overflow:hidden}.terminal-replay-host canvas,.terminal-live-host canvas{display:block;width:100%!important;height:auto!important}.terminal-live-figure{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-surface);min-width:0;margin:0;overflow:hidden}.terminal-live-figure figcaption{justify-content:space-between;align-items:baseline;gap:var(--oc-space-4);padding:var(--oc-space-3) var(--oc-space-4);border-bottom:1px solid var(--oc-border-subtle);display:flex}.terminal-live-figure figcaption span{gap:2px;min-width:0;display:grid}.terminal-live-figure figcaption small{color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);letter-spacing:.08em;text-transform:uppercase}.terminal-live-figure figcaption strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.terminal-live-figure figcaption code{color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);flex:none}.terminal-live-viewport{--terminal-capture-bg:color-mix(in oklch, var(--oc-palette-ink-950) 86%, oklch(0% 0 0));--terminal-capture-fg:var(--oc-palette-ink-50);--terminal-capture-cursor:var(--oc-palette-coral-dark-bright);max-width:100%;padding:var(--oc-space-2);background:var(--terminal-capture-bg);overflow:hidden}.terminal-live-host{background:var(--terminal-capture-bg,#0d0d0f);cursor:text;width:100%;min-width:0;position:relative;overflow:hidden}.terminal-live-host:focus-within{outline:2px solid var(--oc-accent-primary);outline-offset:2px}.terminal-live-hint{padding:var(--oc-space-2) var(--oc-space-4);border-top:1px solid var(--oc-border-subtle);color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);margin:0}.terminal-replay-host[data-terminal-replay-state=loading]:before{color:#8b7f77;content:"Loading terminal capture…";font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);place-items:center;display:grid;position:absolute;inset:0}.terminal-replay-host canvas{display:block;width:100%!important;height:auto!important}.terminal-replay-error{padding:var(--oc-space-3) var(--oc-space-4);border-top:1px solid var(--oc-status-error-border);background:var(--oc-status-error-bg);color:var(--oc-status-error-fg);font-size:var(--oc-font-size-sm);margin:0}@media (width<=620px){.terminal-runtime-capture figcaption{flex-direction:column;align-items:start}.terminal-runtime-capture figcaption code{white-space:normal}.terminal-replay-viewport{padding:var(--oc-space-1)}}:root{--preview-content:1040px;--preview-rail-width:248px;--preview-topbar-height:64px;--preview-canvas-header-height:0px;--preview-shell-bg:var(--oc-bg-page);--preview-nav-surface:var(--oc-bg-surface)}#preview-app,.preview-route-content{display:contents}html[data-theme=light]{--preview-nav-surface:var(--oc-bg-page)}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--preview-topbar-height) + var(--preview-canvas-header-height) + 24px)}body{background:var(--preview-shell-bg)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.shell-control,.brand,.github-link,.sidebar a,.page-navigation a,.search-result{touch-action:manipulation}.shell-control:active,.github-link:active,.sidebar a:active,.page-navigation a:active,.search-result:active{background-color:var(--oc-surface-interactive-hover)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{z-index:30;grid-template-columns:calc(var(--preview-rail-width) - 14px) minmax(0, 1fr) auto;min-height:var(--preview-topbar-height);border-bottom:1px solid var(--oc-border-subtle);background:var(--preview-shell-bg);align-items:center;gap:12px;padding:6px 14px;display:grid;position:sticky;top:0}.topbar:after{top:0;bottom:0;left:calc(var(--preview-rail-width) - 1px);background:var(--oc-border-subtle);content:"";width:1px;position:absolute}.topbar-actions{grid-column:3;align-items:center;gap:8px;display:flex}.github-link{min-height:36px;color:var(--oc-text-secondary);align-items:center;gap:7px;padding:8px 10px;font-size:13px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.github-link svg,.search-trigger svg,.search-field-icon svg,.theme-control svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;flex:none;width:16px;height:16px;display:block}.theme-control-icon{place-items:center;width:18px;height:18px;line-height:0;display:grid}.github-link svg{fill:currentColor;stroke:none}.github-link:hover{color:var(--oc-text-primary)}.mobile-nav-trigger,.mobile-nav-close,.navigation-backdrop{display:none}.skip-link{z-index:100;background:var(--oc-bg-elevated);color:var(--oc-text-primary);padding:10px 12px;font-size:12px;font-weight:700;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{outline:2px solid var(--oc-focus-ring);outline-offset:2px;transform:translateY(0)}.brand{align-items:center;gap:12px;width:fit-content;min-height:36px;padding:0 2px;text-decoration:none;display:inline-flex}.brand-primary{align-items:center;gap:7px;display:inline-flex}.brand-mark-stack{flex:0 0 26px;place-items:center;width:26px;height:26px;display:inline-grid;position:relative}.brand-mark{object-fit:contain;width:26px;height:26px;position:absolute;inset:0}html[data-theme=light] .brand-mark{filter:invert(.08)}.brand-wordmark{color:var(--oc-text-primary);font-family:var(--oc-font-display);letter-spacing:-.03em;font-size:17px;font-weight:700;line-height:1}.brand:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.topnav{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-surface);gap:2px;padding:3px;display:flex}.sidebar a{color:var(--oc-text-secondary);text-decoration:none}.topnav a{border-radius:var(--oc-radius-control);padding:6px 10px;font-size:13px;font-weight:600}.sidebar a:hover,.sidebar a[aria-current=page]{color:var(--oc-text-primary)}.theme-control{width:36px;height:36px;color:var(--oc-text-muted);cursor:pointer;background:0 0;border:0;justify-self:end;place-items:center;padding:0;display:grid}.theme-control:hover{color:var(--oc-text-primary)}.segmented button,.tabs button{color:var(--oc-text-muted);cursor:pointer;background:0 0;border:0}.theme-control:focus-visible,.sidebar a:focus-visible,.route-card:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.shell{grid-template-columns:var(--preview-rail-width) minmax(0, 1fr);width:100%;min-height:calc(100vh - var(--preview-topbar-height));display:grid}.sidebar{top:var(--preview-topbar-height);height:calc(100vh - var(--preview-topbar-height));overscroll-behavior:contain;border-right:1px solid var(--oc-border-subtle);background:var(--preview-shell-bg);flex-direction:column;align-self:start;padding:0;display:flex;position:sticky;overflow:hidden}.sidebar:before,.sidebar:after{z-index:3;pointer-events:none;content:"";opacity:0;height:28px;transition:opacity var(--oc-duration-fast) var(--oc-ease-out);position:absolute;left:0;right:0}.sidebar:before{background:linear-gradient(to bottom, var(--preview-shell-bg), transparent);top:0}.sidebar:after{background:linear-gradient(to top, var(--preview-shell-bg), transparent);bottom:54px}.sidebar[data-can-scroll-up=true]:before,.sidebar[data-can-scroll-down=true]:after{opacity:1}.sidebar-heading{display:none}.sidebar nav{overscroll-behavior:contain;scrollbar-color:var(--oc-border-subtle) transparent;scrollbar-width:thin;flex:auto;align-content:start;gap:1px;min-height:0;margin:0;padding:10px 10px 18px;display:grid;overflow-y:auto}.sidebar nav::-webkit-scrollbar{width:6px}.sidebar nav::-webkit-scrollbar-thumb{background:var(--oc-border-subtle)}.sidebar-root-link{letter-spacing:-.01em;align-items:center;font-size:13px;font-weight:650;line-height:1.35;display:flex;position:relative;min-height:34px!important;color:var(--oc-text-secondary)!important;padding:7px 10px!important}.sidebar-root-link:hover,.sidebar-root-link[aria-current=page]{background:var(--oc-surface-interactive);color:var(--oc-text-primary)!important}.sidebar-area{gap:0;display:grid}.sidebar-root-link+.sidebar-area{border-top:1px solid #0000;margin-top:8px;padding-top:8px}.sidebar-area+.sidebar-area{margin-top:1px}.sidebar-area-toggle{cursor:pointer;width:100%;font:inherit;letter-spacing:-.01em;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;font-weight:650;display:flex;position:relative;min-height:34px!important;color:var(--oc-text-primary)!important;padding:7px 10px!important}.sidebar-area-toggle:after{color:var(--oc-text-muted);content:"›";font-family:var(--oc-font-mono);font-size:16px;font-weight:400;line-height:1}.sidebar-area.is-current>.sidebar-area-toggle{color:var(--oc-text-primary)!important}.sidebar-area-toggle[aria-expanded=true]:after{color:var(--oc-text-secondary);transform:rotate(90deg)}.sidebar-area-toggle:hover{background:var(--oc-surface-interactive)}.sidebar-area-toggle:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.sidebar-pages{gap:1px;margin:0 0 6px;padding:1px 4px 5px;display:grid}.sidebar-pages[hidden]{display:none}.sidebar-pages a{min-height:30px;padding:6px 12px;font-size:12px;line-height:1.5;position:relative}.sidebar-pages-label{color:var(--oc-text-secondary);font-family:var(--oc-font-mono);letter-spacing:.07em;text-transform:uppercase;margin:3px 0 4px;padding:0 10px;font-size:10px;font-weight:700;line-height:1.4}.sidebar-page-group{border-top:1px solid var(--oc-border-subtle);gap:1px;margin:7px 4px 0;padding-top:8px;display:grid}.sidebar-page-group+.sidebar-page-group{margin-top:8px}.sidebar-pages a:hover{background:var(--oc-surface-interactive)}.sidebar-pages a[aria-current=page]{background:var(--oc-surface-interactive);color:var(--oc-text-primary);font-weight:650}.nav-group{gap:2px;display:grid}.nav-label{color:var(--oc-text-muted);font-family:var(--oc-font-mono);letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px;padding:0 10px;font-size:10px;font-weight:700}.sidebar a{border-radius:var(--oc-radius-control);min-height:34px;padding:8px 10px;font-size:13px}.sidebar>.version{border-top:1px solid var(--oc-border-subtle);background:var(--preview-shell-bg);min-height:48px;color:var(--oc-text-muted);font-family:var(--oc-font-mono);border-radius:0;flex:none;justify-content:space-between;align-items:center;margin:0;padding:0 10px;font-size:11px;text-decoration:none;display:flex}.version-label{align-items:center;gap:4px;display:inline-flex}.version strong{color:var(--oc-text-secondary);font-weight:650}.version img{object-fit:contain;width:16px;height:16px}.version-external{place-items:center;width:18px;height:18px;display:grid}.version-external svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;width:15px;height:15px}.sidebar>.version:hover{color:var(--oc-text-primary)}.mobile-nav-close:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.preview-main{background:var(--preview-shell-bg);min-width:0}.canvas-header{display:none}.preview-stage{max-width:var(--preview-content);margin:0 auto;padding:0 clamp(24px,3vw,48px) 96px}.preview-stage>section{border-bottom:1px solid var(--oc-border-subtle);padding:54px 0}.intro{padding-top:26px}.intro h1{max-width:720px;font-family:var(--oc-font-display);margin:12px 0 18px;font-size:clamp(36px,4vw,52px);line-height:1.02}.intro>p:not(.eyebrow){max-width:650px;color:var(--oc-text-secondary);font-size:18px}.intro-actions,.button-row,.status-row{flex-wrap:wrap;gap:10px;display:flex}.intro-actions{margin-top:28px}body[data-page-kind=home] .preview-stage{max-width:none;margin:0;padding:0}.home-page{width:100%}.home-component-grid{--home-grid-row-height:clamp(12rem, 24vw, 17rem);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(var(--home-grid-row-height), auto);border-bottom:1px solid var(--oc-border-subtle);background:var(--oc-border-subtle);gap:1px;margin:0;padding:0;list-style:none;display:grid}.home-component-cell{background:var(--preview-shell-bg);contain:layout paint style;contain-intrinsic-size:auto var(--home-grid-row-height);content-visibility:auto;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.home-brand-cell{isolation:isolate;content-visibility:visible;contain-intrinsic-size:none;grid-column:span 2;grid-template-rows:minmax(0,1fr)}.home-artwork-layer{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.home-artwork-layer img{object-fit:cover;object-position:50% 0%;opacity:.82;width:100%;max-width:none;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 36%,#0000 65%);mask-image:linear-gradient(#000 0% 36%,#0000 65%)}.home-brand-intro{flex-direction:column;justify-content:flex-start;gap:0;min-width:0;padding:32px;display:flex}.home-brand-intro .eyebrow{margin:auto 0 8px}.home-brand-intro h1{font-family:var(--oc-font-display);letter-spacing:0;margin:0 0 16px;font-size:44px;line-height:1}.home-brand-intro>p:not(.eyebrow){max-width:620px;color:var(--oc-text-secondary);text-wrap:balance;margin:0;font-size:16px;line-height:1.6}.home-brand-intro .home-brand-detail{max-width:680px;color:var(--oc-text-muted);margin-top:10px;font-size:13px;line-height:1.5}.home-component-link{z-index:1;width:fit-content;min-height:36px;color:var(--oc-text-muted);align-items:center;margin:6px 14px 0;padding-inline:4px;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.maturity-badge{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-round);background:var(--oc-surface-interactive);min-height:20px;color:var(--oc-text-muted);font-family:var(--oc-font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;padding-inline:7px;font-size:9px;font-weight:650;line-height:1;display:inline-flex}.home-component-maturity{opacity:0;visibility:hidden;margin-left:8px;transition:opacity .12s,visibility .12s}.home-component-link:hover{color:var(--oc-text-primary)}.home-component-link:focus-visible{border-radius:var(--oc-radius-inset);outline:2px solid var(--oc-focus-ring);outline-offset:4px}.home-component-demo{place-items:center;min-width:0;padding:clamp(12px,1.5vw,20px);display:grid}.home-model-picker,.home-provider-row,.home-chat-preview,.home-collaboration-preview,.home-question,.home-app-preview{width:min(100%,20rem)}.home-provider-row,.home-chat-preview,.home-question{gap:8px;display:grid}.home-provider-row{grid-template-columns:repeat(3,auto);justify-content:center}.home-question{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-elevated);padding:12px}.home-question button{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);min-height:32px;color:var(--oc-text-secondary);font:inherit;text-align:left;background:0 0;align-items:center;gap:8px;padding:0 10px;font-size:12px;display:flex}.home-chat-person{align-items:flex-start;gap:8px;display:flex}.home-chat-person p{border-radius:var(--oc-radius-control);background:var(--oc-bg-elevated);color:var(--oc-text-secondary);margin:0;padding:8px 10px;font-size:12px;line-height:1.35}.home-collaboration-preview{align-items:center;gap:var(--oc-space-3);padding:var(--oc-space-3);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-elevated);display:flex}.home-collaboration-preview>span:last-child{flex:1;gap:2px;min-width:0;display:grid}.home-collaboration-preview strong,.home-collaboration-preview small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-collaboration-preview strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm)}.home-collaboration-preview small{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}.home-app-preview{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-surface);grid-template-columns:3rem minmax(0,1fr);min-height:8rem;display:grid;overflow:hidden}.home-app-preview aside,.home-app-preview main{align-content:start;gap:8px;padding:10px;display:grid}.home-app-preview aside{border-right:1px solid var(--oc-border-subtle);background:var(--oc-bg-elevated)}.home-app-preview span,.home-app-preview header,.home-app-preview main div{border-radius:var(--oc-radius-round);background:var(--oc-surface-interactive);min-height:8px}.home-app-preview header{width:60%;min-height:12px;margin-bottom:4px}.home-component-demo>*{max-width:100%}.home-component-demo-fill{justify-items:stretch}.home-component-demo-fill>*{width:min(100%,340px);margin-inline:auto}.home-input-demo{width:min(100%,280px)}.home-demo-card strong{font-family:var(--oc-font-display);font-size:18px;line-height:1.2}.home-demo-card p{color:var(--oc-text-secondary);margin:0;font-size:13px;line-height:1.5}.home-demo-card{width:min(100%,260px);color:var(--oc-text-primary);gap:8px;padding:20px;text-decoration:none;display:grid}.home-demo-card>.oc-action{width:fit-content;margin-top:4px}.home-demo-actions,.home-demo-pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.home-demo-actions{flex-direction:column;width:min(100%,8.75rem)}.home-demo-actions>.oc-button{width:100%}.home-radio-group{gap:0;width:min(100%,10rem)}.home-radio-group legend{margin-bottom:4px}.home-radio-group .oc-radio-option{min-height:2.5rem}.home-banner,.home-meter{width:min(100%,20rem)}.home-toast-region{z-index:40;pointer-events:auto;gap:12px;width:min(340px,100vw - 32px);display:grid;position:fixed;bottom:24px;right:24px}.home-toast-region .oc-toast{pointer-events:auto;width:100%}.home-pagination,.home-pagination .oc-pagination-list{gap:2px}.home-pagination .oc-pagination-link{appearance:none;min-width:1.75rem;min-height:1.75rem;font-size:var(--oc-font-size-xs);cursor:pointer;background:0 0;padding:0 .35rem;font-weight:500}.home-pagination .oc-pagination-link:hover{background:var(--oc-surface-interactive)}.home-pagination .oc-pagination-link[aria-current=page]{background:var(--oc-surface-accent-soft)}.home-chart{gap:12px;padding:16px}.home-chart .oc-chart-header{align-items:start}.home-chart .oc-timeseries-legend{justify-content:flex-end}.home-chart .oc-chart-plot{min-height:0;max-height:180px}.home-table .oc-table{min-width:0;font-size:11px}.home-table .oc-table :is(th,td){padding:9px 10px}.home-tabs{max-width:340px}.home-tabs .oc-tabs-list{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-round);background:color-mix(in srgb, var(--oc-bg-surface) 72%, transparent);gap:4px;width:fit-content;padding:4px;overflow:visible}.home-tabs .oc-tabs-trigger{border-radius:var(--oc-radius-round);border:0;min-height:32px;padding:0 14px;font-size:13px;transition:color .15s cubic-bezier(.2,0,0,1),background-color .15s cubic-bezier(.2,0,0,1)}.home-tabs .oc-tabs-trigger[aria-selected=true]{background:var(--oc-bg-elevated);box-shadow:0 1px 3px color-mix(in srgb, var(--oc-palette-ink-950) 12%, transparent)}.home-tabs .oc-tabs-panel{min-height:96px;padding:20px 4px 0}.home-flow{gap:0;width:min(100%,420px);padding:14px;overflow:visible}.home-flow .oc-flow-step{flex:1 1 0;min-width:0;padding:10px}.home-page-header{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px;padding-block:16px}.home-page-header .oc-page-header-title{font-size:26px}.home-page-header .oc-page-header-description{font-size:13px;line-height:1.5}.home-page-header .oc-page-header-actions{justify-content:flex-start}.home-resource-list .oc-resource-list-link{gap:10px;padding:12px 14px}.home-tooltip .oc-tooltip-content{opacity:1;transform:translate(-50%)}.home-clipboard,.home-collapsible,.home-skeleton,.home-grid-demo{width:min(100%,340px)}.home-skeleton{gap:14px;display:grid}.home-grid-demo .oc-grid-item{min-height:84px;color:var(--oc-text-muted);font-family:var(--oc-font-mono);place-items:center;padding:12px;font-size:12px;display:grid}.home-agent-input-bar,.home-agent-tool-group,.home-agent-todo,.home-agent-edit,.home-agent-bash,.home-agent-thinking,.home-agent-suggestions,.home-empty{width:min(100%,340px);margin-inline:auto}.home-agent-suggestions{gap:var(--oc-space-2);flex-wrap:wrap;justify-content:center;display:flex}.home-agent-thinking .oc-agent-thinking-content{color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);margin:0;line-height:1.45}.home-agent-bash .oc-agent-bash-output{max-height:6rem}.home-empty{min-height:0;padding:var(--oc-space-4)}.home-empty .oc-empty-content{gap:var(--oc-space-2)}.home-empty .oc-empty-icon{width:2.75rem;height:2.75rem;margin-bottom:var(--oc-space-1);border-radius:var(--oc-radius-control);background:var(--oc-surface-interactive);color:var(--oc-text-secondary)}.home-empty .oc-empty-icon svg{width:1.25rem;height:1.25rem}.home-empty .oc-empty-description{max-width:28ch}.home-agent-input-bar .oc-agent-input{min-height:4rem}.home-agent-input-bar .oc-agent-send-button{position:relative}.home-agent-input-bar .oc-agent-send-button:after{content:"";position:absolute;inset:-.125rem}@media (hover:hover) and (pointer:fine){.home-component-link:hover .home-component-maturity{opacity:1;visibility:visible}}.home-component-cell:focus-within .home-component-maturity{opacity:1;visibility:visible}.route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:34px;display:grid}.route-card{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--preview-nav-surface);min-height:132px;color:var(--oc-text-primary);gap:8px;padding:18px;text-decoration:none;display:grid}.route-card:hover{border-color:var(--oc-border-strong);background:var(--oc-surface-interactive)}.route-card span{color:var(--oc-text-muted);font-family:var(--oc-font-mono);text-transform:uppercase;font-size:11px;font-weight:700}.route-card strong{font-family:var(--oc-font-display);align-self:end;font-size:21px;line-height:1.05}.eyebrow,.specimen-label{color:var(--oc-accent-primary);font-family:var(--oc-font-mono);text-transform:uppercase;font-size:11px;font-weight:700}.reference-intro-meta{align-items:center;gap:8px;display:flex}.reference-intro-meta>.eyebrow{margin:0}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.section-heading h2{font-family:var(--oc-font-display);margin:6px 0 0;font-size:28px;line-height:1.1}.section-heading>p{max-width:340px;color:var(--oc-text-muted);margin:0;font-size:13px}.token-reference-layout{grid-template-columns:176px minmax(0,1fr);align-items:start;gap:48px;display:grid}.token-index{top:calc(var(--preview-topbar-height) + 24px);min-width:0;position:sticky}.token-index>p{color:var(--oc-text-muted);font-family:var(--oc-font-mono);letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:700}.token-index nav{gap:3px;display:grid}.token-index a{border-radius:var(--oc-radius-full);min-height:38px;color:var(--oc-text-secondary);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:13px;text-decoration:none;display:flex}.token-index a:hover,.token-index a[aria-current=location]{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.token-index a:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.token-index small{color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:10px}.token-catalog{gap:56px;min-width:0;display:grid}.token-group{width:100%;min-width:0;scroll-margin-top:calc(var(--preview-topbar-height) + 24px)}.reference-page [id],.preview-stage>section[id]{scroll-margin-top:calc(var(--preview-topbar-height) + var(--preview-canvas-header-height) + 24px)}.token-group h2[id],.token-table tr[id]{scroll-margin-top:calc(var(--preview-topbar-height) + 24px)}.token-group-heading{grid-template-columns:auto minmax(32px,1fr) auto;align-items:center;gap:16px;margin-bottom:18px;display:grid}.token-group-heading h2,.token-group-heading span,.token-group-heading p{margin:0}.token-group-copy{gap:6px;max-width:560px;display:grid}.token-group-heading h2{font-family:var(--oc-font-display);font-size:18px;line-height:1.1}.token-group-heading span{color:var(--oc-text-muted);font-family:var(--oc-font-mono);flex:none;padding-top:3px;font-size:10px}.token-group-rule{background:var(--oc-border-subtle);width:100%;height:1px;padding:0!important}.token-group-heading p{color:var(--oc-text-secondary);font-size:13px;line-height:1.5}.token-table-wrap{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-md);background:var(--preview-nav-surface);overflow-x:auto}.token-table{border-collapse:collapse;table-layout:fixed;background:0 0;width:100%;min-width:680px}.token-table th,.token-table td{border-bottom:1px solid var(--oc-border-subtle);text-align:left;vertical-align:middle;padding:13px 16px}.token-table thead th{background:var(--oc-bg-elevated);color:var(--oc-text-muted);font-family:var(--oc-font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.token-table tbody tr:last-child th,.token-table tbody tr:last-child td{border-bottom:0}.token-table tbody tr:hover{background:var(--oc-surface-interactive)}.token-table th:first-child{width:62%}.token-table--comparison th:first-child{width:40%}.token-name button,.token-value{font-family:var(--oc-font-mono);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.token-name-content{justify-content:space-between;align-items:center;gap:20px;min-width:0;display:flex}.token-name-content .token-preview{flex:none}.token-name button{color:var(--oc-text-primary);text-transform:none;font-size:13px;font-weight:500}.token-value{color:var(--oc-text-muted);font-size:12px}.token-name button,.token-value{cursor:copy;text-align:left;background:0 0;border:0;max-width:100%;padding:0}.token-name button:hover,.token-value:hover,.token-name button.is-copied,.token-value.is-copied{color:var(--oc-accent-primary)}.shell-feedback{z-index:90;border:1px solid var(--oc-border-subtle);background:var(--oc-bg-elevated);max-width:min(360px,100vw - 36px);color:var(--oc-text-primary);box-shadow:var(--oc-shadow-md);font-family:var(--oc-font-mono);opacity:0;pointer-events:none;transition:opacity var(--oc-duration-fast) var(--oc-ease-out), transform var(--oc-duration-fast) var(--oc-ease-out);padding:10px 12px;font-size:11px;position:fixed;bottom:18px;right:18px;transform:translateY(6px)}.shell-feedback.is-visible{opacity:1;transform:translateY(0)}.search-trigger{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-md);background:var(--oc-input-bg);width:min(100%,480px);min-height:44px;color:var(--oc-text-muted);cursor:pointer;text-align:left;grid-column:2;justify-content:space-between;justify-self:center;align-items:center;gap:14px;padding:0 8px 0 12px;font-size:13px;display:flex}.shell-command-field{border-radius:var(--oc-radius-md)}.search-trigger-label{align-items:center;gap:8px;min-width:0;display:inline-flex}.search-trigger kbd{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-elevated);place-items:center;min-width:40px;min-height:24px;padding:0 6px;display:inline-grid}.search-trigger:hover{border-color:var(--oc-border-strong);color:var(--oc-text-secondary)}.search-trigger kbd,.search-field kbd{color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:11px}.search-dialog{border:1px solid var(--oc-border-subtle);background:var(--oc-bg-elevated);width:min(92vw,640px);max-height:min(76vh,680px);color:var(--oc-text-primary);box-shadow:var(--oc-shadow-lg);overscroll-behavior:contain;padding:0;overflow:hidden}.search-field{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-md);background:var(--oc-input-bg);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;margin:8px;padding:0 12px;display:grid}.search-field-icon{color:var(--oc-text-muted);place-items:center;display:grid}.search-field input[type=search]{min-width:0;color:var(--oc-text-primary);background:0 0;border:0;outline:none;padding:0;font-size:16px}.search-field input[type=search]:focus{box-shadow:none;border:0}.search-field:focus-within{border-color:var(--oc-focus-ring);box-shadow:0 0 0 1px var(--oc-focus-ring)}.search-results{border-top:1px solid var(--oc-border-subtle);overscroll-behavior:contain;gap:2px;max-height:calc(min(76vh,680px) - 73px);padding:8px;display:grid;overflow-y:auto}.search-result-group{gap:2px;display:grid}.search-result-group+.search-result-group{margin-top:8px}.search-result-group-label{color:var(--oc-text-muted);font-family:var(--oc-font-mono);letter-spacing:.06em;text-transform:uppercase;margin:0;padding:8px 10px 4px;font-size:10px;font-weight:700}.search-result{min-height:54px;color:var(--oc-text-primary);justify-content:space-between;align-items:center;gap:20px;padding:8px 10px;text-decoration:none;display:flex}.search-result:hover,.search-result:focus-visible,.search-result.is-active{background:var(--oc-surface-interactive);outline:none}.search-result:focus-visible{box-shadow:inset 0 0 0 2px var(--oc-focus-ring)}.search-result>span:first-child{gap:3px;min-width:0;display:grid}.search-result strong,.search-result small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-result strong{font-family:var(--oc-font-body);font-size:14px;font-weight:650}.search-result small,.search-result-type{color:var(--oc-text-muted);font-size:12px}.search-result[data-search-type=token] strong{font-family:var(--oc-font-mono);font-size:13px;font-weight:500}.search-result-type{font-family:var(--oc-font-mono);text-transform:uppercase;flex:none}.search-empty{color:var(--oc-text-muted);text-align:center;justify-items:center;gap:12px;padding:24px;font-size:13px;display:grid}.search-empty[hidden]{display:none}.search-empty p{margin:0}.search-empty button{border:1px solid var(--oc-border-subtle);background:var(--oc-bg-surface);min-height:36px;color:var(--oc-text-primary);cursor:pointer;padding:0 12px;font-size:11px;font-weight:700}.page-layout{grid-template-columns:minmax(0, var(--preview-content));max-width:calc(var(--preview-content) + 48px);justify-content:center;margin:0 auto;padding-inline:24px;display:grid}.page-layout .preview-stage{max-width:100%;margin:0;padding-inline:0}.page-navigation{border:1px solid var(--oc-border-subtle);background:var(--oc-border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:72px;display:grid}.page-navigation-single{grid-template-columns:minmax(0,1fr)}.page-navigation a{background:var(--preview-nav-surface);min-height:92px;color:var(--oc-text-primary);align-content:center;gap:6px;padding:18px;text-decoration:none;display:grid}.page-navigation a:hover{background:var(--oc-surface-interactive)}.page-navigation span{color:var(--oc-text-muted);font-family:var(--oc-font-mono);text-transform:uppercase;font-size:11px}.page-navigation strong{font-size:15px}.page-navigation-next{text-align:right}.token-value-cell{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.token-preview{border-radius:var(--oc-radius-inset);background:var(--oc-bg-elevated);width:28px;height:28px;color:var(--oc-text-primary);place-items:center;display:inline-grid;overflow:hidden}.token-preview--color,.token-preview--feedback,.token-preview--status,.token-preview--input,.token-preview--diff{background:var(--token-preview-value)}.token-preview--text{color:var(--token-preview-value);font-family:var(--oc-font-display);background:0 0;font-size:18px;font-weight:700}.token-preview--border{border:2px solid var(--token-preview-value);background:0 0;width:38px;height:22px}.token-preview--space,.token-preview--content{background:0 0;justify-content:start;width:88px;height:18px}.token-preview--space:before,.token-preview--content:before{width:min(88px, var(--token-preview-value));background:var(--oc-accent-primary);content:"";min-width:4px;height:10px}.token-preview--content:before{background:var(--oc-accent-secondary)}.token-preview--type-scale{width:88px;min-width:28px;height:36px;color:var(--oc-text-primary);font-family:var(--oc-font-display);font-size:clamp(14px, var(--token-preview-value), 28px);background:0 0;justify-content:start;font-weight:700;line-height:1;overflow:visible}.token-preview--font{width:auto;min-width:28px;color:var(--oc-text-primary);font-family:var(--token-preview-value);background:0 0;font-size:20px}.token-preview--radius{border:1px solid var(--oc-border-accent);border-radius:var(--token-preview-value);background:var(--oc-surface-accent-soft);width:38px;height:26px}.token-preview--shadow{border:1px solid var(--oc-border-subtle);background:var(--oc-bg-surface);width:42px;height:24px;box-shadow:var(--token-preview-value)}.token-preview--motion{color:var(--oc-accent-secondary);font-family:var(--oc-font-mono);background:0 0;font-size:16px}.token-preview--control{width:88px;height:min(44px, var(--token-preview-value));border:1px dashed var(--oc-border-accent);background:var(--oc-surface-interactive)}.token-value-resolver{opacity:0;pointer-events:none;visibility:hidden;width:1px;height:1px;position:fixed;overflow:hidden}.type-foundation .section-heading{align-items:end;gap:var(--oc-space-5) var(--oc-space-6)}.type-foundation-lede{max-width:34ch;color:var(--oc-text-secondary);font-size:var(--oc-font-size-base);margin:0;line-height:1.5}.type-role-grid{gap:var(--oc-space-4);margin-top:var(--oc-space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.type-role-card{gap:var(--oc-space-5);min-height:220px;padding:var(--oc-space-5);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-elevated);display:grid}.type-role-meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.type-role-meta .specimen-label{margin:0}.type-role-meta code{color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:11px}.type-display,.type-body,.type-serif,.type-code{margin:0}.type-display{max-width:16ch;color:var(--oc-text-primary);font-family:var(--oc-font-display);letter-spacing:-.03em;font-size:clamp(1.5rem,2.4vw,1.9rem);font-weight:700;line-height:1.05}.type-body{max-width:42ch;color:var(--oc-text-secondary);font-family:var(--oc-font-body);font-size:var(--oc-font-size-lg);line-height:1.55}.type-serif{max-width:18ch;color:var(--oc-text-primary);font-family:var(--oc-font-serif);font-size:clamp(1.35rem,2.1vw,1.7rem);line-height:1.25}.type-code{overflow-wrap:anywhere;border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-inset);background:var(--oc-bg-elevated);max-width:100%;color:var(--oc-accent-secondary);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-sm);padding:12px 14px;line-height:1.5;display:block}.type-role-details{gap:var(--oc-space-3);padding-top:var(--oc-space-4);border-top:1px solid var(--oc-border-subtle);margin:auto 0 0;display:grid}.type-role-details>div{grid-template-columns:4.5rem minmax(0,1fr);gap:12px;display:grid}.type-role-details dt{color:var(--oc-text-muted);font-family:var(--oc-font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.type-role-details dd{color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);margin:0;line-height:1.45}.type-foundation .guidance-list{margin-top:var(--oc-space-6)}.type-scale-list{margin-top:var(--oc-space-6);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-surface);display:grid;overflow:hidden}.type-scale-row{gap:var(--oc-space-5) var(--oc-space-6);padding:var(--oc-space-4) var(--oc-space-5);border-bottom:1px solid var(--oc-border-subtle);grid-template-columns:minmax(220px,.9fr) minmax(0,1.4fr);align-items:center;display:grid}.type-scale-row:last-child{border-bottom:0}.type-scale-meta{grid-template-columns:3.25rem minmax(0,1fr);align-items:baseline;gap:4px 12px;display:grid}.type-scale-meta span{color:var(--oc-text-primary);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-sm);letter-spacing:.04em;text-transform:uppercase;grid-row:span 2;font-weight:700}.type-scale-meta code{color:var(--oc-text-secondary);font-family:var(--oc-font-mono);font-size:11px}.type-scale-meta small{color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:11px}.type-scale-meta em{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);grid-column:2;font-style:normal}.type-scale-sample{color:var(--oc-text-primary);font-family:var(--oc-font-body);font-size:var(--type-scale-size);letter-spacing:-.02em;margin:0;line-height:1.2}.control-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:28px;display:grid}.form-sample,.state-sample{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-surface);align-content:start;gap:16px;padding:22px;display:grid}.form-sample label{color:var(--oc-text-secondary);gap:7px;font-size:12px;font-weight:700;display:grid}input[type=search],select{border:1px solid var(--oc-input-border);border-radius:var(--oc-radius-md);background:var(--oc-input-bg);width:100%;min-height:42px;color:var(--oc-text-primary);outline:none;padding:0 12px}input[type=search]:focus,select:focus{border-color:var(--oc-input-focus-border);box-shadow:0 0 0 3px var(--oc-input-focus-ring)}input::placeholder{color:var(--oc-input-placeholder)}.check-row{grid-template-columns:auto 1fr;align-items:center;display:flex!important}input[type=checkbox]{accent-color:var(--oc-accent-primary)}.button{border-radius:var(--oc-radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;min-height:40px;padding:0 15px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.button-small{min-height:34px}.button-primary{background:var(--oc-accent-primary);color:var(--oc-text-on-accent)}.button-primary:hover{background:var(--oc-accent-primary-hover)}.button-secondary{border-color:var(--oc-border-subtle);background:var(--oc-bg-elevated);color:var(--oc-text-primary)}.button-secondary:hover{border-color:var(--oc-border-strong);background:var(--oc-surface-interactive)}.button-danger{border-color:color-mix(in srgb, var(--oc-status-error-fg) 40%, transparent);background:var(--oc-status-error-bg);color:var(--oc-status-error-fg)}.button:disabled{cursor:not-allowed;opacity:.5}.segmented{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-md);background:var(--oc-bg-page);grid-template-columns:repeat(2,1fr);padding:3px;display:grid}.segmented button{border-radius:5px;min-height:34px;font-size:12px}.segmented [aria-pressed=true]{background:var(--oc-bg-elevated);color:var(--oc-text-primary)}.product-toolbar{border:1px solid var(--oc-border-subtle);background:var(--oc-bg-surface);min-height:50px;color:var(--oc-text-muted);border-bottom:0;justify-content:space-between;align-items:center;padding:0 14px;font-size:12px;display:flex}.tabs{align-self:stretch;display:flex}.tabs button{padding:0 14px;font-size:12px;font-weight:700;position:relative}.tabs [aria-selected=true]{color:var(--oc-text-primary)}.tabs [aria-selected=true]:after{background:var(--oc-accent-primary);content:"";height:2px;position:absolute;bottom:0;left:12px;right:12px}.table-wrap{border:1px solid var(--oc-border-subtle);overflow-x:auto}table{border-collapse:collapse;background:var(--oc-bg-surface);width:100%;min-width:620px;font-size:13px}th,td{border-bottom:1px solid var(--oc-border-subtle);text-align:left;padding:13px 14px}th{color:var(--oc-text-muted);text-transform:uppercase;font-size:10px}tbody tr:hover{background:var(--oc-surface-interactive)}td small{color:var(--oc-text-muted);margin-top:3px;display:block}.prose-sample{max-width:740px}.prose-sample .lead{color:var(--oc-text-primary);font-family:var(--oc-font-serif);font-size:24px;line-height:1.35}.prose-sample h3{margin:34px 0 10px;font-size:18px}.prose-sample p{color:var(--oc-text-secondary)}pre{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-md);background:var(--oc-bg-surface);color:var(--oc-accent-secondary);margin:18px 0;padding:18px;overflow-x:auto}pre code{font-family:var(--oc-font-mono);font-size:12px}.callout{border-left:3px solid var(--oc-accent-secondary);background:var(--oc-surface-secondary-soft);margin-top:20px;padding:16px 18px}.callout p{margin-bottom:0}.public-composition{border:1px solid var(--oc-border-subtle);background:var(--oc-bg-surface);grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center;gap:40px;min-height:360px;padding:clamp(28px,5vw,58px);display:grid}.public-composition h3{max-width:620px;font-family:var(--oc-font-display);margin:12px 0 18px;font-size:60px;line-height:.98}.public-composition p:not(.eyebrow){max-width:520px;color:var(--oc-text-secondary)}.signal-panel{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.signal-panel span{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-md);background:var(--oc-bg-elevated);min-height:74px;color:var(--oc-text-secondary);font-family:var(--oc-font-mono);place-items:center;font-size:12px;display:grid}dialog{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-md);background:var(--oc-bg-elevated);width:min(92vw,480px);color:var(--oc-text-primary);box-shadow:var(--oc-shadow-lg);padding:0}dialog::backdrop{background:color-mix(in srgb, var(--oc-bg-page) 76%, transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog form{padding:22px}.dialog-heading{justify-content:space-between;gap:24px;display:flex}.dialog-heading h2{margin:5px 0 0;font-size:22px}dialog form>p{color:var(--oc-text-secondary)}dialog .button-row{justify-content:flex-end;margin-top:24px}.icon-button{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-md);background:var(--oc-bg-surface);width:34px;height:34px;color:var(--oc-text-secondary);cursor:pointer;font-size:var(--oc-font-size-sm);flex:none;place-items:center;font-weight:500;line-height:1.2;display:grid}.intro-compact h1,.reference-intro h1{max-width:760px;font-family:var(--oc-font-display);letter-spacing:-.035em;margin:8px 0 14px;font-size:clamp(34px,3.5vw,48px);line-height:1.04}.intro-compact>p:not(.eyebrow),.reference-intro>p:not(.eyebrow){max-width:700px;color:var(--oc-text-secondary);font-size:16px;line-height:1.5}.introduction-page{width:min(100%,1200px);margin:0 auto;padding:54px 0 96px}.introduction-reader{grid-template-columns:minmax(0,720px) 220px;justify-content:center;gap:72px;display:grid}.introduction-article{min-width:0}.introduction-hero{max-width:720px}.introduction-hero h1{max-width:18ch;font-family:var(--oc-font-display);letter-spacing:0;margin:10px 0 18px;font-size:clamp(2.1rem,4.2vw,3rem);font-weight:650;line-height:1.08}.introduction-lede{max-width:720px;color:var(--oc-text-secondary);margin:0;font-size:1.14rem;line-height:1.68}.introduction-summary{border-block:1px solid var(--oc-border-subtle);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:34px;display:grid}.introduction-summary span{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);gap:4px;padding:18px 16px;line-height:1.45;display:grid}.introduction-summary span+span{border-left:1px solid var(--oc-border-subtle)}.introduction-summary strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm)}.introduction-content{gap:0;margin-top:68px;display:grid}.introduction-content section,.introduction-article>.foundations-overview,.introduction-content :is(h2,h3)[id],.introduction-article>.foundations-overview h2[id]{scroll-margin-top:88px}.introduction-content section+section{border-top:1px solid var(--oc-border-subtle);margin-top:56px;padding-top:48px}.introduction-content h2,.introduction-article>.foundations-overview h2{max-width:26ch;font-family:var(--oc-font-display);margin:8px 0 18px;font-size:clamp(1.55rem,2.5vw,2rem);font-weight:650;line-height:1.16}.introduction-content h3{color:var(--oc-text-primary);font-family:var(--oc-font-display);margin:34px 0 12px;font-size:1.1rem;font-weight:650;line-height:1.35}.introduction-content>section>p:not(.eyebrow),.introduction-article>.foundations-overview>p:not(.eyebrow){color:var(--oc-text-secondary);margin:0 0 1.25em;font-size:1.01rem;line-height:1.76}.introduction-content>section>p:first-of-type:not(.eyebrow){color:var(--oc-text-primary);font-size:1.08rem;line-height:1.72}.introduction-content p strong{color:var(--oc-text-primary)}.introduction-definition-list{border-top:1px solid var(--oc-border-subtle);margin-top:30px;display:grid}.introduction-definition-list article{border-bottom:1px solid var(--oc-border-subtle);grid-template-columns:minmax(130px,.34fr) minmax(0,1fr);gap:24px;padding:18px 0;display:grid}.introduction-definition-list strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm)}.introduction-definition-list p{color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);margin:0;line-height:1.6}.introduction-layers{margin:28px 0 0;padding:0;list-style:none;display:grid}.introduction-layers li{border-top:1px solid var(--oc-border-subtle);grid-template-columns:42px minmax(0,1fr);gap:18px;padding:18px 0;display:grid}.introduction-layers li>span{color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:11px}.introduction-layers strong{color:var(--oc-text-primary)}.introduction-layers p{color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);margin:5px 0 0;line-height:1.6}.introduction-callout{border-left:2px solid var(--oc-accent-primary);background:var(--oc-surface-interactive);margin-top:28px;padding:20px 22px}.introduction-callout p{color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);margin:8px 0 0;line-height:1.65}.introduction-steps{counter-reset:introduction-step;margin:28px 0 30px;padding:0;list-style:none;display:grid}.introduction-steps li{border-top:1px solid var(--oc-border-subtle);counter-increment:introduction-step;grid-template-columns:minmax(150px,.42fr) minmax(0,1fr);gap:24px;padding:16px 0;display:grid}.introduction-steps strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm)}.introduction-steps strong:before{content:counter(introduction-step, decimal-leading-zero) " ";color:var(--oc-text-muted);font-family:var(--oc-font-mono);margin-right:8px;font-size:10px}.introduction-steps span{color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);line-height:1.6}.introduction-toc{scrollbar-width:thin;align-self:start;gap:28px;max-height:calc(100vh - 120px);display:grid;position:sticky;top:92px;overflow-y:auto}.introduction-toc h2{color:var(--oc-accent-primary);font-family:var(--oc-font-mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:600}.introduction-toc-links{display:grid}.introduction-toc a{color:var(--oc-text-muted);font-family:var(--oc-font-mono);transition:color var(--oc-duration-fast) var(--oc-ease-out);padding:6px 0;font-size:.8rem;font-weight:500;line-height:1.42;text-decoration:none;display:block}.introduction-toc .introduction-toc-level-3{padding-left:14px;font-size:.74rem}.introduction-toc a:hover,.introduction-toc a:focus-visible,.introduction-toc a[aria-current=location]{color:var(--oc-text-primary)}.introduction-toc a[aria-current=location]{color:var(--oc-accent-primary)}.introduction-toc-related{border-top:1px solid var(--oc-border-subtle);padding-top:22px}.introduction-article>.foundations-overview{border-top:1px solid var(--oc-border-subtle);margin-top:56px;padding-top:48px;scroll-margin-top:88px}.effects-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:42px;display:grid}.effect-interaction-item{gap:var(--oc-space-2);justify-items:center;display:grid}.effect-interaction-item small{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);text-align:center}.effect-interaction-demo,.effect-loading-demo,.effect-attention-demo,.effect-transition-demo{justify-content:center;align-items:center;gap:var(--oc-space-5);flex-wrap:wrap;width:min(100%,42rem);display:flex}.effect-loading-demo,.effect-attention-demo,.effect-transition-demo{display:grid}.effect-loading-demo .workbench-skeleton-demo{width:min(100%,22rem)}.workbench-skeleton-demo{gap:var(--oc-space-2);display:grid}.effect-attention-demo .oc-meter{width:min(100%,26rem)}.effect-transition-demo{justify-items:stretch}.effect-transition-track{align-items:center;gap:var(--oc-space-3);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.effect-transition-track>svg{width:1rem;height:1rem;color:var(--oc-text-muted)}.effect-transition-state{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-surface-card);min-height:3rem;color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);place-items:center;display:grid}.effect-transition-state[data-state=current]{border-color:var(--oc-border-accent);background:var(--oc-surface-accent-soft);color:var(--oc-text-primary);animation:effect-transition-enter var(--oc-duration-ui) var(--oc-ease-out) both}@keyframes effect-transition-enter{0%{opacity:0;transform:translateY(.375rem)}}.effect-presence{align-items:center;gap:var(--oc-space-2);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);display:inline-flex}.effect-presence>span{border-radius:var(--oc-radius-round);background:var(--oc-status-success-fg);width:.625rem;height:.625rem;position:relative}.effect-presence>span:after{border:1px solid color-mix(in srgb, var(--oc-status-success-fg) 45%, transparent);border-radius:inherit;content:"";animation:effect-presence-pulse 1.8s var(--oc-ease-out) infinite;position:absolute;inset:-4px}@keyframes effect-presence-pulse{50%{opacity:.2;transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.effect-presence>span:after,.effect-transition-state[data-state=current]{animation:none}}.reference-card-grid,.principle-grid{border:1px solid var(--oc-border-subtle);background:var(--oc-border-subtle);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:42px;display:grid}.reference-card-grid{background:0 0;border:0;gap:12px}.reference-card-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.foundations-overview>p{max-width:52ch}.foundations-card-grid{gap:18px;margin-top:42px;display:grid}.foundations-card-cluster{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.foundations-overview .foundations-card-cluster .reference-card{min-height:168px}.reference-card,.principle-grid article{background:var(--oc-bg-surface);min-height:190px;color:var(--oc-text-primary);flex-direction:column;padding:22px;text-decoration:none;display:flex}.reference-card{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--preview-nav-surface)}.reference-card.foundations-card-featured{background:var(--oc-bg-elevated);grid-template-columns:minmax(0,1fr);gap:10px;min-height:168px;margin:0;padding:28px 30px;display:grid}.reference-card.foundations-card-featured strong{margin-top:0;font-size:clamp(1.6rem,2.4vw,2rem)}.reference-card.foundations-card-featured p{max-width:52ch;font-size:var(--oc-font-size-base);margin-top:4px;line-height:1.55}.reference-card:hover{background:var(--oc-surface-interactive)}.reference-card.foundations-card-featured:hover{background:var(--oc-bg-elevated)}.reference-card:focus-visible{z-index:1;outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.reference-card>span{color:var(--oc-text-muted);font-family:var(--oc-font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.reference-card strong,.principle-grid h3{font-family:var(--oc-font-display);letter-spacing:-.025em;margin-top:auto;font-size:22px}.reference-card p,.principle-grid p{color:var(--oc-text-secondary);margin:8px 0 0;font-size:14px;line-height:1.5}body[data-page-kind=index] .preview-stage{padding-top:18px}body[data-page-kind=index] .intro-compact{padding-block:34px}body[data-page-kind=index] :is(.reference-card-grid,.route-grid){margin-top:26px}body[data-page-kind=index] .reference-card{min-height:136px;padding:18px}body[data-page-kind=index] .route-card{min-height:88px;padding:15px 17px}body[data-page-kind=index] .reference-card strong{font-size:19px}.reference-page{width:100%;max-width:var(--preview-content)}body[data-page-kind=reference] .reference-page{grid-template-columns:minmax(0,1fr);display:grid}body[data-page-kind=reference] :is(.reference-intro,[data-section-kind=preview],.page-navigation){grid-column:1}body[data-page-kind=reference] .reference-page>section{min-width:0}body[data-page-kind=reference] :is([data-section-kind=markup],[data-section-kind=guidance]){grid-column:1;padding-block:56px}body[data-page-kind=reference] [data-section-kind=markup]{padding-right:0}body[data-page-kind=reference] [data-section-kind=guidance]{padding-left:0}body[data-page-kind=reference] [data-section-kind=guidance] .guidance-list{width:100%;max-width:none}body[data-reference-layout=workbench] .page-layout,body[data-reference-layout=workbench] .page-layout .preview-stage,body[data-reference-layout=workbench][data-page-kind=reference] .reference-page{max-width:none;margin:0;padding:0;display:block}.component-workbench{--workbench-inspector-width:300px;--workbench-frame-max:55rem;--workbench-stage-min:0px;--workbench-specimen-min:0px;grid-template-rows:52px max-content max-content;grid-template-columns:minmax(0,1fr);align-content:start;min-height:0;display:grid}.component-workbench[data-canvas-preset=inline]{--workbench-frame-max:36rem}.component-workbench[data-canvas-preset=form]{--workbench-frame-max:42rem}.component-workbench[data-canvas-preset=compact]{--workbench-frame-max:48rem}.component-workbench[data-canvas-preset=wide],.component-workbench[data-canvas-preset=conversation]{--workbench-frame-max:76rem}.component-workbench[data-canvas-preset=panel],.component-workbench[data-canvas-preset=data]{--workbench-frame-max:60rem}.component-workbench[data-canvas-preset=viewport]{--workbench-frame-max:74rem;--workbench-stage-min:min(28rem, calc(100dvh - var(--preview-topbar-height) - 96px));min-height:calc(100dvh - var(--preview-topbar-height));grid-template-rows:52px minmax(var(--workbench-stage-min), 1fr) max-content}.component-workbench[data-has-inspector=false]{grid-template-columns:minmax(0,1fr)}.component-workbench:has(.component-workbench-dock-panel[id$=-code-panel]:not([hidden])){grid-template-columns:minmax(0,1fr)}.component-workbench:has(.component-workbench-dock-panel[id$=-code-panel]:not([hidden])) .component-workbench-inspector{display:none}.component-workbench-header{border-bottom:1px solid var(--oc-border-subtle);justify-content:space-between;align-items:center;gap:20px;min-width:0;padding:0 20px;display:flex}.component-workbench-title{align-items:center;gap:10px;min-width:0;display:flex}.reference-runtime-error{gap:var(--oc-space-2);width:min(100%,32rem);padding:var(--oc-space-5);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-surface-elevated);box-shadow:var(--oc-shadow-sm);color:var(--oc-text-secondary);margin:clamp(3rem,12vh,8rem) auto;display:grid}.reference-runtime-error strong{color:var(--oc-text-primary)}.reference-runtime-error button{width:fit-content;margin-top:var(--oc-space-2)}.component-workbench-header-actions{align-items:center;gap:var(--oc-space-2);min-width:0;display:flex}.component-workbench-header-actions .component-workbench-canvas-tools{position:static}.component-workbench-title h1{font-family:var(--oc-font-display);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;line-height:1.2;overflow:hidden}.component-workbench-title .maturity-badge{opacity:1}.component-workbench-navigation{align-items:center;display:flex}.component-workbench-navigation a{width:40px;height:40px;color:var(--oc-text-secondary);place-items:center;font-size:20px;text-decoration:none;display:grid}.component-workbench-navigation svg{width:20px;height:20px;display:block}.component-workbench-navigation a:hover{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.component-workbench-navigation a:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-4px}.component-workbench-stage{min-width:0;min-height:var(--workbench-stage-min);border-bottom:1px solid var(--oc-border-subtle);display:grid;position:relative;overflow:hidden}.component-workbench-canvas[data-workbench-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--oc-bg-page:var(--oc-palette-ink-950);--oc-bg-surface:var(--oc-palette-ink-900);--oc-bg-elevated:var(--oc-palette-ink-850);--oc-bg-recessed:color-mix(in oklch, var(--oc-bg-page) 86%, oklch(0% 0 0));--oc-bg-contrast:var(--oc-text-primary);--oc-accent-primary:var(--oc-palette-coral-dark-bright);--oc-accent-primary-hover:var(--oc-palette-coral-dark-mid);--oc-accent-primary-deep:var(--oc-palette-coral-dark-deep);--oc-accent-secondary:var(--oc-palette-sea-dark-bright);--oc-accent-secondary-deep:var(--oc-palette-sea-dark-mid);--oc-text-primary:var(--oc-palette-ink-50);--oc-text-secondary:var(--oc-palette-ink-300);--oc-text-muted:var(--oc-palette-ink-500);--oc-text-inactive:color-mix(in oklch, var(--oc-text-muted) 62%, transparent);--oc-text-inverse:var(--oc-bg-page);--oc-text-link:var(--oc-accent-primary);--oc-text-on-accent:var(--oc-palette-ink-950);--oc-border-subtle:#9a9aa22e;--oc-border-strong:color-mix(in oklch, var(--oc-text-primary) 32%, transparent);--oc-border-accent:#f5654a66;--oc-surface-card:#19191cb8;--oc-surface-card-strong:#19191ce6;--oc-surface-overlay:#0000004d;--oc-surface-interactive:#ededed14;--oc-surface-interactive-hover:#ededed29;--oc-control-bg:var(--oc-surface-interactive);--oc-control-bg-hover:var(--oc-surface-interactive-hover);--oc-surface-accent-soft:#f5654a24;--oc-surface-secondary-soft:#4fc8ae24;--oc-chart-line:#ededed17;--oc-selection-bg:#f5654a47;--oc-focus-ring:oklch(93.5% 0 0/.72);--oc-input-bg:var(--oc-bg-elevated);--oc-input-border:var(--oc-border-subtle);--oc-input-placeholder:color-mix(in srgb, var(--oc-text-muted) 70%, transparent);--oc-input-focus-border:color-mix(in srgb, var(--oc-accent-primary) 58%, transparent);--oc-input-focus-ring:color-mix(in srgb, var(--oc-accent-primary) 22%, transparent);--oc-status-success-bg:#22c55e1f;--oc-status-success-fg:#22c55e;--oc-status-warning-bg:#fbbf241f;--oc-status-warning-fg:#fbbf24;--oc-status-error-bg:#ef44441f;--oc-status-error-fg:#f87171;--oc-status-info-bg:#3b82f624;--oc-status-info-fg:#60a5fa;--oc-diff-added:#22c55e;--oc-diff-added-strong:#16a34a;--oc-diff-removed:#f87171;--oc-diff-removed-strong:#ef4444}.component-workbench-canvas[data-workbench-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--oc-bg-page:oklch(98.5% 0 0);--oc-bg-surface:oklch(97% 0 0);--oc-bg-elevated:oklch(100% 0 0);--oc-bg-recessed:color-mix(in oklch, var(--oc-bg-page) 94%, var(--oc-text-primary));--oc-bg-contrast:var(--oc-text-primary);--oc-accent-primary:color-mix(in srgb, var(--oc-palette-coral-light-mid) 60%, var(--oc-palette-coral-light-deep) 40%);--oc-accent-primary-hover:color-mix(in srgb, var(--oc-palette-coral-light-mid) 30%, var(--oc-palette-coral-light-deep) 70%);--oc-accent-primary-deep:var(--oc-palette-coral-light-deep);--oc-accent-secondary:var(--oc-palette-sea-light-bright);--oc-accent-secondary-deep:var(--oc-palette-sea-light-mid);--oc-text-primary:var(--oc-palette-paper-950);--oc-text-secondary:var(--oc-palette-paper-700);--oc-text-muted:var(--oc-palette-paper-600);--oc-text-inactive:color-mix(in oklch, var(--oc-text-muted) 62%, transparent);--oc-text-inverse:var(--oc-bg-page);--oc-text-link:var(--oc-accent-primary);--oc-text-on-accent:var(--oc-palette-paper-50);--oc-border-subtle:#17171a24;--oc-border-strong:color-mix(in oklch, var(--oc-text-primary) 28%, transparent);--oc-border-accent:#d84a316b;--oc-surface-card:oklch(100% 0 0);--oc-surface-card-strong:oklch(100% 0 0);--oc-surface-overlay:#17171a14;--oc-surface-interactive:#17171a12;--oc-surface-interactive-hover:#17171a24;--oc-control-bg:var(--oc-bg-elevated);--oc-control-bg-hover:var(--oc-surface-interactive-hover);--oc-surface-accent-soft:#d84a311f;--oc-surface-secondary-soft:#14806e21;--oc-chart-line:#17171a1f;--oc-selection-bg:#d84a3133;--oc-focus-ring:oklch(15% 0 0/.7);--oc-input-bg:oklch(100% 0 0);--oc-input-border:var(--oc-border-subtle);--oc-input-placeholder:color-mix(in srgb, var(--oc-text-muted) 70%, transparent);--oc-input-focus-border:color-mix(in srgb, var(--oc-accent-primary) 58%, transparent);--oc-input-focus-ring:color-mix(in srgb, var(--oc-accent-primary) 22%, transparent);--oc-status-success-bg:#22c55e1a;--oc-status-success-fg:#146c37;--oc-status-warning-bg:#f59e0b1a;--oc-status-warning-fg:#8f5100;--oc-status-error-bg:#ef44441a;--oc-status-error-fg:#b91c1c;--oc-status-info-bg:#2563eb1a;--oc-status-info-fg:#1d4ed8;--oc-diff-added:#16a34a;--oc-diff-added-strong:#15803d;--oc-diff-removed:#e57373;--oc-diff-removed-strong:#dc2626}.component-workbench-canvas{background:var(--oc-bg-page);min-width:0;color:var(--oc-text-primary);place-items:start center;padding:clamp(20px,3vw,48px);display:grid;overflow:visible}.component-workbench-frame{width:100%;min-width:0;max-width:var(--workbench-frame-max);margin:auto}.component-workbench-frame>.specimen-frame{width:100%;min-height:var(--workbench-specimen-min);background:0 0;border:0;place-items:center;margin:0;display:grid}body[data-preview-page=primitive-collapsible] .component-workbench-stage{min-height:24rem}body[data-preview-page=primitive-collapsible] .component-workbench-canvas{place-items:start center}body[data-preview-page=primitive-collapsible] .component-workbench-frame>.specimen-frame{place-items:start stretch;min-height:0}.component-workbench-frame>.specimen-frame>*{max-width:100%}.component-workbench-comparison{width:min(100%,760px);display:grid}.component-workbench-comparison-item{border-bottom:1px solid var(--oc-border-subtle);min-width:0}.component-workbench-comparison-item:first-child{border-top:1px solid var(--oc-border-subtle)}.component-workbench-comparison-label{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);margin:0}.component-workbench-comparison-preview{place-items:center;width:100%;min-width:0;display:grid}.component-workbench-comparison-rows .component-workbench-comparison-item{align-items:center;gap:var(--oc-space-5);grid-template-columns:minmax(88px,120px) minmax(0,1fr);min-height:80px;padding:18px 0;display:grid}.component-workbench-comparison-stack .component-workbench-comparison-item{gap:var(--oc-space-3);padding:20px 0;display:grid}.component-workbench-comparison-stack .component-workbench-comparison-preview{justify-items:stretch}.component-workbench-frame>.specimen-frame>:is(.oc-agent-attachment-list,.oc-agent-suggestions){justify-content:center}.component-workbench-canvas-tools{align-items:center;gap:8px;display:flex;position:absolute;bottom:18px;right:20px}.component-workbench-canvas-tools-theme{inset:18px auto auto 20px}.component-workbench-viewports,.component-workbench-theme-switcher{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-round);background:var(--preview-shell-bg);padding:2px;display:flex}.component-workbench-viewport,.component-workbench-theme{border-radius:var(--oc-radius-round);width:28px;height:28px;color:var(--oc-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.component-workbench-viewport:hover,.component-workbench-viewport[aria-pressed=true],.component-workbench-theme:hover,.component-workbench-theme[aria-pressed=true]{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.component-workbench-viewport:focus-visible,.component-workbench-theme:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.component-workbench-viewport svg,.component-workbench-theme svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;width:14px;height:14px}.component-workbench-inspector{z-index:5;min-width:0;width:min(var(--workbench-inspector-width), calc(100% - 32px));border:1px solid var(--oc-border-subtle);background:var(--oc-bg-elevated);max-height:calc(100% - 32px);box-shadow:none;transform-origin:100% 0;transition-property:box-shadow,background-color;transition-duration:.22s;transition-timing-function:var(--oc-ease-out);border-radius:20px;position:absolute;top:16px;right:16px;overflow:auto}.component-workbench-inspector[data-transitioning=true]{overflow:hidden}.component-workbench-inspector[data-expanded=false]{width:44px;max-height:44px;box-shadow:none;border-radius:999px;overflow:hidden}.component-workbench-inspector-header{border-bottom:0;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 8px 8px 16px;display:flex}.component-workbench-inspector-header h2{color:var(--oc-text-muted);font-family:var(--oc-font-sans);white-space:nowrap;margin:0;font-size:13px;font-weight:500;transition:opacity .12s cubic-bezier(.23,1,.32,1) 60ms,translate .16s cubic-bezier(.23,1,.32,1) 40ms,visibility linear}.component-workbench-inspector[data-expanded=false] .component-workbench-inspector-header{border-bottom-color:#0000;justify-content:center;align-items:center;height:40px;min-height:40px;padding:0}.component-workbench-inspector[data-expanded=false] .component-workbench-inspector-header h2,.component-workbench-inspector[data-expanded=false] .component-workbench-controls{visibility:hidden;opacity:0;transition-delay:0s,0s,.12s}.component-workbench-inspector[data-expanded=false] .component-workbench-inspector-header h2{position:absolute;translate:8px}.component-workbench-inspector[data-expanded=false] .component-workbench-inspector-toggle{color:var(--oc-text-primary);margin-inline:auto}.component-workbench-inspector-toggle{width:40px;height:40px;color:var(--oc-text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;line-height:0;display:grid}.component-workbench-inspector-toggle:hover{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.component-workbench-inspector-toggle:active{scale:.96}.component-workbench-inspector-toggle:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-3px}.component-workbench-inspector-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;width:18px;height:18px}.component-workbench-controls{opacity:1;padding:8px 16px 16px;transition:opacity .14s cubic-bezier(.23,1,.32,1) 70ms,translate .18s cubic-bezier(.23,1,.32,1) 50ms,visibility linear;translate:0}.component-workbench-inspector[data-expanded=false] .component-workbench-controls{translate:0 -6px}@media (prefers-reduced-motion:reduce){.component-workbench-inspector,.component-workbench-inspector-header h2,.component-workbench-controls{transition:none}}.component-workbench-frame .oc-command-palette{width:min(100%,36rem)}.component-workbench-frame .oc-dialog{border:1px solid var(--oc-border-subtle);background:var(--oc-bg-elevated);width:min(100%,30rem);box-shadow:0 24px 70px color-mix(in srgb, var(--oc-palette-ink-950) 20%, transparent);border-radius:16px;padding:0}.component-workbench-frame .oc-dialog-header{border:0;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 24px 0;display:flex}.component-workbench-frame .oc-dialog-title{margin:0;font-size:18px;line-height:1.25}.oc-dialog-summary{color:var(--oc-text-secondary);margin:7px 0 0;font-size:13px;line-height:1.5}.component-workbench-frame .oc-dialog-close,.component-workbench-frame .oc-toast-close{width:36px;height:36px;color:var(--oc-text-muted);background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}.component-workbench-frame .oc-dialog-close:hover,.component-workbench-frame .oc-toast-close:hover{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.component-workbench-frame :is(.oc-dialog-close,.oc-toast-close) svg,.component-workbench .component-workbench-toast-region .oc-toast-close svg{width:12px;height:12px}.component-workbench-frame .oc-dialog-body{padding:20px 24px 4px}.oc-dialog-change{background:var(--oc-bg-elevated);border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.oc-dialog-change>svg{width:18px;height:18px;color:var(--oc-text-muted)}.oc-dialog-change span{gap:2px;display:grid}.oc-dialog-change small{color:var(--oc-text-muted)}.component-workbench-frame .oc-dialog-footer{border:0;gap:8px;padding:20px 24px 24px}.component-workbench-dialog-demo{place-items:center;width:100%;min-height:20rem;display:grid}.component-workbench-dialog-demo>.oc-dialog{position:static;inset:auto}.component-workbench-canvas[data-viewport=mobile]:has(.oc-dialog[data-workbench-full-screen=true]){min-height:var(--workbench-stage-min);grid-template-rows:minmax(0,1fr);place-items:stretch stretch;padding:0}.component-workbench-canvas[data-viewport=mobile]:has(.oc-dialog[data-workbench-full-screen=true]) .component-workbench-frame{grid-template-rows:minmax(0,1fr);height:100%;min-height:0;display:grid}.component-workbench-canvas[data-viewport=mobile]:has(.oc-dialog[data-workbench-full-screen=true]) .component-workbench-frame>.specimen-frame{place-items:stretch stretch;height:100%;min-height:0}.component-workbench-canvas[data-viewport=mobile] .component-workbench-dialog-demo:has(.oc-dialog[data-workbench-full-screen=true]){place-items:stretch stretch;height:100%;min-height:0;display:grid}.component-workbench-canvas[data-viewport=mobile] .oc-dialog[data-workbench-full-screen=true]{box-sizing:border-box;border-radius:0;flex-direction:column;align-self:stretch;width:100%;max-width:none;height:100%;min-height:100%;max-height:none;margin:0;display:flex;position:static;inset:auto}.component-workbench-canvas[data-viewport=mobile] .oc-dialog[data-workbench-full-screen=true] .oc-dialog-body{flex:auto}.component-workbench-frame .oc-empty{border:1px solid #0000;border-radius:18px;width:min(100%,32rem);min-height:260px;margin-inline:auto;padding:40px 28px}.component-workbench-frame .oc-empty-bordered{border-color:var(--oc-border-subtle);background:var(--oc-bg-elevated)}.component-workbench-frame .oc-empty-content{gap:10px;max-width:26rem}.component-workbench-frame .oc-empty-icon{background:var(--oc-surface-interactive);width:44px;height:44px;color:var(--oc-text-secondary);border-radius:12px;place-items:center;margin-bottom:6px;display:grid}.component-workbench-frame .oc-empty-icon svg{width:20px;height:20px}.component-workbench-frame .oc-empty-title{font-size:18px}.component-workbench-frame .oc-empty-description{text-wrap:pretty;max-width:34ch;font-size:13px;line-height:1.55}.component-workbench-frame .oc-empty-actions{margin-top:8px}.flow-demo-grid{gap:var(--oc-space-6);width:100%;display:grid}.flow-demo-grid>div{gap:var(--oc-space-2);min-width:0;display:grid}.flow-demo-grid .specimen-label{color:var(--oc-text-muted);font-family:var(--oc-font-mono);text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.meter-demo-grid{gap:var(--oc-space-5);width:min(100%,36rem);display:grid}.meter-demo-grid .oc-meter{width:100%}.link-context-grid{gap:var(--oc-space-5);width:min(100%,36rem);display:grid}.link-context-grid>p{max-width:58ch;color:var(--oc-text-secondary);margin:0;line-height:1.7}.link-context-meta{justify-content:space-between;align-items:center;gap:var(--oc-space-4);padding-block:var(--oc-space-3);border-block:1px solid var(--oc-border-subtle);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);display:flex}.link-context-grid>.oc-link-standalone{width:100%;padding-block:var(--oc-space-2);justify-content:space-between}.link-context-grid>.oc-link-standalone>span{gap:var(--oc-space-1);display:grid}.link-context-grid>.oc-link-standalone small{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);font-weight:400}.component-workbench-frame>.specimen-frame>.oc-layer-card{width:min(100%,26rem)}.component-workbench-frame .oc-link-standalone{align-items:center;gap:6px;display:inline-flex}.component-workbench-frame .oc-link-standalone svg,.component-workbench-frame .oc-section-header .oc-action svg{width:15px;height:15px}.menubar-app-demo{border:1px solid var(--oc-border-subtle);background:var(--oc-bg-page);width:min(100%,44rem);box-shadow:0 1px 0 color-mix(in srgb, var(--oc-palette-ink-950) 4%, transparent), 0 12px 32px -20px color-mix(in srgb, var(--oc-palette-ink-950) 30%, transparent);border-radius:14px;overflow:hidden}.menubar-app-chrome{border-bottom:1px solid var(--oc-border-subtle);background:var(--oc-bg-elevated);align-items:center;gap:14px;min-height:56px;padding:8px 12px 8px 14px;display:flex}.menubar-app-brand{flex-shrink:0;align-items:center;gap:10px;min-width:0;display:inline-flex}.menubar-app-brand:after{content:"";background:var(--oc-border-subtle);width:1px;height:18px;margin-left:4px}.menubar-app-mark{object-fit:contain;flex-shrink:0;width:26px;height:26px;display:block}html[data-theme=light] .menubar-app-mark{filter:invert(.08)}.menubar-app-title{color:var(--oc-text-primary);letter-spacing:-.01em;white-space:nowrap;font-size:13px;font-weight:600}.menubar-app-demo .oc-menubar{background:0 0;border-color:#0000;min-width:0;padding:2px}.menubar-app-demo .oc-menubar-item{min-height:1.875rem;font-weight:500}.menubar-app-status{color:var(--oc-text-muted);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-size:11px;font-weight:500;display:inline-flex}.menubar-app-status-dot{background:var(--oc-status-success-fg);border-radius:999px;width:6px;height:6px}.menubar-app-canvas{background:var(--oc-bg-page);place-items:center;min-height:200px;padding:18px;display:grid}.menubar-app-canvas-surface{border:1px dashed color-mix(in srgb, var(--oc-border-subtle) 70%, var(--oc-text-muted));background:var(--oc-bg-elevated);text-align:center;border-radius:12px;place-items:center;gap:4px;width:min(100%,18rem);padding:28px 20px;display:grid}.menubar-app-canvas-label{color:var(--oc-text-secondary);font-size:12px;font-weight:500}.menubar-app-canvas-meta{color:var(--oc-text-muted);font-size:11px}@media (width<=36rem){.menubar-app-chrome{flex-wrap:wrap;gap:10px;padding:10px 12px}.menubar-app-brand:after{display:none}.menubar-app-demo .oc-menubar{flex:100%;order:3}}.provider-logo-gallery{align-items:center;gap:var(--oc-space-2);box-sizing:border-box;flex-wrap:wrap;width:min(100%,64rem);display:flex}.provider-logo-gallery[data-layout=marks]{gap:var(--oc-space-3)}.provider-logo-gallery[data-layout=stack]{grid-template-columns:1fr;width:min(100%,18rem);display:grid}.provider-logo-gallery[data-layout=picker],.provider-logo-gallery[data-layout=profiles]{grid-template-columns:1fr;width:min(100%,28rem);display:grid}.provider-logo-gallery .oc-provider-logo{width:auto;min-width:0;color:var(--oc-text-primary);padding:8px 10px}.provider-logo-gallery .oc-provider-logo:not(:has(>:nth-child(2))){justify-content:center;width:auto}.provider-logo-gallery[data-layout=stack] .oc-provider-logo{width:100%;min-width:0}.provider-logo-gallery[data-layout=picker] .oc-provider-logo{width:100%;min-height:3.25rem}.provider-logo-gallery[data-layout=marks] .oc-provider-logo{min-height:0;padding:0}.provider-logo-gallery[data-layout=marks] .oc-provider-logo-mark{width:1.5rem;height:1.5rem}.provider-picker-copy{text-align:left;flex:1;gap:2px;min-width:0;display:grid}.provider-picker-copy :is(strong,small){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.provider-picker-copy strong{font-size:var(--oc-font-size-sm)}.provider-picker-copy small{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);font-weight:500}.provider-logo-gallery .oc-provider-logo[data-selected=true]{border-color:color-mix(in srgb, var(--oc-accent-primary) 45%, var(--oc-border-subtle));background:var(--oc-surface-interactive)}.provider-logo-gallery .oc-provider-logo-mark{border-radius:9px;place-items:center;display:grid}.provider-logo-gallery .oc-provider-logo:not(.oc-provider-logo-sm):not(.oc-provider-logo-lg) .oc-provider-logo-mark{width:30px;height:30px}.provider-profile-row{align-items:center;gap:var(--oc-space-3);width:100%;min-width:0;padding:var(--oc-space-2);border-radius:var(--oc-radius-control);color:var(--oc-text-secondary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.provider-profile-row:hover,.provider-profile-row:focus-visible{background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}.provider-profile-row:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.provider-profile-copy{gap:2px;min-width:0;display:grid}.provider-profile-copy :is(strong,small){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.provider-profile-copy strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm)}.provider-profile-copy small{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}.provider-profile-affiliation{align-items:center;gap:var(--oc-space-1);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);display:inline-flex}.provider-profile-affiliation .oc-provider-logo-mark{width:.875rem;height:.875rem;color:var(--oc-text-muted);filter:grayscale();transition:color var(--oc-duration-fast) var(--oc-ease-out), filter var(--oc-duration-fast) var(--oc-ease-out)}.provider-profile-row:is(:hover,:focus-visible) .provider-profile-affiliation .oc-provider-logo-mark{color:var(--provider-brand-color);filter:grayscale(0)}@media (width<=42rem){.avatar-generator-note{flex-direction:column;align-items:start}.provider-profile-row{grid-template-columns:auto minmax(0,1fr)}.provider-profile-affiliation{grid-column:2}}.component-workbench-frame .oc-section{width:min(100%,34rem);padding:28px}.component-workbench-frame .oc-section-header{align-items:flex-end;gap:1.5rem}.component-workbench-frame .oc-section-heading{gap:6px;display:grid}.component-workbench-frame .oc-section :is(.oc-eyebrow,.oc-section-title,.oc-section-copy){margin:0}.component-workbench-frame .oc-section-title{letter-spacing:-.025em;font-size:24px;line-height:1.15}.component-workbench-frame .oc-section-copy{max-width:50ch;font-size:13px;line-height:1.55}.segmented-demo{gap:18px;width:min(100%,34rem);display:grid}.segmented-demo .oc-segmented{width:fit-content}.segmented-demo .oc-segmented-item{align-items:center;gap:7px;display:inline-flex}.segmented-demo .oc-segmented-item svg{width:15px;height:15px}.segmented-demo>p{background:var(--oc-bg-elevated);border-radius:12px;gap:4px;margin:0;padding:18px;display:grid}.segmented-demo>p span{color:var(--oc-text-muted);font-size:12px}.component-workbench-frame .oc-sidebar{width:min(100%, var(--oc-sidebar-expanded-width));min-height:30rem}.component-workbench-frame .oc-sidebar[data-collapsed=true]{width:var(--oc-sidebar-collapsed-width)}.component-workbench-frame .oc-sidebar :is(svg){stroke-width:1.75px}.component-workbench-frame .workbench-skeleton-demo{width:min(100%,340px)}.component-workbench-frame .workbench-skeleton-demo .primitive-input-grid{width:100%;margin-inline:0}.component-workbench-frame .oc-skeleton-line{background:color-mix(in srgb, var(--oc-text-muted) 18%, var(--oc-bg-surface));border-radius:999px;min-height:14px}.component-workbench-frame .oc-table-wrap{width:min(100%,52rem)}.component-workbench-frame .oc-table{table-layout:auto;width:100%}.component-workbench-frame .oc-table :is(th,td):last-child{white-space:nowrap;width:1%}.component-workbench-frame .oc-table-interactive tbody tr{cursor:pointer}.component-workbench-frame .oc-table-interactive tbody tr[data-selected=true]{background:var(--oc-surface-interactive)}.component-workbench-frame .oc-tabs{border:1px solid var(--oc-border-subtle);background:var(--oc-bg-elevated);border-radius:14px;width:min(100%,38rem);overflow:hidden}.component-workbench-frame .oc-tabs-list{border-bottom:1px solid var(--oc-border-subtle);gap:4px;padding:6px;display:flex}.component-workbench-frame .oc-tabs-trigger{min-height:36px;color:var(--oc-text-muted);background:0 0;border:0;border-radius:9px;padding:0 12px;font-size:13px}.component-workbench-frame .oc-tabs-trigger[aria-selected=true]{background:var(--oc-bg-elevated);color:var(--oc-text-primary);box-shadow:0 1px 3px color-mix(in srgb, var(--oc-palette-ink-950) 10%, transparent)}.component-workbench-frame .oc-tabs-panel{min-height:132px;color:var(--oc-text-secondary);padding:24px;font-size:13px}.text-hierarchy-demo{border:1px solid var(--oc-border-subtle);background:var(--oc-bg-elevated);border-radius:14px;gap:18px;width:min(100%,38rem);padding:24px;display:grid}.text-hierarchy-demo header{gap:6px;display:grid}.text-hierarchy-demo h3{letter-spacing:-.02em;margin:0;font-size:20px;line-height:1.2}.text-hierarchy-demo>p{max-width:58ch;margin:0;line-height:1.6}.text-hierarchy-demo footer{border-top:1px solid var(--oc-border-subtle);justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.toast-stage-demo{align-items:start;min-height:320px;display:grid;position:relative}.toast-stage-content{background:var(--oc-bg-elevated);border-radius:12px;align-items:center;gap:12px;width:min(100%,24rem);padding:16px;display:flex}.toast-stage-content>div{gap:3px;display:grid}.toast-stage-content span:last-child{color:var(--oc-text-muted);font-size:11px}.toast-stage-icon,.oc-toast-status-icon{background:var(--oc-surface-interactive);width:32px;height:32px;color:var(--oc-text-secondary);border-radius:999px;flex:none;place-items:center;display:grid}.toast-stage-icon,.oc-toast[data-toast-tone=success] .oc-toast-status-icon{background:var(--oc-status-success-bg);color:var(--oc-status-success-fg)}.oc-toast[data-toast-tone=warning] .oc-toast-status-icon{background:var(--oc-status-warning-bg);color:var(--oc-status-warning-fg)}.oc-toast[data-toast-tone=error] .oc-toast-status-icon{background:var(--oc-status-error-bg);color:var(--oc-status-error-fg)}.oc-toast[data-toast-tone=info] .oc-toast-status-icon{background:var(--oc-status-info-bg);color:var(--oc-status-info-fg)}:is(.toast-stage-icon,.oc-toast-status-icon) svg{width:16px;height:16px}.component-workbench-frame .oc-toast,.component-workbench .component-workbench-toast-region .oc-toast{border:1px solid var(--oc-border-subtle);background:var(--oc-bg-elevated);width:100%;min-height:76px;box-shadow:0 12px 32px color-mix(in srgb, var(--oc-palette-ink-950) 16%, transparent);transform-origin:bottom;border-radius:12px;align-items:flex-start;gap:8px;padding:16px;display:flex;position:relative}.component-workbench-frame .oc-toast-close,.component-workbench .component-workbench-toast-region .oc-toast-close{width:20px;height:20px;transition:background-color var(--oc-duration-fast) var(--oc-ease-out), color var(--oc-duration-fast) var(--oc-ease-out), opacity .25s var(--oc-ease-out);border-radius:4px;place-items:center;margin:0;padding:0;line-height:0;display:grid;position:absolute;top:8px;right:8px}.component-workbench .component-workbench-toast-region .oc-toast-close svg{display:block}.component-workbench .component-workbench-toast-region .oc-toast-content{transition:opacity .25s var(--oc-ease-out);padding-right:20px}.component-workbench .component-workbench-toast-region .oc-toast-title{font-size:.975rem;font-weight:500;line-height:20px}.component-workbench .component-workbench-toast-region .oc-toast-message{font-size:.925rem;line-height:20px}.toolbar-demo{border:1px solid var(--oc-border-subtle);background:var(--oc-bg-elevated);border-radius:14px;justify-content:space-between;align-items:center;gap:18px;width:min(100%,42rem);padding:12px;display:flex}.toolbar-demo-context{gap:2px;padding-left:4px;display:grid}.toolbar-demo-context span{color:var(--oc-text-muted);text-transform:uppercase;font-size:10px}.toolbar-demo-context strong{font-size:12px}.component-workbench-frame .oc-toolbar{border:1px solid var(--oc-border-subtle);background:var(--oc-bg-elevated);border-radius:11px;gap:4px;padding:4px;display:flex}.component-workbench-frame .oc-toolbar-group{gap:2px;display:flex}.component-workbench-frame .oc-toolbar-group+.oc-toolbar-group{border-left:1px solid var(--oc-border-subtle);padding-left:4px}.component-workbench-frame .oc-toolbar-button{width:34px;height:34px;color:var(--oc-text-secondary);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.component-workbench-frame .oc-toolbar-button:hover,.component-workbench-frame .oc-toolbar-button[aria-pressed=true]{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.component-workbench-frame .oc-toolbar-button svg,.component-workbench-frame .oc-tooltip-trigger svg{width:17px;height:17px}.component-workbench-frame .oc-tooltip-trigger{border-radius:12px;place-items:center;width:44px;height:44px;padding:0;display:grid}@media (width<=48rem){.toolbar-demo{flex-direction:column;align-items:stretch}}.component-workbench-controls:empty{display:none}.component-workbench-controls{gap:12px;display:grid}.component-workbench-control{border:0;min-width:0;margin:0;padding:0}.component-workbench-control-label{margin:0 0 var(--oc-space-2);color:var(--oc-text-muted);font-size:var(--oc-font-size-sm)}.component-workbench-choice-list{background:var(--oc-bg-surface);border:0;border-radius:20px;grid-template-columns:minmax(0,1fr);gap:2px;padding:3px;display:grid}.component-workbench-choice{min-height:2.5rem;color:var(--oc-text-secondary);cursor:pointer;font-size:var(--oc-font-size-sm);text-align:left;border-radius:999px;justify-content:flex-start;align-items:center;padding:0 12px;font-weight:500;line-height:1.2;display:flex;position:relative}.component-workbench-choice:hover{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.component-workbench-choice:has(input:checked){background:var(--oc-bg-elevated);color:var(--oc-text-primary)}.component-workbench-choice:has(input:focus-visible){outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.component-workbench-choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.component-workbench-toggle{justify-content:space-between;align-items:center;gap:var(--oc-space-4);background:var(--oc-bg-surface);min-height:2.5rem;color:var(--oc-text-secondary);cursor:pointer;font-size:var(--oc-font-size-sm);border-radius:999px;padding:0 12px;font-weight:500;line-height:1.2;display:flex}.component-workbench-toggle input{appearance:none;border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-round);background:var(--oc-surface-interactive);cursor:pointer;flex:none;width:2.25rem;height:1.25rem;position:relative}.component-workbench-toggle input:after{content:"";border-radius:var(--oc-radius-round);background:var(--oc-text-muted);width:.875rem;height:.875rem;transition:transform var(--oc-duration-fast) var(--oc-ease-out);position:absolute;top:2px;left:2px}.component-workbench-toggle input:checked{border-color:var(--oc-accent-primary);background:var(--oc-accent-primary)}.component-workbench-toggle input:checked:after{background:var(--oc-text-on-accent);transform:translate(1rem)}.component-workbench-toggle input:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.component-workbench-toast-demo{place-items:center;width:100%;min-height:320px;display:grid;position:relative}.component-workbench-toast-region{z-index:var(--oc-layer-notification);pointer-events:auto;gap:12px;width:min(340px,100vw - 32px);display:grid;position:fixed;bottom:32px;right:32px}.component-workbench-toast-region .oc-toast{pointer-events:auto;width:100%}:is(.component-workbench-toast-region,.home-toast-region)[data-toast-stack=multiple]{height:76px;transition:height .15s var(--oc-ease-out)}:is(.component-workbench-toast-region,.home-toast-region)[data-toast-stack=multiple] .oc-toast{transform-origin:bottom;transition:bottom .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),opacity .5s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;right:0}:is(.component-workbench-toast-region,.home-toast-region)[data-toast-stack=multiple] .oc-toast:first-child{z-index:3}:is(.component-workbench-toast-region,.home-toast-region)[data-toast-stack=multiple] .oc-toast:nth-child(2){z-index:2;bottom:12px;transform:scale(.9)}:is(.component-workbench-toast-region,.home-toast-region)[data-toast-stack=multiple] .oc-toast:nth-child(3){z-index:1;bottom:24px;transform:scale(.8)}:is(.component-workbench-toast-region,.home-toast-region)[data-toast-stack=multiple] .oc-toast:not(:first-child) :is(.oc-toast-content,.oc-toast-close){pointer-events:none;opacity:0}:is(.component-workbench-toast-region,.home-toast-region)[data-toast-stack=multiple]:is(:hover,:focus-within){height:252px}:is(.component-workbench-toast-region,.home-toast-region)[data-toast-stack=multiple]:is(:hover,:focus-within) .oc-toast{opacity:1;transform:scale(1)}:is(.component-workbench-toast-region,.home-toast-region)[data-toast-stack=multiple]:is(:hover,:focus-within) .oc-toast:not(:first-child) :is(.oc-toast-content,.oc-toast-close){pointer-events:auto;opacity:1}:is(.component-workbench-toast-region,.home-toast-region)[data-toast-stack=multiple]:is(:hover,:focus-within) .oc-toast:nth-child(2){bottom:88px}:is(.component-workbench-toast-region,.home-toast-region)[data-toast-stack=multiple]:is(:hover,:focus-within) .oc-toast:nth-child(3){bottom:176px}@media (width<=42rem){.component-workbench-toast-region{width:calc(100vw - 32px);bottom:16px;right:16px}}.component-workbench-frame .oc-combobox-listbox,.component-workbench-frame .oc-dropdown-menu{background:var(--oc-surface-card-strong);border-color:var(--oc-border-strong);box-shadow:var(--oc-shadow-md);border-radius:8px;gap:2px;padding:6px}.component-workbench-frame .oc-combobox-listbox{transform-origin:top}.component-workbench-frame :is(.oc-combobox-option,.oc-dropdown-item){border-radius:6px;min-height:40px;padding:6px 8px}.component-workbench-frame .oc-dialog{border-radius:12px}.component-workbench-frame .oc-popover{box-shadow:var(--oc-shadow-lg);transform-origin:top;border-radius:8px;padding:12px 16px;transition:opacity .15s cubic-bezier(.2,0,0,1),scale .15s cubic-bezier(.2,0,0,1)}.component-workbench-frame .oc-popover:popover-open{opacity:1;scale:1}@starting-style{.component-workbench-frame .oc-popover:popover-open{opacity:0;scale:.9}}.component-workbench-frame .oc-tabs-list{position:relative}.component-workbench-frame .oc-tabs-indicator{z-index:0;width:var(--oc-active-tab-width,0);background:var(--oc-bg-elevated);box-shadow:0 1px 3px color-mix(in srgb, var(--oc-palette-ink-950) 10%, transparent);opacity:0;translate:var(--oc-active-tab-left,0) 0;border-radius:9px;transition:width .2s cubic-bezier(.2,0,0,1),translate .2s cubic-bezier(.2,0,0,1),opacity .15s cubic-bezier(.2,0,0,1);position:absolute;top:6px;bottom:6px;left:0}.component-workbench-frame .oc-tabs-indicator[data-rendered=true]{opacity:1}.component-workbench-frame .oc-tabs-trigger{z-index:1;position:relative}.component-workbench-frame .oc-tabs-trigger[aria-selected=true]{box-shadow:none;background:0 0}.component-workbench-frame .oc-table-interactive tbody tr{transition:background-color .15s cubic-bezier(.2,0,0,1)}.component-workbench-frame .oc-table-interactive tbody tr:hover{background:var(--oc-surface-interactive)}.component-workbench-frame .oc-toolbar{gap:0;padding:0}.component-workbench-frame .oc-toolbar-group{gap:0}.component-workbench-frame .oc-toolbar-group+.oc-toolbar-group{padding-left:0}.component-workbench-frame .oc-toolbar-button{border-radius:0}.component-workbench-frame .oc-toolbar-group:first-child .oc-toolbar-button:first-child{border-radius:10px 0 0 10px}.component-workbench-frame .oc-toolbar-group:last-child .oc-toolbar-button:last-child{border-radius:0 10px 10px 0}.component-workbench-frame .oc-tooltip-content{transform-origin:bottom;border-radius:6px;transition:opacity .15s cubic-bezier(.2,0,0,1),scale .15s cubic-bezier(.2,0,0,1),transform .15s cubic-bezier(.2,0,0,1);scale:.9}.component-workbench-frame .oc-tooltip:is(:hover,:focus-within) .oc-tooltip-content{scale:1}@media (prefers-reduced-motion:reduce){.component-workbench-frame :is(.oc-popover,.oc-tabs-indicator,.oc-table-interactive tbody tr,.oc-tooltip-content),.component-workbench-toast-region[data-toast-stack=multiple],.component-workbench-toast-region[data-toast-stack=multiple] .oc-toast{transition-duration:.1s}}.component-workbench-dock{border-bottom:1px solid var(--oc-border-subtle);min-width:0;container:workbench-dock/inline-size}.component-workbench-dock-tabs{border-bottom:1px solid var(--oc-border-subtle);align-items:center;gap:24px;min-height:56px;padding:0 24px;display:flex}.component-workbench-dock-tab{min-height:44px;color:var(--oc-text-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:1px solid #0000;align-self:stretch;padding:0;font-size:13px}.component-workbench-dock-tab:hover{color:var(--oc-text-secondary)}.component-workbench-dock-tab[aria-selected=true]{border-bottom-color:var(--oc-text-primary);color:var(--oc-text-primary)}.component-workbench-dock-tab:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-4px}.component-workbench-dock-panel[hidden]{display:none}.component-workbench-dock-panel .code-block{background:0 0;border:0;margin:0}.component-workbench-dock-panel .code-block-header{background:var(--oc-bg-surface);min-height:48px;padding-inline:24px}.component-workbench-dock-panel .code-block-header button{border-radius:var(--oc-radius-control);text-transform:none;min-height:32px;padding-inline:10px}.component-workbench-dock-panel .code-block-header button:hover{background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}.component-workbench-dock-panel .code-block pre{overflow-wrap:anywhere;color:var(--oc-text-primary);tab-size:2;white-space:pre-wrap;word-break:break-word;padding:24px 24px 40px;font-size:clamp(13px,.92vw,15px);line-height:1.65;overflow:hidden}.component-workbench-dock-panel .code-block pre:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.component-workbench-usage{grid-template-columns:repeat(var(--workbench-usage-columns,1), minmax(0, 1fr));display:grid}.component-workbench-usage-section{border-right:1px solid var(--oc-border-subtle);min-width:0;padding:28px 24px 36px}.component-workbench-usage-section:last-child{border-right:0}.component-workbench-usage-section h3{color:var(--oc-text-primary);margin:0 0 18px;font-size:13px;font-weight:600}.component-workbench-usage-list{color:var(--oc-text-secondary);gap:14px;margin:0;padding:0;font-size:13px;line-height:1.55;list-style:none;display:grid}.component-workbench-usage-list li{padding-left:16px;position:relative}.component-workbench-usage-list li:before{background:var(--oc-text-muted);content:"";width:4px;height:4px;position:absolute;top:.65em;left:0}.component-workbench-usage-examples{gap:0;margin:0;display:grid}.component-workbench-usage-example{border-bottom:1px solid var(--oc-border-subtle);gap:4px;padding-block:12px;display:grid}.component-workbench-usage-example:first-child{padding-top:0}.component-workbench-usage-example:last-child{border-bottom:0;padding-bottom:0}.component-workbench-usage-example dt{color:var(--oc-text-primary);font-size:13px;font-weight:550}.component-workbench-usage-example dd{color:var(--oc-text-muted);margin:0;font-size:12px;line-height:1.5}.component-workbench-code-readable code{min-width:0;color:var(--oc-text-primary);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-sm);font-variant-ligatures:none;font-feature-settings:"tnum" 1;letter-spacing:.01em;tab-size:2;line-height:1.8;display:block}.component-workbench-dock-panel .component-workbench-code-readable{background:var(--oc-bg-surface)}.component-workbench-dock-panel .component-workbench-code-readable pre{background:color-mix(in oklch, var(--oc-bg-elevated) 92%, var(--oc-bg-page));color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);font-variant-ligatures:none;letter-spacing:.01em;padding:28px 28px 44px;line-height:1.8}.component-workbench-code-token.is-tag{color:var(--oc-text-primary);font-weight:600}.component-workbench-code-token.is-attribute{color:color-mix(in oklch, var(--oc-accent-secondary-deep) 42%, var(--oc-text-secondary))}.component-workbench-code-token.is-string{color:color-mix(in oklch, var(--oc-accent-secondary) 72%, var(--oc-text-primary))}.component-workbench-code-token.is-comment{color:var(--oc-text-muted);font-style:italic;font-weight:500}.component-workbench-code-token.is-punctuation{color:var(--oc-text-muted)}@container workbench-dock (width<=720px){.component-workbench-usage{grid-template-columns:minmax(0,1fr)}.component-workbench-usage-section{border-right:0;border-bottom:1px solid var(--oc-border-subtle)}.component-workbench-usage-section:last-child{border-bottom:0}}.reference-page>section{border-bottom:1px solid var(--oc-border-subtle);padding:64px 0}body[data-page-kind=catalog] .reference-page>section,body[data-page-kind=guide] .reference-page>section,body[data-page-kind=release] .reference-page>section{padding-block:52px}body[data-page-kind=guide] .reference-page .section-copy{max-width:680px}body[data-preview-page=resource-adapters] .reference-page{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;display:grid}body[data-preview-page=resource-adapters] :is(.reference-intro,section:first-of-type,.page-navigation){grid-column:1/-1}body[data-preview-page=resource-adapters] .reference-page>section:not(:first-of-type){min-width:0;padding-block:40px}body[data-preview-page=resource-skills] .principle-grid,body:is([data-preview-page=resource-getting-started],[data-preview-page=resource-design-audit]) .principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-table th[scope=row]{color:var(--oc-text-primary);font-family:var(--oc-font-mono);text-transform:none;font-size:12px;font-weight:500}.reference-table td{color:var(--oc-text-secondary);line-height:1.55}.color-role-group+.color-role-group{margin-top:42px}.color-role-group>h3{font-family:var(--oc-font-display);margin:0 0 14px;font-size:18px}.color-swatch{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-inset);background:var(--color-swatch);width:48px;height:28px;box-shadow:inset 0 0 0 1px var(--surface-inset-highlight);display:block}.color-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.color-status-card{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--status-background);gap:8px;padding:20px;display:grid}.color-status-sample{color:var(--status-foreground);align-items:center;gap:10px;display:flex}.color-status-sample>span{border-radius:var(--oc-radius-round);background:currentColor;flex:none;width:8px;height:8px}.color-status-card p{color:var(--oc-text-secondary);margin:0 0 6px;font-size:13px}.color-status-card code{overflow-wrap:anywhere;color:var(--status-foreground);font-size:11px}body[data-preview-page=resource-accessibility] .reference-page>section{padding-block:52px}body[data-page-kind=release] .release-panel{margin-top:0;padding:26px}body[data-page-kind=composition] .reference-page>section{padding-block:56px}body[data-preview-page=composition-content] .prose-sample{max-width:680px}body[data-preview-page=composition-public] .marketing-sample{margin-inline:-12px}body:is([data-preview-page=interface-primitives],[data-page-kind=example]) .scope-note{border-top:0;margin-top:0}.reference-intro{border-bottom:1px solid var(--oc-border-subtle);padding:40px 0 34px}.reference-page .section-heading{margin-bottom:28px}.reference-page .section-heading h2{max-width:28ch;font-size:26px;line-height:1.12}.reference-page .section-copy{max-width:720px;color:var(--oc-text-secondary);font-size:16px;line-height:1.65}.principle-grid{margin-top:0}.principle-grid article{min-height:160px}.guidance-list{border-top:1px solid var(--oc-border-subtle);max-width:820px;margin:0;padding:0;list-style:none}.guidance-list li{border-bottom:1px solid var(--oc-border-subtle);color:var(--oc-text-secondary);padding:18px 20px 18px 34px;line-height:1.55;position:relative}.guidance-list li:last-child{border-bottom:0}.guidance-list li:before{background:var(--oc-accent-primary);content:"";width:6px;height:6px;position:absolute;top:24px;left:8px}.code-block{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-surface);margin-top:18px;overflow:hidden}.code-block-header{border-bottom:1px solid var(--oc-border-subtle);min-height:42px;color:var(--oc-text-muted);font-family:var(--oc-font-mono);text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 14px;font-size:10px;display:flex}.code-block-header button{color:var(--oc-text-secondary);cursor:pointer;font:inherit;background:0 0;border:0}.code-block pre{color:var(--oc-text-primary);font-family:var(--oc-font-mono);margin:0;padding:20px;font-size:13px;line-height:1.65;overflow-x:auto}.scope-note,.release-panel{border:1px solid var(--oc-border-subtle);background:var(--oc-bg-surface);justify-content:space-between;gap:32px;margin-top:34px;padding:20px;display:flex}.scope-note strong{flex:none;font-size:13px}.scope-note p{max-width:680px;color:var(--oc-text-secondary);margin:0;font-size:13px}.specimen-frame{border:1px solid var(--oc-border-subtle);background:var(--oc-bg-page);padding:clamp(28px,4vw,48px)}.specimen-frame.oc-app-surface{min-height:0}.primitive-avatar-row{align-items:end;gap:var(--oc-space-5);flex-wrap:wrap;display:flex}.primitive-avatar-variants{gap:var(--oc-space-3);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));width:min(100%,52rem);display:grid}.primitive-avatar-variants .primitive-avatar-example,.primitive-avatar-variants .primitive-avatar-presence{align-items:center;gap:var(--oc-space-3);grid-template-columns:minmax(3rem,auto) minmax(0,1fr);min-height:3rem;display:grid}.primitive-avatar-variants .primitive-avatar-example{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}.primitive-avatar-variants .primitive-avatar-presence{color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm)}.primitive-avatar-variants .primitive-avatar-example>:first-child,.primitive-avatar-variants .primitive-avatar-presence>:first-child{justify-self:center}.avatar-generator{gap:var(--oc-space-5);width:min(100%,58rem);padding:var(--oc-space-6) 0;border-top:1px solid var(--oc-border-subtle);border-bottom:1px solid var(--oc-border-subtle);display:grid}.avatar-generator-heading{justify-content:space-between;align-items:end;gap:var(--oc-space-6);display:flex}.avatar-generator-heading>div:first-child{gap:var(--oc-space-2);max-width:42rem;display:grid}.avatar-generator :is(h2,p,figure,dl,dd){margin:0}.avatar-generator h2{color:var(--oc-text-primary);font-size:var(--oc-font-size-lg)}.avatar-generator-heading p:last-child{color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);line-height:1.65}.avatar-generator-links{justify-items:start;gap:var(--oc-space-2);flex:none;display:grid}.avatar-generator-gallery{gap:var(--oc-space-2);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));display:grid}.avatar-generator-person{align-items:center;gap:var(--oc-space-3);min-width:0;padding:var(--oc-space-3);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-surface);grid-template-columns:auto minmax(0,1fr);display:grid}.avatar-generator-person figcaption{gap:.125rem;min-width:0;display:grid}.avatar-generator-person strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);text-overflow:ellipsis;overflow:hidden}.avatar-generator-person figcaption span{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}.avatar-generator-facts{gap:var(--oc-space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.avatar-generator-facts>div{gap:var(--oc-space-1);min-width:0;padding-top:var(--oc-space-3);border-top:1px solid var(--oc-border-subtle);display:grid}.avatar-generator-facts :is(dt,dd){overflow-wrap:anywhere;font-size:var(--oc-font-size-xs)}.avatar-generator-facts dt{color:var(--oc-text-muted)}.avatar-generator-facts dd{color:var(--oc-text-secondary)}@media (width<=48rem){.avatar-generator-heading{flex-direction:column;align-items:start}.avatar-generator-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.primitive-variant-list{gap:var(--oc-space-3);justify-items:start;width:min(100%,16rem);display:grid}.primitive-loader-list{gap:var(--oc-space-6);width:min(100%,18rem)}.primitive-badge-list{justify-content:flex-start;align-items:center;gap:var(--oc-space-2);flex-wrap:wrap;width:min(100%,34rem);display:flex}.primitive-badge-list>.oc-badge{flex:none;width:auto}.primitive-button-list>.oc-button:not(.oc-button-icon){width:100%}.agent-specimen{place-items:center;min-height:clamp(22rem,48vw,34rem);display:grid;overflow:hidden}.component-workbench-frame .agent-specimen{width:100%;overflow:visible}.component-workbench-frame .oc-agent-chat{background:var(--oc-bg-elevated);width:min(100%,56rem);box-shadow:none}.component-workbench[data-canvas-preset=conversation] .agent-specimen{min-height:0}.component-workbench-frame .oc-agent-chat .oc-agent-input-container{background:var(--oc-bg-elevated);box-shadow:none}.component-workbench-frame .oc-agent-turn{animation:workbench-agent-message-in var(--oc-duration-fast) var(--oc-ease-out)}@keyframes workbench-agent-message-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.component-workbench-frame .oc-agent-turn{animation-duration:.1s}@keyframes workbench-agent-message-in{0%{opacity:0;transform:none}}}@media (width<=42rem){.agent-specimen{place-items:center stretch;min-height:18rem}}.primitive-index-grid{margin-top:0}.primitive-app-surface-demo{align-content:start;gap:var(--oc-space-5);min-height:220px;display:grid}.primitive-app-surface-toolbar{justify-content:space-between;align-items:center;gap:var(--oc-space-3);padding-bottom:var(--oc-space-4);border-bottom:1px solid var(--oc-border-subtle);flex-wrap:wrap;display:flex}.primitive-app-surface-body{gap:var(--oc-space-2);max-width:36rem;display:grid}.primitive-app-surface-body>strong{font-family:var(--oc-font-display);font-size:24px}.primitive-app-surface-card{gap:var(--oc-space-2);margin-top:var(--oc-space-3);padding:var(--oc-space-5);display:grid}.primitive-app-surface-card strong{font-family:var(--oc-font-body);font-size:var(--oc-font-size-base);font-weight:650}.primitive-app-surface-demo p,.primitive-card-demo p{color:var(--oc-text-secondary);margin:0;font-size:13px;line-height:1.55}.specimen-frame>.oc-hero{min-height:260px}.primitive-card-grid{gap:12px;width:min(100%,36rem);display:grid}.primitive-card-demo{align-content:end;gap:8px;min-height:160px;padding:22px;text-decoration:none;display:grid}.primitive-card-demo strong{font-family:var(--oc-font-display);font-size:18px}.component-workbench-frame>.specimen-frame>.oc-grid{width:min(100%,44rem)}.component-workbench-frame>.specimen-frame>.oc-grid>.oc-grid-item{min-height:8rem;padding:var(--oc-space-4);text-align:center;place-items:center;display:grid}.component-workbench-canvas[data-viewport=desktop] .component-workbench-frame>.specimen-frame>.oc-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.component-workbench-canvas[data-viewport=desktop] .component-workbench-frame>.specimen-frame>.oc-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.component-workbench-canvas[data-viewport=desktop] .component-workbench-frame>.specimen-frame>.oc-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.component-workbench-canvas[data-viewport=tablet] .component-workbench-frame>.specimen-frame>.oc-grid-2,.component-workbench-canvas[data-viewport=tablet] .component-workbench-frame>.specimen-frame>.oc-grid-3,.component-workbench-canvas[data-viewport=tablet] .component-workbench-frame>.specimen-frame>.oc-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.component-workbench-canvas[data-viewport=mobile] .component-workbench-frame>.specimen-frame>.oc-grid-2,.component-workbench-canvas[data-viewport=mobile] .component-workbench-frame>.specimen-frame>.oc-grid-3,.component-workbench-canvas[data-viewport=mobile] .component-workbench-frame>.specimen-frame>.oc-grid-4{grid-template-columns:minmax(0,1fr)}.primitive-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.primitive-input-grid{gap:var(--oc-space-5);width:min(100%,620px);margin-inline:auto;display:grid}.primitive-checkbox-stack{gap:var(--oc-space-4);display:grid}.oc-card p{color:var(--oc-text-secondary)}.width-specimens{gap:16px;display:grid}.width-specimen{border:1px dashed var(--oc-border-accent);border-radius:var(--oc-radius-surface);background:var(--oc-surface-interactive);min-height:86px;color:var(--oc-text-secondary);font-family:var(--oc-font-mono);align-items:center;padding:0 18px;font-size:11px;display:grid}.width-specimen-wide{max-width:var(--oc-content-max)}.width-specimen-narrow{max-width:var(--oc-content-narrow)}.marketing-sample{border:1px solid var(--oc-border-subtle);background:var(--oc-bg-surface);grid-template-columns:minmax(0,1.4fr) minmax(200px,.6fr);gap:64px;padding:clamp(28px,6vw,72px);display:grid}.marketing-sample h3{max-width:600px;font-family:var(--oc-font-display);letter-spacing:-.045em;margin:10px 0 16px;font-size:clamp(36px,5vw,62px);line-height:1}.marketing-sample>div>p:not(.eyebrow){max-width:540px;color:var(--oc-text-secondary);font-size:16px}.marketing-sample aside{border-left:1px solid var(--oc-border-subtle);flex-direction:column;justify-content:flex-end;padding-left:24px;display:flex}.marketing-sample aside strong{font-family:var(--oc-font-display);font-size:36px}.marketing-sample aside span{color:var(--oc-text-muted);font-size:12px}.release-panel{align-items:end;padding:32px}.release-panel h2{font-family:var(--oc-font-display);margin:10px 0 0;font-size:56px}.release-panel>span{color:var(--oc-status-success-fg);font-family:var(--oc-font-mono);text-transform:uppercase;font-size:11px;font-weight:700}@media (width>=1600px){body[data-page-kind=reference] .reference-page{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);column-gap:64px}body[data-page-kind=reference] :is(.reference-intro,[data-section-kind=preview],.page-navigation){grid-column:1/-1}body[data-page-kind=reference] [data-section-kind=markup]{grid-column:1}body[data-page-kind=reference] [data-section-kind=guidance]{grid-column:2}}@media (width<=1280px){.home-component-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1440px){.page-layout{padding-inline:0}.page-layout .preview-stage{padding-inline:clamp(24px,3vw,48px)}}@media (width<=980px){.home-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (height<=760px){.home-component-demo{padding:16px}.home-chart .oc-chart-plot{max-height:120px}}@media (width<=1100px){.introduction-reader{grid-template-columns:minmax(0,720px)}.introduction-toc{display:none}}@media (width<=900px){:root{--preview-topbar-height:60px}.topbar{grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:4px;min-height:60px;padding:8px 10px;position:sticky}.topbar:after{display:none}.mobile-nav-trigger,.mobile-nav-close{border:1px solid var(--oc-border-subtle);background:var(--oc-bg-surface);width:44px;height:44px;color:var(--oc-text-primary);cursor:pointer;place-items:center;padding:0;display:grid}.mobile-nav-trigger{background:0 0;border-color:#0000;grid-column:1}.mobile-nav-trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7px;width:22px;height:22px}.brand{min-width:max-content;min-height:44px;position:absolute;left:50%;transform:translate(-50%)}.search-trigger{background:0 0;border:0;border-radius:0;grid-column:3;justify-content:center;justify-self:end;width:44px;min-height:44px;padding:0}.search-trigger:is(:hover,:active){color:var(--oc-text-primary);background:0 0;border-color:#0000}.topbar-actions{grid-column:4;gap:0}.github-link,.search-trigger-label>span,.search-trigger kbd{display:none}.theme-control{width:44px;height:44px;min-height:44px}.search-empty button{min-height:44px}.search-field input{font-size:16px}.mobile-nav-trigger:focus-visible,.search-trigger:focus-visible,.theme-control:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-4px}.shell{grid-template-columns:1fr}body[data-page-kind=reference] .reference-page{grid-template-columns:minmax(0,1fr)}body[data-page-kind=reference] :is([data-section-kind=markup],[data-section-kind=guidance]){border-left:0;grid-column:1;padding-inline:0}body[data-preview-page=resource-adapters] .reference-page{grid-template-columns:minmax(0,1fr)}body[data-preview-page=resource-adapters] .reference-page>section{grid-column:1}.sidebar{z-index:50;border-right:1px solid var(--oc-border-subtle);background:var(--preview-shell-bg);width:min(84vw,304px);height:100dvh;box-shadow:var(--oc-shadow-lg);padding:0;display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar-heading{justify-content:space-between;align-items:center;min-height:62px;padding:0 4px 0 12px;display:flex}.sidebar nav{gap:2px;margin:0;padding:14px 14px 24px;display:grid}.sidebar-area-toggle{min-height:44px!important}.sidebar-pages a{min-height:44px}.navigation-backdrop{z-index:45;background:color-mix(in srgb, var(--oc-bg-page) 68%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;visibility:hidden;border:0;display:block;position:fixed;inset:0}body.navigation-open{overflow:hidden}body.navigation-open .navigation-backdrop{opacity:1;pointer-events:auto;visibility:visible}.preview-stage{padding-top:12px}.reference-card-grid,.principle-grid,.foundations-card-cluster{grid-template-columns:repeat(2,minmax(0,1fr))}.type-role-grid,.type-scale-row{grid-template-columns:minmax(0,1fr)}.type-scale-meta{grid-template-columns:3.25rem minmax(0,1fr) auto}.type-scale-meta span{grid-row:auto}.type-scale-meta em{grid-column:auto;justify-self:end}.token-reference-layout{grid-template-columns:minmax(0,1fr);gap:24px}.token-index{position:static}.token-index>p{display:none}.token-index nav{scrollbar-width:thin;padding-bottom:4px;display:flex;overflow-x:auto}.token-index a{flex:none;min-height:40px}}@media (width<=680px){.topbar{grid-template-columns:44px minmax(0,1fr) 44px 44px}.brand-mark{width:24px;height:24px}.brand-mark-stack{flex-basis:24px;width:24px;height:24px}.brand-wordmark{font-size:17px}.github-link{display:none}.theme-control{border-left:0}.search-trigger-label>span,.search-trigger kbd{display:none}.preview-stage,.page-layout .preview-stage{padding-inline:18px}.preview-stage>section{padding-block:42px}.home-component-grid{grid-template-columns:1fr}.home-brand-cell{grid-column:auto}.home-brand-intro{padding:32px 24px}body[data-page-kind=index] .intro-compact{padding-block:28px}body[data-page-kind=index] .reference-card{min-height:104px}body[data-page-kind=index] .route-card{min-height:72px}.intro h1{font-size:38px}.introduction-page{padding-top:36px}.introduction-hero h1{font-size:2.35rem}.introduction-summary,.effects-overview-grid{grid-template-columns:1fr}.introduction-summary span+span{border-top:1px solid var(--oc-border-subtle);border-left:0}.introduction-definition-list article,.introduction-steps li{grid-template-columns:1fr;gap:7px}.section-heading,.product-toolbar{align-items:start}.section-heading,.control-grid,.public-composition,.marketing-sample,.reference-card-grid,.principle-grid,.foundations-card-cluster,.type-role-grid,.color-status-grid{grid-template-columns:1fr}.section-heading{display:grid}.reference-card.foundations-card-featured{min-height:0;padding:22px}.type-foundation .section-heading{align-items:start}.type-scale-meta{grid-template-columns:3.25rem minmax(0,1fr)}.type-scale-meta em{grid-column:2;justify-self:start}.product-toolbar{gap:8px;padding-block:8px;display:grid}.tabs{min-height:38px}.public-composition{gap:28px}.marketing-sample{gap:32px}.marketing-sample aside{border-top:1px solid var(--oc-border-subtle);border-left:0;min-height:120px;padding:20px 0 0}.scope-note{gap:8px;display:grid}.code-block-header button{min-height:44px;padding-inline:10px}.code-block pre{overscroll-behavior-inline:contain}body[data-preview-page=composition-public] .marketing-sample{margin-inline:0}.token-group-heading{gap:8px;display:grid}.token-group-heading span{padding-top:0}.page-navigation{grid-template-columns:1fr}.page-navigation-next{text-align:left}}@media (width<=420px){.topbar{padding-inline:10px}.brand-wordmark{display:none}}@media (width<=720px){.component-workbench{grid-template-rows:52px auto auto auto;grid-template-columns:minmax(0,1fr)}.component-workbench-header,.component-workbench-stage,.component-workbench-dock{grid-area:auto/1}.component-workbench-header{padding-inline:14px 10px}.component-workbench-navigation a,.component-workbench-viewport,.component-workbench-theme{width:44px;height:44px}.component-workbench-choice{min-height:44px}.component-workbench-canvas{padding:20px 14px}.component-workbench-frame>.specimen-frame{padding-inline:16px}.component-workbench-canvas-tools{bottom:12px;right:12px}.component-workbench-canvas-tools-theme{inset:12px auto auto 12px}.component-workbench-inspector{width:min(var(--workbench-inspector-width), calc(100% - 24px));max-height:calc(100% - 24px);top:12px;right:12px}}@media (prefers-reduced-transparency:reduce){.topbar{background:var(--preview-shell-bg);-webkit-backdrop-filter:none;backdrop-filter:none}.navigation-backdrop,.search-dialog::backdrop{background:color-mix(in srgb, var(--oc-bg-page) 72%, var(--oc-palette-ink-950));-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){.topbar,.sidebar{background:var(--preview-shell-bg);-webkit-backdrop-filter:none;backdrop-filter:none}.topbar,.sidebar,.theme-control,.search-trigger,.search-dialog,.mobile-nav-trigger,.mobile-nav-close,.page-navigation{border-color:var(--oc-text-muted)}.search-result.is-active{box-shadow:inset 3px 0 0 var(--oc-accent-primary)}}@media (prefers-reduced-motion:no-preference){.button,.signal-panel span{transition:border-color .14s,background-color .14s,transform .14s}.signal-panel span:hover{transform:translateY(-2px)}.sidebar{transition:transform var(--oc-duration-ui) var(--oc-ease-out)}.shell-control{transition:transform var(--oc-duration-fast) var(--oc-ease-out), background-color var(--oc-duration-fast) var(--oc-ease-out), border-color var(--oc-duration-fast) var(--oc-ease-out), color var(--oc-duration-fast) var(--oc-ease-out)}.shell-control:active{transform:scale(.97)}.navigation-backdrop{transition:opacity var(--oc-duration-ui) var(--oc-ease-out), visibility 0s linear var(--oc-duration-ui)}body.navigation-open .navigation-backdrop{transition-delay:0s}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shell-feedback{transition-property:opacity;transform:none}.brand-mark{transition:none}}.component-workbench[data-canvas-preset=viewport] .component-workbench-stage{height:min(42rem, calc(100dvh - var(--preview-topbar-height) - 96px));min-height:var(--workbench-stage-min)}.component-workbench[data-canvas-preset=viewport] .component-workbench-canvas,.component-workbench[data-canvas-preset=viewport] .component-workbench-frame,.component-workbench[data-canvas-preset=viewport] .application-specimen,.component-workbench[data-canvas-preset=viewport] .application-specimen>:is(.oc-app-frame,.oc-chat-shell,.oc-settings-shell,.oc-quick-chat-stage){height:100%;min-height:0}.component-workbench[data-canvas-preset=viewport] .component-workbench-canvas{overflow:hidden}.component-workbench-canvas[data-viewport=desktop] .component-workbench-frame{max-width:1180px}.component-workbench-canvas[data-viewport=tablet] .component-workbench-frame{max-width:768px}.component-workbench-canvas[data-viewport=mobile] .component-workbench-frame{max-width:390px}.component-workbench-canvas[data-viewport=tablet] .oc-workspace-grid,.component-workbench-canvas[data-viewport=tablet] .oc-chat-shell[data-inspector=true] .oc-workspace-grid,.component-workbench-canvas[data-viewport=tablet] .oc-chat-shell[data-dock=bottom][data-inspector=true] .oc-workspace-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:11rem minmax(0,1fr);overflow:hidden}.component-workbench-canvas[data-viewport=tablet] .oc-workspace-inspector{display:none}.component-workbench-canvas[data-viewport=mobile] :is(.oc-app-frame,.oc-settings-shell){grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100%;min-height:0;overflow:hidden}.component-workbench-canvas[data-viewport=mobile] .oc-app-navigation{max-height:7rem}.component-workbench-canvas[data-viewport=mobile] .oc-settings-navigation{grid-template-rows:auto auto;max-height:8rem}.component-workbench-canvas[data-viewport=mobile] :is(.oc-settings-search,.oc-settings-navigation-footer,.oc-settings-navigation-list section>p){display:none}.component-workbench-canvas[data-viewport=mobile] .oc-settings-navigation-list{padding:0 var(--oc-space-3) var(--oc-space-2);display:flex;overflow:auto hidden}.component-workbench-canvas[data-viewport=mobile] .oc-settings-navigation-list section{display:contents}.component-workbench-canvas[data-viewport=mobile] .oc-settings-navigation-item{flex:none;width:auto;min-width:max-content}.component-workbench-canvas[data-viewport=mobile] :is(.oc-master-pane,.oc-workspace-sessions,.oc-workspace-inspector){display:none}.component-workbench-canvas[data-viewport=mobile] :is(.oc-master-detail,.oc-workspace-grid,.oc-chat-shell[data-inspector=false] .oc-workspace-grid,.oc-chat-shell[data-inspector=true] .oc-workspace-grid,.oc-chat-shell[data-dock=bottom][data-inspector=true] .oc-workspace-grid){grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100%;min-height:0;overflow:hidden}.component-workbench-canvas[data-viewport=mobile] .oc-session-table{min-width:0}.component-workbench-canvas[data-viewport=mobile] .oc-session-table :is(th,td:not([colspan])):first-child,.component-workbench-canvas[data-viewport=mobile] .oc-session-table :is(th,td:not([colspan])):nth-child(3){display:none}.component-workbench-canvas[data-viewport=mobile] .oc-quick-chat-stage{height:100%;min-height:0;padding:var(--oc-space-2)}:is(.component-workbench-stage:has(.oc-model-picker[open]),.component-workbench-stage:has(.oc-command-palette[open]),.component-workbench-stage:has(.oc-dropdown-menu:not([hidden])),.component-workbench-canvas:has(.oc-model-picker[open]),.component-workbench-canvas:has(.oc-command-palette[open]),.component-workbench-canvas:has(.oc-dropdown-menu:not([hidden]))){overflow:visible}body[data-preview-page=primitive-command-palette] .oc-command-palette{margin:var(--oc-space-3) auto 0;position:static;transform:none}.pagination-example-list{gap:var(--oc-space-4);width:min(100%,34rem);display:grid}.pagination-example-list>div{padding-top:var(--oc-space-3);border-top:1px solid var(--oc-border-subtle);gap:var(--oc-space-2);display:grid}.pagination-example-list>div:first-child{border-top:0;padding-top:0}.pagination-example-list small{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}.avatar-section-list{gap:var(--oc-space-4);width:100%;display:grid}.avatar-section-list>div{padding-top:var(--oc-space-3);border-top:1px solid var(--oc-border-subtle);gap:var(--oc-space-3);display:grid}.avatar-section-list>div:first-child{border-top:0;padding-top:0}.avatar-section-list small{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}.avatar-section-list .primitive-avatar-row{align-items:center;gap:var(--oc-space-3) var(--oc-space-4);grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));display:grid}.avatar-section-list .primitive-avatar-example{align-items:center;gap:var(--oc-space-2);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);display:inline-flex}