: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:0;--oc-radius-control:0;--oc-radius-inset:0;--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-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-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-on-accent:var(--oc-palette-ink-950);--oc-border-subtle:#9a9aa22e;--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-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-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-on-accent:var(--oc-palette-paper-50);--oc-border-subtle:#17171a24;--oc-border-accent:#d84a316b;--oc-surface-card:#fffc;--oc-surface-card-strong:#fffffff2;--oc-surface-overlay:#17171a14;--oc-surface-interactive:#17171a12;--oc-surface-interactive-hover:#17171a24;--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}: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:#ef4444;--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:#16a34a;--oc-status-warning-bg:#f59e0b1a;--oc-status-warning-fg:#d97706;--oc-status-error-bg:#ef44441a;--oc-status-error-fg:#dc2626;--oc-status-info-bg:#2563eb1a;--oc-status-info-fg:#2563eb;--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:#16a34a;--oc-status-warning-bg:#f59e0b1a;--oc-status-warning-fg:#d97706;--oc-status-error-bg:#ef44441a;--oc-status-error-fg:#dc2626;--oc-status-info-bg:#2563eb1a;--oc-status-info-fg:#2563eb;--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-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)}.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-accent)}.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{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;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:.48rem;height:.24rem;position:absolute;top:.16rem;left:.2rem;transform:rotate(-45deg)}.oc-checkbox:hover:not(:disabled){border-color:var(--oc-border-accent)}.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-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-3);border:0;margin:0;padding:0;display:grid}.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-accent)}.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-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-accent)}.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-accent)}.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-accent)}.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{align-items:baseline;gap:var(--oc-space-2);color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);font-weight:650;line-height:1.4;display:inline-flex}.oc-label-required{color:var(--oc-status-error-fg)}.oc-label-optional{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);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-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-banner{box-sizing:border-box;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-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.4;display:grid}.oc-banner-indicator{border-radius:var(--oc-radius-round);background:var(--oc-text-muted);width:.375rem;height:.375rem}.oc-banner-content{gap:0;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:2rem;height:2rem;color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-lg);place-items:center;display:grid}.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;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 (width<=42rem){.oc-banner{grid-template-columns:auto minmax(0,1fr)}.oc-banner>:last-child:not(.oc-banner-content){grid-column:1/-1;width:100%}}@media (prefers-reduced-motion:reduce){.oc-skeleton-line:after,.oc-loader-spinner{animation:none}}.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-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-accent)}.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}.oc-sensitive-input:hover{border-color:var(--oc-border-accent)}.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{min-width:2.75rem;padding:0 var(--oc-space-3);border:0;border-left:1px solid var(--oc-input-border);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-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);display:grid}.oc-autocomplete-control{display:grid;position:relative}.oc-autocomplete .oc-input{padding-right:2.5rem}.oc-autocomplete-control:after{right:var(--oc-space-3);border-right:1px solid var(--oc-text-muted);border-bottom:1px solid var(--oc-text-muted);content:"";pointer-events:none;width:.5rem;height:.5rem;position:absolute;top:50%;transform:translateY(-65%)rotate(45deg)}.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-lg{width:var(--oc-space-7);height:var(--oc-space-7);font-size:var(--oc-font-size-base)}.oc-avatar-image,.oc-avatar-fallback{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%;overflow:hidden}.oc-avatar-image{object-fit:cover;display:block}.oc-avatar-fallback{text-transform:uppercase;place-items:center;display:grid}.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)}@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}}.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:0 var(--oc-space-4);border-radius:var(--oc-radius-control);color:var(--oc-text-primary);font:inherit;font-size:var(--oc-font-size-sm);white-space:nowrap;cursor:pointer;touch-action:manipulation;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), transform var(--oc-duration-fast) var(--oc-ease-out);background:0 0;border:1px solid #0000;font-weight:650;line-height:1;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-surface-interactive)}.oc-button-secondary:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--oc-border-accent);background:var(--oc-surface-interactive-hover)}.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:translateY(1px)}.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:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.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-surface-secondary-soft);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: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-surface-card-strong);color:var(--oc-text-secondary);overflow:hidden}.oc-code-highlighted-header{align-items:center;gap:var(--oc-space-3);min-height:2.25rem;padding:0 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);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{padding:var(--oc-space-4);color:inherit;font-family:var(--oc-font-mono);font-size:var(--oc-font-size-sm);tab-size:2;background:0 0;border:0;border-radius:0;margin:0;line-height:1.7;overflow:auto}.oc-code-highlighted pre:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-3px}.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);overflow:hidden}.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) var(--oc-space-4);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{color:var(--oc-text-muted);content:"+";font-family:var(--oc-font-mono);font-size:var(--oc-font-size-base);font-weight:400}.oc-collapsible[open]>.oc-collapsible-summary:after{content:"−"}.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:0 var(--oc-space-4) var(--oc-space-4);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:var(--oc-space-4)}.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{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: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-surface-overlay);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-command-palette{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-surface-overlay);width:min(32rem,100vw - 2rem);max-height:min(36rem,100dvh - 2rem);color:var(--oc-text-primary);box-shadow:var(--oc-shadow-lg);padding:0;overflow:hidden}.oc-command-palette::backdrop{background:color-mix(in srgb, var(--oc-bg-page) 72%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.oc-command-palette-search{align-items:center;gap:var(--oc-space-2);min-height:3rem;padding:0 var(--oc-space-3);border-bottom:1px solid var(--oc-border-subtle);display:flex}.oc-command-palette-search:focus-within{border-bottom-color:var(--oc-input-focus-border);box-shadow:inset 0 -1px 0 var(--oc-input-focus-border)}.oc-command-palette-search-icon{width:1rem;height:1rem;color:var(--oc-text-muted);flex:none;place-items:center;display:grid}.oc-command-palette-search-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:100%;height:100%}.oc-command-palette-search input{min-width:0;color:var(--oc-text-primary);font:inherit;font-size:var(--oc-font-size-base);background:0 0;border:0;outline:0;flex:1}.oc-command-palette-search input::placeholder{color:var(--oc-input-placeholder)}.oc-command-palette-list{max-height:24rem;padding:0 var(--oc-space-2) var(--oc-space-2);gap:1px;margin:0;list-style:none;display:grid;overflow:auto}.oc-command-palette-group-label{padding:var(--oc-space-3) var(--oc-space-3) var(--oc-space-1);color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);text-transform:uppercase;margin:0;font-weight:700;line-height:1.4}.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-2) var(--oc-space-4);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);padding-block:var(--oc-space-6);text-align:center;margin:0;line-height:1.5}.oc-command-palette-item{justify-content:space-between;align-items:center;gap:var(--oc-space-3);width:100%;min-height:2.5rem;padding:var(--oc-space-2) var(--oc-space-3);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;background:0 0;border:0;display:flex}.oc-command-palette-item:hover,.oc-command-palette-item:focus-visible,.oc-command-palette-item[data-active]{background:var(--oc-surface-interactive);color:var(--oc-text-primary);outline:0}.oc-command-palette-item kbd,.oc-command-palette-search kbd{min-width:1.75rem;padding:var(--oc-space-1) var(--oc-space-2);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-inset);background:var(--oc-surface-interactive);color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);text-align:center;line-height:1}.oc-date-picker{gap:var(--oc-space-2);display:grid}.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-accent)}.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-dialog{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-surface-overlay);width:min(32rem,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) 72%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.oc-dialog-header,.oc-dialog-body,.oc-dialog-footer{padding:var(--oc-space-4) var(--oc-space-5)}.oc-dialog-header{justify-content:space-between;align-items:start;gap:var(--oc-space-4);border-bottom:1px solid var(--oc-border-subtle);display:flex}.oc-dialog-title{font-family:var(--oc-font-display);font-size:var(--oc-font-size-lg);overflow-wrap:anywhere;margin:0;line-height:1.2}.oc-dialog-body{color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);overflow-wrap:anywhere;line-height:1.6}.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);border-top:1px solid var(--oc-border-subtle);flex-wrap:wrap;display:flex}.oc-dialog-close{border-radius:var(--oc-radius-control);width:2.75rem;height:2.75rem;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{z-index:20;top:calc(100% + var(--oc-space-2));gap:var(--oc-space-1);width:max-content;min-width:12rem;padding:var(--oc-space-1);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-surface-overlay);box-shadow:var(--oc-shadow-md);margin:0;list-style:none;display:grid;position:absolute;right:0}.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-secondary);font:inherit;font-size:var(--oc-font-size-sm);text-align:left;cursor:pointer;background:0 0;border:0;text-decoration:none;display:flex}.oc-dropdown-item:hover,.oc-dropdown-item:focus-visible{background:var(--oc-surface-interactive);color:var(--oc-text-primary);outline:0}.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-flow{align-items:center;gap:var(--oc-space-3);min-width:0;padding:var(--oc-space-4);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-surface-secondary-soft);overscroll-behavior-inline:contain;scrollbar-gutter:stable;margin:0;list-style:none;display:flex;overflow-x:auto}.oc-flow:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-flow-step{gap:var(--oc-space-1);min-width:9rem;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;position:relative}.oc-flow-list{gap:0}.oc-flow-list .oc-flow-step:not(:last-child){margin-right:3rem}.oc-flow-list .oc-flow-step:not(:last-child):before{top:50%;left:calc(100% + var(--oc-space-3));background:var(--oc-border-subtle);content:"";width:1.5rem;height:1px;position:absolute}.oc-flow-list .oc-flow-step:not(:last-child):after{border-top:1px solid var(--oc-text-muted);border-right:1px solid var(--oc-text-muted);content:"";width:.375rem;height:.375rem;position:absolute;top:calc(50% - .1875rem);left:calc(100% + 2.25rem);transform:rotate(45deg)}.oc-flow-step strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm)}.oc-flow-step[aria-current=step]{border-color:var(--oc-accent-primary);background:var(--oc-surface-accent-soft)}.oc-flow-connector{background:var(--oc-border-subtle);flex:none;width:2rem;height:1px;position:relative}.oc-flow-connector:after{border-top:1px solid var(--oc-text-muted);border-right:1px solid var(--oc-text-muted);content:"";width:.375rem;height:.375rem;position:absolute;top:-.1875rem;right:0;transform:rotate(45deg)}.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;margin-bottom:var(--oc-space-4);isolation:isolate;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}.oc-layer-card:before,.oc-layer-card:after{z-index:-1;right:var(--oc-space-3);bottom:calc(var(--oc-space-2) * -1);left:var(--oc-space-3);border:1px solid var(--oc-border-subtle);border-radius:inherit;background:var(--oc-surface-card-strong);content:"";height:100%;position:absolute}.oc-layer-card:after{z-index:-2;right:var(--oc-space-5);bottom:calc(var(--oc-space-4) * -1);left:var(--oc-space-5);background:var(--oc-surface-secondary-soft)}.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-link{color:var(--oc-accent-primary);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:.2em;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);font-weight:600;text-decoration-thickness:1px}.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);text-decoration:none;display:inline-flex}.oc-link-standalone:after{content:"→";font-family:var(--oc-font-mono)}.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;background:0 0;border:0;align-items:center;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-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);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:2.75rem;min-height:2.75rem;padding:0 var(--oc-space-2);border-radius:var(--oc-radius-control);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);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:2.75rem;min-height:2.75rem;color:var(--oc-text-muted);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-surface-overlay);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>:last-child{overflow-wrap:anywhere;min-width:0}.oc-provider-logo-mark{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-surface-card);width:2rem;height:2rem;color:var(--oc-accent-primary);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);flex:none;place-items:center;font-weight:700;display:grid;overflow:hidden}.oc-provider-logo-mark :is(img,svg){object-fit:contain;width:70%;height:70%;display:block}.oc-provider-logo-muted{color:var(--oc-text-secondary)}.oc-sidebar{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-surface-card);flex-direction:column;width:17rem;max-width:100%;min-height:22rem;max-height:min(34rem,100dvh - 2rem);display:flex;overflow:hidden}.oc-sidebar-header,.oc-sidebar-footer{padding:var(--oc-space-4);flex:none}.oc-sidebar-header{border-bottom:1px solid var(--oc-border-subtle)}.oc-sidebar-title{color:var(--oc-text-primary);font-family:var(--oc-font-display);font-size:var(--oc-font-size-base);margin:0}.oc-sidebar-nav{align-content:start;gap:var(--oc-space-1);min-height:0;padding:var(--oc-space-3);overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;display:grid;overflow-y:auto}.oc-sidebar-link{justify-content:space-between;align-items:center;gap:var(--oc-space-3);min-height:2.75rem;padding:0 var(--oc-space-3);border-radius:var(--oc-radius-control);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);touch-action:manipulation;text-decoration:none;display:flex}.oc-sidebar-link>span:first-child{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-footer{border-top:1px solid var(--oc-border-subtle);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}.oc-table-of-contents{width:min(100%,18rem);padding-left:var(--oc-space-4);border-left:1px solid var(--oc-border-subtle)}.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-surface-card);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);grid-template-columns: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{font-size:var(--oc-font-size-sm);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-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:10;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-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-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-border-subtle);stroke-width:1px}.oc-chart-series{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.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-secondary);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-border-subtle);stroke-width:1px}.oc-timeseries-series{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.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:var(--oc-surface-interactive)}.oc-map-scale i:nth-of-type(2){background:var(--oc-accent-secondary)}.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:var(--oc-surface-interactive)}.oc-map-region-medium{fill:var(--oc-accent-secondary)}.oc-map-region-high{fill:var(--oc-accent-primary)}.oc-map-label{fill:var(--oc-text-primary);font-family:var(--oc-font-body);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-page-header{align-items:end;gap:var(--oc-space-5);width:100%;padding-block:var(--oc-space-5);border-bottom:1px solid var(--oc-border-subtle);grid-template-columns:minmax(0,1fr) auto;display:grid}.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);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.oc-page-header-title{color:var(--oc-text-primary);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-base);line-height:1.6}.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-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-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:34rem;max-height:42rem;color:var(--oc-text-primary);flex-direction:column;display:flex;overflow:hidden}.oc-agent-chat-messages{gap:var(--oc-space-5);min-height:0;padding:var(--oc-space-6) var(--oc-space-5);scrollbar-gutter:stable;flex-direction:column;flex:1;margin:0;list-style:none;display:flex;overflow-y:auto}.oc-agent-chat-turn{gap:var(--oc-space-3);width:min(100%,36rem);color:var(--oc-text-secondary);grid-template-columns:1.75rem minmax(0,1fr);align-self:flex-start;line-height:1.55;display:grid}.oc-agent-chat-turn p{margin:0}.oc-agent-chat-turn[data-status=streaming]{color:var(--oc-text-primary)}.oc-agent-avatar{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-round);background:var(--oc-surface-interactive);width:1.75rem;height:1.75rem;color:var(--oc-text-primary);place-items:center;display:grid}.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-chat-composer{gap:var(--oc-space-2);padding:0 var(--oc-space-4) var(--oc-space-4);display:grid}.oc-agent-chat .oc-agent-input-bar{gap:var(--oc-space-1);padding:var(--oc-space-2);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-surface);box-shadow:var(--oc-shadow-sm);display:grid}.oc-agent-chat .oc-agent-input{min-height:4.5rem;padding:var(--oc-space-2);resize:none;background:0 0;border:0}.oc-agent-chat .oc-agent-input:focus-visible{outline:0}.oc-agent-input-toolbar{justify-content:space-between;align-items:center;gap:var(--oc-space-2);display:flex}.oc-agent-chat .oc-agent-input-action,.oc-agent-chat .oc-agent-send-button{border-radius:var(--oc-radius-round);width:2.75rem;height:2.75rem}.oc-agent-chat .oc-agent-input-action{border:0}.oc-agent-chat .oc-agent-input-bar:focus-within{border-color:var(--oc-input-focus-border);box-shadow:0 0 0 3px var(--oc-input-focus-ring)}.oc-agent-message-list{gap:var(--oc-space-5);width:min(100%,42rem);min-height:26rem;max-height:34rem;padding:var(--oc-space-6) var(--oc-space-5);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-page);scrollbar-gutter:stable;flex-direction:column;margin:0;list-style:none;display:flex;overflow-y:auto}.oc-agent-message-list>li{flex:none}.oc-agent-message[data-status=streaming]{color:var(--oc-text-primary)}.oc-agent-message,.oc-user-message{border-radius:var(--oc-radius-control);max-width:82%}.oc-agent-message{gap:var(--oc-space-2);width:min(100%,36rem);color:var(--oc-text-secondary);align-self:flex-start;display:grid}.oc-user-message{padding:var(--oc-space-2) var(--oc-space-4);background:var(--oc-surface-interactive);color:var(--oc-text-primary);align-self:flex-end}.oc-agent-message p,.oc-user-message p{margin:0;line-height:1.55}.oc-agent-message-header{align-items:center;gap:var(--oc-space-2);display:flex}.oc-agent-message-header .oc-agent-avatar{width:1.5rem;height:1.5rem}.oc-agent-message-header .oc-agent-message-role{margin:0}.oc-agent-message-body{padding-inline-start:calc(1.5rem + var(--oc-space-2))}.oc-agent-message-actions{min-height:1.5rem;align-items:center;padding-inline-start:calc(1.5rem + var(--oc-space-2));display:flex}.oc-agent-message-actions button{color:var(--oc-text-muted);font:inherit;font-size:var(--oc-font-size-xs);cursor:pointer;opacity:0;transition:color var(--oc-duration-fast) var(--oc-ease-out), opacity var(--oc-duration-fast) var(--oc-ease-out);background:0 0;border:0;padding:0}.oc-agent-message:is(:hover,:focus-within) .oc-agent-message-actions button{opacity:1}.oc-agent-message-actions button:is(:hover,:focus-visible){color:var(--oc-text-primary)}.oc-agent-message-actions button:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:3px}@media (hover:none),(pointer:coarse){.oc-agent-message-actions button{opacity:1;min-height:2.75rem}}.oc-agent-message-role{margin-bottom:var(--oc-space-1);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);font-weight:600;display:block}.oc-agent-chat-suggestions{gap:var(--oc-space-2);display:flex;overflow-x:auto}.oc-agent-suggestions{gap:var(--oc-space-2);flex-wrap:wrap;width:min(100%,42rem);display:flex}.oc-agent-suggestion-demo{gap:var(--oc-space-3);width:min(100%,42rem);display:grid}.oc-agent-suggestion-demo .oc-agent-suggestions{justify-content:center}.oc-agent-model-field{align-items:center;gap:var(--oc-space-1);max-width:18rem;min-height:2rem;padding-inline:var(--oc-space-2);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);color:var(--oc-text-muted);background:0 0;grid-template-columns:auto minmax(0,1fr) auto;display:inline-grid;position:relative}.oc-agent-model-label{color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);font-weight:650}.oc-agent-model-demo{align-items:center;gap:var(--oc-space-5);flex-wrap:wrap;display:flex}.oc-agent-model-picker{appearance:none;min-width:0;min-height:1.875rem;color:var(--oc-text-primary);font:inherit;font-size:var(--oc-font-size-xs);cursor:pointer;text-overflow:ellipsis;background:0 0;border:0;padding:0;font-weight:600}.oc-agent-model-field:has(.oc-agent-model-picker:focus-visible){outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-agent-model-picker:focus-visible{outline:0}.oc-agent-model-field>.oc-agent-icon{flex:none;width:.875rem;height:.875rem}.oc-agent-model-badge{min-height:2rem;padding:0 var(--oc-space-2);align-items:center;gap:var(--oc-space-1);border-radius:var(--oc-radius-control);background:var(--oc-surface-interactive);color:var(--oc-text-primary);font-size:var(--oc-font-size-xs);display:inline-flex}.oc-agent-model-badge strong{font-weight:600}.oc-agent-model-badge>span{color:var(--oc-text-muted)}.oc-agent-model-badge .oc-agent-icon{width:.875rem;height:.875rem;color:var(--oc-text-muted)}@media (hover:hover) and (pointer:fine){.oc-agent-model-field:hover{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}}.oc-agent-mode-selector{margin:0;display:inline-block;position:relative}.oc-agent-mode-selector>summary{min-height:2rem;padding:0 var(--oc-space-2);align-items:center;gap:var(--oc-space-1);border-radius:var(--oc-radius-control);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);cursor:pointer;list-style:none;display:inline-flex}.oc-agent-mode-selector>summary::-webkit-details-marker{display:none}.oc-agent-mode-selector>summary .oc-agent-icon{width:.875rem;height:.875rem}.oc-agent-mode-selector>summary:is(:hover,:focus-visible),.oc-agent-mode-selector[open]>summary{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-agent-mode-selector>summary:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-agent-mode-menu{z-index:2;top:calc(100% + var(--oc-space-2));gap:var(--oc-space-1);width:17rem;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;display:grid;position:absolute;left:0}.oc-agent-mode-option{min-height:3.25rem;padding:var(--oc-space-2) var(--oc-space-3);align-items:center;gap:var(--oc-space-2);border-radius:var(--oc-radius-control);color:var(--oc-text-secondary);cursor:pointer;display:flex;position:relative}.oc-agent-mode-option input{width:1rem;height:1rem;accent-color:var(--oc-accent-primary);margin:0}.oc-agent-mode-option>span{gap:2px;display:grid}.oc-agent-mode-option strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);font-weight:600}.oc-agent-mode-option small{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}.oc-agent-mode-option:has(input:checked){background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-agent-mode-option:has(input:focus-visible){outline:2px solid var(--oc-focus-ring);outline-offset:2px}@media (hover:hover) and (pointer:fine){.oc-agent-mode-option:hover{background:var(--oc-surface-interactive)}}.oc-agent-user-message{width:fit-content;max-width:min(95%,32rem);padding:var(--oc-space-2) var(--oc-space-4);border-radius:var(--oc-radius-control);background:var(--oc-surface-interactive);color:var(--oc-text-primary);border:0;line-height:1.5;display:block}.oc-agent-user-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.oc-agent-user-message-stack{align-items:flex-end;gap:var(--oc-space-2);flex-direction:column;width:min(100%,42rem);display:flex}.oc-agent-user-attachment{max-width:min(100%,19rem);min-height:3rem;padding:var(--oc-space-2) var(--oc-space-3);align-items:center;gap: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);display:flex}.oc-agent-user-attachment>.oc-agent-icon{flex:none;width:1.25rem;height:1.25rem}.oc-agent-user-attachment>span{gap:2px;min-width:0;display:grid}.oc-agent-user-attachment strong,.oc-agent-user-attachment small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-agent-user-attachment strong{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);font-weight:600}.oc-agent-user-attachment small{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}.oc-agent-error-message{align-items:start;gap:var(--oc-space-3);width:min(100%,38rem);padding:var(--oc-space-3) var(--oc-space-4);border:1px solid var(--oc-status-error-fg);border-radius:var(--oc-radius-control);background:var(--oc-status-error-bg);color:var(--oc-text-primary);grid-template-columns:auto minmax(0,1fr);display:grid}.oc-agent-error-message p{color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);margin:2px 0 0;line-height:1.5}.oc-agent-error-icon{width:1.75rem;height:1.75rem;color:var(--oc-status-error-fg);place-items:center;display:grid}.oc-agent-error-copy{gap:var(--oc-space-1);min-width:0;display:grid}.oc-agent-error-copy>strong{font-size:var(--oc-font-size-sm);font-weight:650}.oc-agent-error-actions{gap:var(--oc-space-3);margin-top:var(--oc-space-2);flex-wrap:wrap;display:flex}.oc-agent-error-action{color:var(--oc-status-error-fg);font:inherit;font-size:var(--oc-font-size-xs);cursor:pointer;background:0 0;border:0;padding:0;font-weight:650}.oc-agent-error-action:is(:hover,:focus-visible){color:var(--oc-text-primary)}.oc-agent-error-action:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:3px}.oc-agent-error-action:disabled{color:var(--oc-text-muted);cursor:wait}.oc-agent-error-message[data-state=retrying]{border-color:var(--oc-border-subtle)}.oc-agent-tool{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-surface);width:min(100%,40rem);overflow:hidden}.oc-agent-tool-summary{min-height:2.25rem;padding:0 var(--oc-space-3);align-items:center;gap:var(--oc-space-2);color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto auto;list-style:none;display:grid}.oc-agent-tool-summary::-webkit-details-marker{display:none}.oc-agent-tool-summary:after{width:.375rem;height:.375rem;color:var(--oc-text-muted);content:"";transition:transform var(--oc-duration-fast) var(--oc-ease-out);border-bottom:1px solid;border-right:1px solid;transform:rotate(45deg)translateY(-1px)}.oc-agent-tool[open]>.oc-agent-tool-summary:after{transform:rotate(225deg)translate(-1px,-1px)}.oc-agent-tool-icon,.oc-agent-tool-status{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}.oc-agent-tool-icon{place-items:center;width:1.25rem;height:1.25rem;display:grid}.oc-agent-tool-icon .oc-agent-icon{width:.875rem;height:.875rem}.oc-agent-tool-summary:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.oc-agent-tool-content{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)}.oc-agent-generic-tool{background:0 0;border:0;width:min(100%,34rem)}.oc-agent-generic-tool .oc-agent-tool-summary{min-height:2rem;padding:0}.oc-agent-generic-tool .oc-agent-tool-content{padding:var(--oc-space-1) 0 0 calc(1.25rem + var(--oc-space-2));color:var(--oc-text-muted);border-top:0}.oc-agent-generic-tool .oc-agent-tool-content p{margin:0}.oc-agent-bash-tool .oc-agent-tool-content{gap:var(--oc-space-2);background:var(--oc-bg-page);display:grid}.oc-agent-bash-command{align-items:center;gap:var(--oc-space-2);min-width:0;color:var(--oc-text-primary);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-sm);display:flex}.oc-agent-bash-command>span{color:var(--oc-status-warning-fg)}.oc-agent-bash-command code{overflow-wrap:anywhere}.oc-agent-bash-tool pre{padding-top:var(--oc-space-2);border-top:1px solid var(--oc-border-subtle);color:var(--oc-text-primary);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-sm);margin:0;overflow-x:auto}.oc-agent-bash-tool pre:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-agent-bash-tool[data-status=success] .oc-agent-tool-status{color:var(--oc-status-success-fg)}.oc-agent-edit-tool .oc-agent-tool-summary{font-family:var(--oc-font-mono)}.oc-agent-edit-tool .oc-agent-tool-content{background:var(--oc-bg-page);padding:0}.oc-agent-diff-add{color:var(--oc-diff-added)}.oc-agent-diff-remove{color:var(--oc-diff-removed)}.oc-agent-diff{max-width:100%;font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);line-height:1.6;overflow-x:auto}.oc-agent-diff:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.oc-agent-diff-line{grid-template-columns:3.25rem 1.5rem minmax(max-content,1fr);width:max-content;min-width:100%;display:grid}.oc-agent-diff-line>:is(span,code){padding-block:.125rem}.oc-agent-diff-line>span{color:var(--oc-text-muted);text-align:end;-webkit-user-select:none;user-select:none}.oc-agent-diff-line>span:nth-child(2){padding-inline:var(--oc-space-1);text-align:center}.oc-agent-diff-line>code{padding-inline:var(--oc-space-2) var(--oc-space-4);color:var(--oc-text-secondary);white-space:pre}.oc-agent-diff-line[data-kind=added]{background:var(--oc-status-success-bg)}.oc-agent-diff-line[data-kind=added]>span:nth-child(2){color:var(--oc-diff-added-strong)}.oc-agent-diff-line[data-kind=removed]{background:var(--oc-status-error-bg)}.oc-agent-diff-line[data-kind=removed]>span:nth-child(2){color:var(--oc-diff-removed-strong)}.oc-agent-search-results{gap:0;margin:0;padding:0;list-style:none;display:grid}.oc-agent-search-tool a{min-height:2.5rem;padding:var(--oc-space-2) var(--oc-space-3);align-items:center;gap:var(--oc-space-2);border-top:1px solid var(--oc-border-subtle);color:var(--oc-text-primary);grid-template-columns:auto minmax(0,1fr);text-decoration:none;display:grid}.oc-agent-search-tool .oc-agent-tool-content{padding:0}.oc-agent-search-query{padding:var(--oc-space-2) var(--oc-space-3);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);margin:0}.oc-agent-search-result-icon{width:1.25rem;height:1.25rem;color:var(--oc-text-muted);place-items:center;display:grid}.oc-agent-search-result-icon .oc-agent-icon{width:.875rem;height:.875rem}.oc-agent-search-tool a>span:last-child{align-items:baseline;gap:var(--oc-space-3);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.oc-agent-search-tool a :is(strong,small){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-agent-search-tool a strong{font-size:var(--oc-font-size-sm);font-weight:550}.oc-agent-search-tool a small{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}.oc-agent-search-tool a:is(:hover,:focus-visible){background:var(--oc-surface-interactive)}.oc-agent-search-tool a:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.oc-agent-todo-tool{gap:var(--oc-space-3);width:min(100%,32rem);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);display:grid}.oc-agent-todo-tool>header{justify-content:space-between;align-items:baseline;gap:var(--oc-space-3);display:flex}.oc-agent-todo-tool>header strong{color:var(--oc-text-primary);font-weight:600}.oc-agent-todo-tool>header span{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}.oc-agent-todo-tool .oc-agent-todo-list{gap:var(--oc-space-2);margin:0;padding:0;list-style:none;display:grid}.oc-agent-attachment-list{gap:var(--oc-space-2);flex-wrap:wrap;width:min(100%,42rem);margin:0;padding:0;list-style:none;display:flex}.oc-agent-todo-list li:before{width:1.75em;color:var(--oc-text-muted);content:"○";display:inline-block}.oc-agent-todo-list li[data-state=complete]:before{color:var(--oc-status-success-fg);content:"✓"}.oc-agent-todo-list li[data-state=active]:before{color:var(--oc-accent-primary);content:"→"}.oc-agent-todo-list li[data-state=complete]{color:var(--oc-text-muted);text-decoration:line-through;text-decoration-thickness:1px}.oc-agent-plan-tool .oc-agent-plan-list{gap:var(--oc-space-2);padding-left:var(--oc-space-5);color:var(--oc-text-secondary);margin:0;display:grid}.oc-agent-plan-list li[data-state=complete]{color:var(--oc-text-muted);text-decoration:line-through}.oc-agent-plan-list li[data-state=active]{color:var(--oc-text-primary);font-weight:650}.oc-agent-plan-tool .oc-agent-tool-content{padding:0}.oc-agent-plan-body{gap:var(--oc-space-3);padding:var(--oc-space-3) var(--oc-space-4);display:grid}.oc-agent-plan-body :is(h4,p){margin:0}.oc-agent-plan-body h4{color:var(--oc-text-primary);font-size:var(--oc-font-size-sm)}.oc-agent-plan-body p{color:var(--oc-text-secondary);line-height:1.55}.oc-agent-plan-actions{min-height:2.75rem;padding:var(--oc-space-2) var(--oc-space-3);justify-content:flex-end;align-items:center;gap:var(--oc-space-2);border-top:1px solid var(--oc-border-subtle);display:flex}.oc-agent-plan-action{min-height:2.75rem;padding:0 var(--oc-space-3);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);color:var(--oc-text-secondary);font:inherit;font-size:var(--oc-font-size-xs);cursor:pointer;background:0 0;font-weight:600}.oc-agent-plan-action[data-variant=primary]{border-color:var(--oc-accent-primary);background:var(--oc-accent-primary);color:var(--oc-text-on-accent)}.oc-agent-plan-action:is(:hover,:focus-visible):not(:disabled){border-color:var(--oc-text-muted);color:var(--oc-text-primary)}.oc-agent-plan-action[data-variant=primary]:is(:hover,:focus-visible):not(:disabled){border-color:var(--oc-accent-primary-hover);background:var(--oc-accent-primary-hover);color:var(--oc-text-on-accent)}.oc-agent-plan-action:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-agent-plan-action:disabled{cursor:default;opacity:.72}.oc-agent-plan-tool[data-state=approved] .oc-agent-tool-status{color:var(--oc-status-success-fg)}.oc-agent-tool-group{width:min(100%,36rem);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm)}.oc-agent-tool-group-summary{align-items:center;gap:var(--oc-space-2);min-height:2rem;color:var(--oc-text-muted);cursor:pointer;list-style:none;display:flex}.oc-agent-tool-group-summary::-webkit-details-marker{display:none}.oc-agent-tool-group-summary:after{width:.35rem;height:.35rem;content:"";border-bottom:1px solid;border-right:1px solid;margin-inline-start:var(--oc-space-1);transform:rotate(45deg)translateY(-1px)}.oc-agent-tool-group[open]>.oc-agent-tool-group-summary:after{transform:rotate(225deg)translate(-1px,-1px)}.oc-agent-tool-group-summary strong{color:var(--oc-text-secondary);font-weight:550}.oc-agent-tool-group-summary time{font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);margin-inline-start:auto}.oc-agent-tool-group-summary:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-agent-tool-group-list{gap:var(--oc-space-1);margin:var(--oc-space-1) 0 0;padding:0 0 0 var(--oc-space-1);list-style:none;display:grid}.oc-agent-tool-group-list li{align-items:center;gap:var(--oc-space-2);grid-template-columns:1.25rem auto minmax(0,1fr);min-height:1.75rem;display:grid}.oc-agent-tool-group-list li>span{color:var(--oc-text-muted);place-items:center;display:grid}.oc-agent-tool-group-list .oc-agent-icon{width:.75rem;height:.75rem}.oc-agent-tool-group-list strong{color:var(--oc-text-secondary);font-weight:500}.oc-agent-tool-group-list code{color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-agent-tool-group-header{justify-content:space-between;align-items:baseline;gap:var(--oc-space-3);padding:0 var(--oc-space-1);color:var(--oc-text-muted);font-size:var(--oc-font-size-sm);display:flex}.oc-agent-tool-group-header h3{color:var(--oc-text-primary);font-size:var(--oc-font-size-base);margin:0}@media (width<=42rem){.oc-agent-tool-group-summary{padding-block:var(--oc-space-1);flex-wrap:wrap}.oc-agent-tool-group-summary>span{order:3;width:100%}.oc-agent-tool-group-list li{grid-template-columns:1.25rem minmax(0,1fr)}.oc-agent-tool-group-list code{overflow-wrap:anywhere;white-space:normal;grid-column:2}}.oc-agent-tool-avatar{border-radius:var(--oc-radius-round);background:var(--oc-surface-accent-soft);width:1.75rem;height:1.75rem;color:var(--oc-text-primary);font-size:var(--oc-font-size-xs);place-items:center;font-weight:700;display:grid}.oc-agent-subagent-tool .oc-agent-subagent-meta{gap:var(--oc-space-2);margin:0;display:grid}.oc-agent-subagent-tool{width:min(100%,36rem);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm)}.oc-agent-subagent-summary{align-items:center;gap:var(--oc-space-2);cursor:pointer;grid-template-columns:auto auto minmax(0,1fr) auto auto;min-height:2rem;list-style:none;display:grid}.oc-agent-subagent-summary::-webkit-details-marker{display:none}.oc-agent-subagent-summary:after{width:.35rem;height:.35rem;color:var(--oc-text-muted);content:"";border-bottom:1px solid;border-right:1px solid;transform:rotate(45deg)translateY(-1px)}.oc-agent-subagent-tool[open]>.oc-agent-subagent-summary:after{transform:rotate(225deg)translate(-1px,-1px)}.oc-agent-subagent-summary strong{color:var(--oc-text-secondary);font-weight:550}.oc-agent-subagent-summary>span:nth-of-type(2){color:var(--oc-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-agent-subagent-summary time{color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs)}.oc-agent-subagent-summary:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-agent-subagent-content{margin:var(--oc-space-2) 0 0 .875rem;padding:var(--oc-space-2) 0 var(--oc-space-1) var(--oc-space-5);border-left:1px solid var(--oc-border-subtle)}.oc-agent-subagent-meta div{gap:var(--oc-space-3);grid-template-columns:4rem minmax(0,1fr);display:grid}.oc-agent-subagent-meta :is(dt,dd){margin:0}@media (width<=42rem){.oc-agent-subagent-summary{padding-block:var(--oc-space-1);grid-template-columns:auto minmax(0,1fr) auto auto}.oc-agent-subagent-summary>span:nth-of-type(2){grid-area:2/2/auto/-1}.oc-agent-subagent-summary time{grid-area:1/3}.oc-agent-subagent-summary:after{grid-area:1/4}.oc-agent-subagent-content{margin-inline-start:0;padding-inline-start:var(--oc-space-4)}.oc-agent-subagent-meta div{gap:var(--oc-space-1);grid-template-columns:minmax(0,1fr)}}.oc-agent-question-tool{width:min(100%,27rem);padding:0}.oc-agent-question-header{min-height:2.25rem;padding:0 var(--oc-space-3);justify-content:space-between;align-items:center;gap:var(--oc-space-3);border-bottom:1px solid var(--oc-border-subtle);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);display:flex}.oc-agent-question-header>span{align-items:center;gap:var(--oc-space-1);display:inline-flex}.oc-agent-question-header .oc-agent-icon{width:.875rem;height:.875rem}.oc-agent-question-tool fieldset{gap:var(--oc-space-3);padding:var(--oc-space-3) var(--oc-space-3) 0;border:0;margin:0;display:grid}.oc-agent-question-tool legend{margin-bottom:var(--oc-space-2);align-items:baseline;gap:var(--oc-space-3);color:var(--oc-text-primary);font-weight:650;display:flex}.oc-agent-question-tool label{align-items:center;gap:var(--oc-space-2);color:var(--oc-text-secondary);display:flex}.oc-agent-question-option{min-height:2.75rem;padding:0 var(--oc-space-2);border-radius:var(--oc-radius-control);border:1px solid #0000}.oc-agent-question-option:has(input:focus-visible){border-color:var(--oc-focus-ring)}.oc-agent-question-option>input[type=radio]{width:1rem;height:1rem;accent-color:var(--oc-accent-primary);margin:0}.oc-agent-question-option>span[aria-hidden=true],.oc-agent-question-tool legend>span{color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs)}.oc-agent-question-freeform>input{min-width:0;min-height:2rem;padding-inline:var(--oc-space-2);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);color:var(--oc-text-primary);font:inherit;background:0 0;flex:1}.oc-agent-question-freeform>input:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:1px}.oc-agent-question-actions{justify-content:flex-end;gap:var(--oc-space-2);padding:var(--oc-space-2) var(--oc-space-3) var(--oc-space-3);display:flex}.oc-agent-question-action{min-height:2.75rem;padding-inline: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:1px solid #0000}.oc-agent-question-action[data-variant=primary]{background:var(--oc-accent-primary);color:var(--oc-text-on-accent)}.oc-agent-question-action:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-agent-mcp-mark{border:1px solid var(--oc-border-accent);border-radius:var(--oc-radius-inset);width:1.75rem;height:1.75rem;color:var(--oc-text-primary);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);place-items:center;display:grid}.oc-agent-mcp-tool .oc-agent-mcp-meta{gap:var(--oc-space-2);padding-inline:var(--oc-space-3);margin:0;display:grid}.oc-agent-mcp-tool .oc-agent-tool-content{gap:var(--oc-space-3);padding:var(--oc-space-3) 0 0;display:grid}.oc-agent-mcp-meta div{gap:var(--oc-space-3);grid-template-columns:5rem minmax(0,1fr);display:grid}.oc-agent-mcp-meta :is(dt,dd){overflow-wrap:anywhere;margin:0}.oc-agent-mcp-output{max-width:100%;max-height:16rem;padding:var(--oc-space-3);border-top:1px solid var(--oc-border-subtle);background:var(--oc-bg-page);color:var(--oc-text-primary);font-family:var(--oc-font-mono);font-size:var(--oc-font-size-xs);margin:0;line-height:1.6;overflow:auto}.oc-agent-mcp-output:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:-2px}.oc-agent-mcp-tool[data-status=success] .oc-agent-tool-status{color:var(--oc-status-success-fg)}.oc-agent-thinking-mark{color:var(--oc-accent-primary)}.oc-agent-thinking-tool{background:0 0;border:0;width:min(100%,34rem)}.oc-agent-thinking-tool .oc-agent-tool-summary{min-height:2rem;color:var(--oc-text-secondary);grid-template-columns:auto minmax(0,1fr) auto;padding:0}.oc-agent-thinking-tool .oc-agent-tool-content{padding:var(--oc-space-1) 0 0 calc(1rem + var(--oc-space-2));color:var(--oc-text-muted);border-top:0;font-style:normal}.oc-agent-thinking-tool .oc-agent-tool-content p{margin:0}.oc-agent-file-attachment{align-items:center;gap:var(--oc-space-2);width:min(100%,17rem);min-height:2.75rem;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-primary);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.oc-agent-file-type{border-radius:var(--oc-radius-inset);background:var(--oc-bg-elevated);width:2rem;height:2rem;color:var(--oc-text-muted);place-items:center;display:grid}.oc-agent-file-type .oc-agent-icon{width:1rem;height:1rem}.oc-agent-file-details{min-width:0;color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);gap: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;overflow:hidden}.oc-agent-file-progress{border-radius:var(--oc-radius-control);background:var(--oc-bg-elevated);height:.1875rem;display:block;overflow:hidden}.oc-agent-file-progress>span{border-radius:inherit;background:var(--oc-accent-primary);height:100%;display:block}.oc-agent-file-remove{border-radius:var(--oc-radius-control);width:2.75rem;height:2.75rem;color:var(--oc-text-muted);font:inherit;cursor:pointer;transition:background-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:0;place-items:center;padding:0;display:grid}.oc-agent-file-remove .oc-agent-icon{width:.875rem;height:.875rem}.oc-agent-file-remove:active{transform:scale(.92)}.oc-agent-file-remove:is(:hover,:focus-visible){background:var(--oc-bg-elevated);color:var(--oc-text-primary)}.oc-agent-file-remove:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-agent-message-meta{color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}.oc-agent-text-shimmer{background:linear-gradient(90deg, var(--oc-text-muted) 20%, var(--oc-text-primary) 50%, var(--oc-text-muted) 80%);color:#0000;font-size:var(--oc-font-size-sm);letter-spacing:.01em;background-position:100%;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;font-weight:550;animation:1.35s linear infinite oc-agent-text-shimmer;display:inline-block}@keyframes oc-agent-text-shimmer{to{background-position:-100%}}.oc-agent-spiral-loader{width:1.5rem;height:1.5rem;color:var(--oc-text-primary);place-items:center;display:inline-grid}.oc-agent-spiral-loader svg{fill:none;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;animation:.8s linear infinite oc-agent-spin;overflow:visible}.oc-agent-spiral-track{stroke:var(--oc-border-subtle);stroke-width:1.5px}.oc-agent-spiral-path{stroke:currentColor;stroke-width:2px}@keyframes oc-agent-spin{to{transform:rotate(1turn)}}.oc-agent-markdown{width:min(100%,40rem);color:var(--oc-text-secondary);font-size:var(--oc-font-size-base);overflow-wrap:anywhere;line-height:1.65}.oc-agent-markdown>:first-child{margin-top:0}.oc-agent-markdown>:last-child{margin-bottom:0}.oc-agent-markdown :is(h1,h2,h3,h4){margin:var(--oc-space-5) 0 var(--oc-space-2);color:var(--oc-text-primary);text-wrap:balance;line-height:1.2}.oc-agent-markdown :is(p,ul,ol,blockquote,pre){margin:0 0 var(--oc-space-4)}.oc-agent-markdown :is(ul,ol){padding-inline-start:var(--oc-space-6)}.oc-agent-markdown blockquote{border-inline-start:2px solid var(--oc-border-accent);color:var(--oc-text-muted);margin-inline:0;padding-inline-start:var(--oc-space-3)}.oc-agent-markdown blockquote>:last-child{margin-bottom:0}.oc-agent-markdown a{color:var(--oc-accent-primary);-webkit-text-decoration-color:var(--oc-border-accent);text-decoration-color:var(--oc-border-accent);text-underline-offset:.18em}.oc-agent-markdown a:is(:hover,:focus-visible){color:var(--oc-accent-primary-hover)}.oc-agent-markdown a:focus-visible,.oc-agent-markdown-table:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-agent-markdown-table{max-width:100%;margin-bottom:var(--oc-space-4);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-inset);overflow-x:auto}.oc-agent-markdown table{border-collapse:collapse;width:100%;min-width:24rem;font-size:var(--oc-font-size-sm)}.oc-agent-markdown :is(th,td){padding:var(--oc-space-2) var(--oc-space-3);border-bottom:1px solid var(--oc-border-subtle);text-align:start}.oc-agent-markdown th{background:var(--oc-bg-elevated);color:var(--oc-text-primary);font-size:var(--oc-font-size-xs);font-weight:650}.oc-agent-markdown tbody tr:last-child td{border-bottom:0}.oc-agent-markdown pre{max-width:100%;padding:var(--oc-space-4);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-inset);background:var(--oc-bg-elevated);color:var(--oc-text-primary);overflow-x:auto}.oc-agent-markdown code{font-family:var(--oc-font-mono);font-size:var(--oc-font-size-sm)}.oc-agent-markdown :not(pre)>code{border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-inset);background:var(--oc-bg-elevated);color:var(--oc-text-primary);padding:.125em .35em}.oc-agent-suggestion{min-height:1.875rem;padding:0 var(--oc-space-2);align-items:center;gap:var(--oc-space-1);white-space:nowrap;border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);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), 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;display:inline-flex}.oc-agent-suggestion .oc-agent-icon{width:.875rem;height:.875rem}.oc-agent-suggestion:active:not(:disabled){transform:scale(.97)}.oc-agent-suggestion:disabled{opacity:.48;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.oc-agent-suggestion:hover:not(:disabled){border-color:var(--oc-text-muted);background:var(--oc-surface-interactive);color:var(--oc-text-primary)}}.oc-agent-input-bar{gap:var(--oc-space-1);padding:var(--oc-space-2);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-surface);box-shadow:var(--oc-shadow-sm);display:grid}.oc-agent-input-bar-standalone{width:min(100%,42rem)}.oc-agent-input-bar:focus-within{border-color:var(--oc-input-focus-border);box-shadow:0 0 0 3px var(--oc-input-focus-ring)}.oc-agent-input-action{border-radius:var(--oc-radius-round);width:2rem;height:2rem;color:var(--oc-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.oc-agent-input-action:is(:hover,:focus-visible){background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-agent-input-action:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-agent-input{width:100%;min-height:4.5rem;max-height:10rem;padding:var(--oc-space-2);resize:none;color:var(--oc-text-primary);font:inherit;background:0 0;border:0;flex:1;line-height:1.55}.oc-agent-input::placeholder{color:var(--oc-input-placeholder)}.oc-agent-input-tools{align-items:center;gap:var(--oc-space-1);min-width:0;display:flex}.oc-agent-input-meta{min-width:0;height:2rem;padding:0 var(--oc-space-2);align-items:center;gap:var(--oc-space-1);border-radius:var(--oc-radius-control);color:var(--oc-text-muted);font:inherit;font-size:var(--oc-font-size-xs);cursor:pointer;background:0 0;border:0;display:inline-flex}.oc-agent-input-meta>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-agent-input-meta .oc-agent-icon{flex:none;width:.875rem;height:.875rem}.oc-agent-input-meta:is(:hover,:focus-visible){background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-agent-input-meta:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-agent-send-button{border-radius:var(--oc-radius-round);background:var(--oc-accent-primary);width:2.5rem;height:2.5rem;color:var(--oc-text-on-accent);font:inherit;cursor:pointer;transition:background-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:0;place-items:center;padding:0;display:inline-grid}.oc-agent-send-button .oc-agent-icon{stroke-width:2.25px;width:1rem;height:1rem}.oc-agent-send-button:active:not(:disabled){transform:scale(.94)}.oc-agent-button-row{align-items:center;gap:var(--oc-space-3);display:flex}.oc-agent-attachment-button{border-radius:var(--oc-radius-round);width:2.25rem;height:2.25rem;color:var(--oc-text-secondary);font:inherit;cursor:pointer;transition:background-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:0;place-items:center;padding:0;display:inline-grid}.oc-agent-attachment-button .oc-agent-icon{width:1rem;height:1rem}.oc-agent-attachment-button:active:not(:disabled){transform:scale(.94)}.oc-agent-attachment-button:is(:hover,:focus-visible):not(:disabled){background:var(--oc-surface-interactive);color:var(--oc-text-primary)}.oc-agent-attachment-button:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-agent-attachment-button:disabled{opacity:.48;cursor:not-allowed}.oc-agent-send-button[data-state=stop]{background:var(--oc-bg-elevated);color:var(--oc-text-primary);box-shadow:inset 0 0 0 1px var(--oc-border-subtle)}@media (hover:hover) and (pointer:fine){.oc-agent-send-button:hover:not(:disabled,[data-state=stop]){background:var(--oc-accent-primary-hover)}.oc-agent-send-button[data-state=stop]:hover:not(:disabled){background:var(--oc-surface-interactive)}}.oc-agent-send-button:disabled{opacity:.48;cursor:not-allowed}.oc-agent-suggestion:focus-visible,.oc-agent-send-button:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-agent-input:focus-visible{outline:0}@media (width<=42rem){.oc-agent-chat{min-height:24rem}.oc-agent-message,.oc-user-message{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-loader svg{animation: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-page-header{grid-template-columns:minmax(0,1fr);align-items:start}.oc-page-header-actions{justify-content:flex-start}.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)}}:root{--preview-content:1040px;--preview-rail-width:280px;--preview-topbar-height:64px;--preview-canvas-header-height:0px;--preview-shell-bg:var(--oc-bg-page);--preview-nav-surface:var(--oc-bg-surface)}html[data-theme=light]{--preview-shell-bg:var(--oc-palette-paper-50);--preview-nav-surface:var(--oc-palette-paper-50)}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:color-mix(in srgb, var(--preview-shell-bg) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);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;transition:opacity var(--oc-duration-ui) var(--oc-ease-out), transform var(--oc-duration-ui) var(--oc-ease-out);position:absolute;inset:0}.brand-mark-hover{opacity:0;transform:scale(.82)rotate(-8deg)}.brand:is(:hover,:focus-visible) .brand-mark-default{opacity:0;transform:scale(.82)rotate(8deg)}.brand:is(:hover,:focus-visible) .brand-mark-hover{opacity:1;transform:scale(1)rotate(0)}.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-context{border:1px solid var(--oc-border-subtle);background:var(--oc-bg-surface);min-height:22px;color:var(--oc-text-secondary);font-family:var(--oc-font-mono);letter-spacing:.09em;text-transform:uppercase;align-items:center;padding:3px 7px;font-size:8.5px;font-weight:700;line-height:1;display:inline-flex}.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:2px;min-height:0;margin:0;padding:14px 14px 24px;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:40px!important;color:var(--oc-text-secondary)!important;padding:9px 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:12px;padding-top:12px}.sidebar-area+.sidebar-area{margin-top:2px}.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:40px!important;color:var(--oc-text-primary)!important;padding:9px 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:2px;margin:0 0 10px;padding:2px 4px 8px;display:grid}.sidebar-pages[hidden]{display:none}.sidebar-pages a{min-height:36px;padding:8px 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:0 0 6px;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:2px;margin:10px 4px 0;padding-top:12px;display:grid}.sidebar-page-group+.sidebar-page-group{margin-top:12px}.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}.version{border-top:1px solid var(--oc-border-subtle);background:var(--preview-shell-bg);min-height:54px;color:var(--oc-text-muted);font-family:var(--oc-font-mono);font-variant-numeric:tabular-nums;flex:none;justify-content:space-between;align-items:center;margin:0;padding:0 14px;font-size:11px;text-decoration:none;display:flex}.version span{display:block}.version strong{color:inherit;font-weight:500}.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:calc((100dvh - var(--preview-topbar-height) - 1px) / 2);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--home-grid-row-height);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);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.home-brand-cell{grid-column:span 2;grid-template-rows:minmax(0,1fr)}.home-brand-intro{align-content:end;gap:14px;min-width:0;padding:48px;display:grid}.home-brand-intro h1{font-family:var(--oc-font-display);letter-spacing:0;margin:0;font-size:64px;line-height:1}.home-brand-intro>p:last-child{max-width:620px;color:var(--oc-text-secondary);margin:0;font-size:16px;line-height:1.6}.home-component-link{z-index:1;width:fit-content;min-height:44px;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{margin-left:8px}.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(18px,2.5vw,36px);display:grid}.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{width:min(100%,320px)}.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-panel{min-height:96px;padding:20px 12px 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-question,.home-agent-tool-group{width:min(100%,340px);margin-inline:auto}.home-agent-input-bar .oc-agent-input{min-height:4rem}.home-agent-question fieldset{gap:4px}.home-agent-question .oc-agent-question-option{min-height:2.25rem}.home-agent-question .oc-agent-question-actions{padding-top:4px}@media (hover:hover) and (pointer:fine){.home-component-cell:has(.home-component-link:hover){background:var(--oc-surface-secondary-soft)}}.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);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-accent);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-accent);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{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-specimens{border-top:1px solid var(--oc-border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px;display:grid}.type-specimens>div{border-bottom:1px solid var(--oc-border-subtle);min-height:156px;padding:22px 0}.type-specimens>div:nth-child(odd){padding-right:24px}.type-specimens>div:nth-child(2n){border-left:1px solid var(--oc-border-subtle);padding-left:24px}.type-display,.type-body,.type-serif,.type-code{margin:20px 0 0}.type-display{font-family:var(--oc-font-display);font-size:29px;font-weight:700;line-height:1.05}.type-body{color:var(--oc-text-secondary)}.type-serif{font-family:var(--oc-font-serif);font-size:25px;line-height:1.25}.type-code{overflow-wrap:anywhere;color:var(--oc-accent-secondary);font-family:var(--oc-font-mono);font-size:13px;display:block}.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);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-accent);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)}.badge{border-radius:var(--oc-radius-full);align-items:center;min-height:24px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-success{background:var(--oc-status-success-bg);color:var(--oc-status-success-fg)}.badge-warning{background:var(--oc-status-warning-bg);color:var(--oc-status-warning-fg)}.badge-error{background:var(--oc-status-error-bg);color:var(--oc-status-error-fg)}.badge-info{background:var(--oc-status-info-bg);color:var(--oc-status-info-fg)}.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;flex:none;place-items:center;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}.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:0}.reference-card-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.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);background:var(--preview-nav-surface);margin-bottom:-1px;margin-right:-1px}.reference-card:hover{background:var(--oc-surface-interactive)}.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{max-width:760px}.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}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);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-example{justify-items:center;gap:var(--oc-space-2);color:var(--oc-text-muted);font-size:var(--oc-font-size-xs);display:grid}.primitive-avatar-presence{align-items:center;gap:var(--oc-space-2);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);display:inline-flex}.agent-specimen{place-items:center;min-height:clamp(22rem,48vw,34rem);display:grid;overflow:hidden}@media (width<=42rem){.agent-specimen{place-items:center stretch;min-height:18rem}}.primitive-index-grid{margin-top:0}.primitive-app-surface-demo{border:1px solid var(--oc-border-subtle);background:var(--oc-bg-surface);align-content:center;gap:8px;min-height:180px;padding:clamp(20px,4vw,40px);display:grid}.primitive-app-surface-demo strong{font-family:var(--oc-font-display);font-size:24px}.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{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;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}.primitive-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.primitive-input-grid{gap:var(--oc-space-5);width:min(100%,620px);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);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<=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{grid-template-columns:repeat(2,minmax(0,1fr))}.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-context{display:none}.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}.home-brand-intro h1{font-size:46px}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}.section-heading,.product-toolbar{align-items:start}.section-heading,.control-grid,.public-composition,.marketing-sample,.reference-card-grid,.principle-grid{grid-template-columns:1fr}.section-heading{display:grid}.type-specimens{grid-template-columns:1fr}.type-specimens>div:nth-child(odd),.type-specimens>div:nth-child(2n){border-left:0;padding-inline:0}.product-toolbar{gap:8px;padding-block:8px;display:grid}.tabs{min-height:38px}.public-composition{gap:28px}.marketing-sample{gap:32px}.primitive-card-grid{grid-template-columns:1fr}.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 (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}}