:root,[data-theme=cast]{--palette-accent:#f0531f;--palette-accent-strong:#e85020;--palette-accent-soft:#ff6a3c;--palette-accent-label:#0f172a;--palette-mark:#64748b;--palette-mark-light:#94a3b8;--palette-ground:#f8fafc;--palette-ground-alt:#eef1f6;--palette-ground-dark:#0f172a;--palette-ground-dark-raised:#1e293b;--palette-surface:#fff;--palette-text:#475569;--palette-text-on-dark:#aeb8c6;--palette-text-muted:#6e7a8c;--palette-text-disabled:#a8b0bd;--palette-text-strong:#0f172a;--palette-text-strong-on-dark:#f8fafc;--palette-line:#e5e9ef;--palette-line-alt:#dde2ea;--palette-line-on-dark:#f8fafc17;--palette-control-border:#cad1db;--palette-control-border-on-dark:#f8fafc38;--palette-control-border-on-dark-hover:#f8fafc66;--palette-track:#e8ecf2;--palette-track-alt:#d7dee8;--palette-positive:#1f7a4d;--palette-caution:#8a5a00;--palette-critical:#b42318}:root[data-scheme=dark],[data-theme=cast][data-scheme=dark]{--palette-accent:#ff6a3c;--palette-accent-strong:#ff8055;--palette-accent-soft:#ff8055;--palette-accent-label:#0f172a;--palette-mark:#94a3b8;--palette-mark-light:#94a3b8;--palette-ground:#0b1220;--palette-ground-alt:#111a2b;--palette-ground-dark:#1e293b;--palette-ground-dark-raised:#2a3547;--palette-surface:#1e293b;--palette-text:#c3cdda;--palette-text-on-dark:#c3cdda;--palette-text-muted:#93a1b2;--palette-text-disabled:#5a6675;--palette-text-strong:#f8fafc;--palette-text-strong-on-dark:#f8fafc;--palette-line:#f8fafc1a;--palette-line-alt:#f8fafc24;--palette-line-on-dark:#f8fafc1f;--palette-control-border:#f8fafc3d;--palette-control-border-on-dark:#f8fafc3d;--palette-control-border-on-dark-hover:#f8fafc6b;--palette-track:#1e293b;--palette-track-alt:#2a3547;--palette-positive:#4ade80;--palette-caution:#fbbf4a;--palette-critical:#ff7a70}:root,[data-theme]{--action:var(--palette-accent);--action-hover:var(--palette-accent-strong);--action-hover-on-dark:var(--palette-accent-soft);--result:var(--palette-accent);--action-label:var(--palette-accent-label);--label:var(--palette-mark);--label-on-dark:var(--palette-mark-light);--ground:var(--palette-ground);--ground-alt:var(--palette-ground-alt);--ground-dark:var(--palette-ground-dark);--ground-dark-raised:var(--palette-ground-dark-raised);--surface:var(--palette-surface);--text:var(--palette-text);--text-on-dark:var(--palette-text-on-dark);--text-muted:var(--palette-text-muted);--text-disabled:var(--palette-text-disabled);--text-strong:var(--palette-text-strong);--text-strong-on-dark:var(--palette-text-strong-on-dark);--line:var(--palette-line);--line-alt:var(--palette-line-alt);--line-on-dark:var(--palette-line-on-dark);--control-border:var(--palette-control-border);--control-border-on-dark:var(--palette-control-border-on-dark);--control-border-on-dark-hover:var(--palette-control-border-on-dark-hover);--track:var(--palette-track);--track-alt:var(--palette-track-alt);--positive:var(--palette-positive);--caution:var(--palette-caution);--critical:var(--palette-critical);--focus-ring:color-mix(in srgb, var(--palette-accent) 14%, transparent);--focus-ring-on-dark:color-mix(in srgb, var(--palette-accent) 30%, transparent)}:root,[data-style]{--form-radius:4px;--form-radius-panel:5px;--form-radius-bar:2px;--form-radius-card:12px;--form-radius-overlay:10px;--form-border-width:1px;--form-rule-width:1px;--form-elevation:none;--form-elevation-raised:none;--form-elevation-card:0 1px 3px color-mix(in srgb, var(--ground-dark) 5%, transparent), 0 10px 26px -8px color-mix(in srgb, var(--ground-dark) 10%, transparent);--form-elevation-card-hover:0 2px 6px color-mix(in srgb, var(--ground-dark) 7%, transparent), 0 18px 40px -10px color-mix(in srgb, var(--ground-dark) 16%, transparent);--form-surface-filter:saturate(1.4) blur(12px);--form-elevation-overlay:0 2px 8px color-mix(in srgb, var(--ground-dark) 12%, transparent);--form-mark-glow:0 0 20px color-mix(in srgb, var(--action) 42%, transparent);--form-btn-padding-y:calc(13px * var(--density-control));--form-btn-padding-x:calc(22px * var(--density-control));--form-btn-padding-y-lg:calc(16px * var(--density-control));--form-btn-padding-x-lg:calc(28px * var(--density-control));--form-btn-padding-y-sm:calc(11px * var(--density-control));--form-btn-padding-x-sm:calc(20px * var(--density-control));--form-btn-font-lg:calc(15.5px * var(--density-text));--form-btn-weight:var(--form-weight-strong);--form-btn-transform:none;--form-btn-tracking:0;--form-weight-strong:600;--form-weight-body:400;--form-label-tracking:.08em;--form-motion-fast:.12s;--form-motion:.18s;--form-btn-primary-bg:var(--action);--form-btn-primary-bg-hover:var(--action-hover);--form-btn-primary-fg:var(--action-label);--form-btn-primary-border:transparent;--form-btn-primary-bg-on-dark:var(--action);--form-btn-primary-fg-on-dark:var(--action-label);--form-btn-primary-border-on-dark:transparent;--form-btn-secondary-bg:transparent;--form-btn-secondary-bg-hover:var(--ground-alt);--form-btn-secondary-fg:var(--text-strong);--form-btn-secondary-border:var(--control-border);--form-grid-gap:var(--form-rule-width);--form-grid-bg:var(--line);--form-grid-bg-alt:var(--line-alt);--form-panel-bg:var(--surface);--form-panel-border:var(--line);--form-control-bg:var(--surface);--form-control-fg:var(--text-strong);--form-control-border:var(--control-border);--form-control-border-focus:var(--action);--form-control-radius:var(--form-radius);--form-control-padding-y:calc(9px * var(--density-control));--form-control-padding-x:calc(12px * var(--density-control));--form-indicator-size:calc(18px * var(--density-control));--form-control-height:calc(38px * var(--density-control));--form-indicator-border:var(--control-border);--form-indicator-bg:var(--surface);--form-indicator-radius:calc(var(--form-radius) * .75);--form-indicator-bg-checked:var(--action);--form-indicator-fg-checked:var(--action-label);--form-popup-bg:var(--surface);--form-popup-border:var(--line);--form-popup-radius:var(--form-radius-panel);--form-popup-elevation:0 2px 6px color-mix(in srgb, var(--ground-dark) 10%, transparent), 0 16px 40px -12px color-mix(in srgb, var(--ground-dark) 22%, transparent);--form-popup-item-bg-active:var(--ground-alt);--form-chip-bg:var(--ground-alt);--form-chip-fg:var(--text-strong);--form-chip-radius:var(--form-radius);--form-table-rule:var(--line);--form-table-head-fg:var(--text-muted);--form-table-row-bg-hover:var(--ground-alt)}:root{--font-display:"Familjen Grotesk", system-ui, sans-serif;--font-mono:"IBM Plex Mono", monospace;--density-space:1;--density-text:1;--density-control:1;--max:1180px}:root,[data-density]{--space-section:calc(96px * var(--density-space));--space-section-tight:calc(56px * var(--density-space));--space-gutter:calc(44px * var(--density-space));--space-block:calc(24px * var(--density-space));--space-inline:calc(12px * var(--density-space));--space-cell:calc(28px * var(--density-space));--text-body:calc(15px * var(--density-text));--text-lead:calc(19.5px * var(--density-text));--text-small:calc(13px * var(--density-text));--text-eyebrow:calc(11.5px * var(--density-text));--text-h1:calc(56px * var(--density-text));--text-h2:calc(46px * var(--density-text));--text-h3:calc(20px * var(--density-text));--text-control:calc(14.5px * var(--density-text))}[data-density=compact]{--density-space:.6;--density-text:.9;--density-control:.85}[data-theme=ember]{--palette-accent:#c2410c;--palette-accent-strong:#9a330a;--palette-accent-soft:#a8380e;--palette-accent-label:#fbf9f5;--palette-mark:#8a5c22;--palette-mark-light:#c98a46;--palette-ground:#fbf9f5;--palette-ground-alt:#f2ece1;--palette-ground-dark:#14110d;--palette-ground-dark-raised:#1f1a14;--palette-surface:#fff;--palette-text:#58524a;--palette-text-on-dark:#b5ac9c;--palette-text-muted:#756e63;--palette-text-disabled:#b4aea4;--palette-text-strong:#14110d;--palette-text-strong-on-dark:#fbf9f5;--palette-line:#e3dccf;--palette-line-alt:#dcd3c4;--palette-line-on-dark:#fbf9f517;--palette-control-border:#c9bfad;--palette-control-border-on-dark:#fbf9f538;--palette-control-border-on-dark-hover:#fbf9f566;--palette-track:#ede6d9;--palette-track-alt:#e1d8c8;--palette-positive:#1f7a4d;--palette-caution:#8a5a00;--palette-critical:#b42318}[data-theme=ember][data-scheme=dark]{--palette-accent:#e8763c;--palette-accent-strong:#f08a55;--palette-accent-soft:#f08a55;--palette-accent-label:#14110d;--palette-mark:#c98a46;--palette-mark-light:#c98a46;--palette-ground:#100e0a;--palette-ground-alt:#171410;--palette-ground-dark:#231e17;--palette-ground-dark-raised:#2e2820;--palette-surface:#231e17;--palette-text:#c9c0b1;--palette-text-on-dark:#c9c0b1;--palette-text-muted:#9c9384;--palette-text-disabled:#5f594f;--palette-text-strong:#fbf9f5;--palette-text-strong-on-dark:#fbf9f5;--palette-line:#fbf9f51a;--palette-line-alt:#fbf9f524;--palette-line-on-dark:#fbf9f51f;--palette-control-border:#fbf9f53d;--palette-control-border-on-dark:#fbf9f53d;--palette-control-border-on-dark-hover:#fbf9f56b;--palette-track:#231e17;--palette-track-alt:#2e2820;--palette-positive:#4ade80;--palette-caution:#fbbf4a;--palette-critical:#ff7a70}[data-theme=graphite]{--palette-accent:#b4400f;--palette-accent-strong:#93330c;--palette-accent-soft:#9a350d;--palette-accent-label:#fafafa;--palette-mark:#6b6b6b;--palette-mark-light:#9a9a9a;--palette-ground:#fafafa;--palette-ground-alt:#f0f0f0;--palette-ground-dark:#141414;--palette-ground-dark-raised:#1f1f1f;--palette-surface:#fff;--palette-text:#525252;--palette-text-on-dark:#adadad;--palette-text-muted:#6e6e6e;--palette-text-disabled:#b4b4b4;--palette-text-strong:#141414;--palette-text-strong-on-dark:#fafafa;--palette-line:#e3e3e3;--palette-line-alt:#d6d6d6;--palette-line-on-dark:#fafafa17;--palette-control-border:#c6c6c6;--palette-control-border-on-dark:#fafafa38;--palette-control-border-on-dark-hover:#fafafa66;--palette-track:#eaeaea;--palette-track-alt:#dbdbdb;--palette-positive:#1f7a4d;--palette-caution:#8a5a00;--palette-critical:#b42318}[data-theme=graphite][data-scheme=dark]{--palette-accent:#e0632b;--palette-accent-strong:#ec7845;--palette-accent-soft:#ec7845;--palette-accent-label:#141414;--palette-mark:#9a9a9a;--palette-mark-light:#9a9a9a;--palette-ground:#0d0d0d;--palette-ground-alt:#151515;--palette-ground-dark:#1f1f1f;--palette-ground-dark-raised:#2b2b2b;--palette-surface:#1f1f1f;--palette-text:#c4c4c4;--palette-text-on-dark:#c4c4c4;--palette-text-muted:#969696;--palette-text-disabled:#5c5c5c;--palette-text-strong:#fafafa;--palette-text-strong-on-dark:#fafafa;--palette-line:#fafafa1a;--palette-line-alt:#fafafa24;--palette-line-on-dark:#fafafa1f;--palette-control-border:#fafafa3d;--palette-control-border-on-dark:#fafafa3d;--palette-control-border-on-dark-hover:#fafafa6b;--palette-track:#1f1f1f;--palette-track-alt:#2b2b2b;--palette-positive:#4ade80;--palette-caution:#fbbf4a;--palette-critical:#ff7a70}[data-style=chip]{--form-radius:999px;--form-radius-panel:calc(16px);--form-border-width:0;--form-rule-width:0;--form-elevation:0 1px 2px color-mix(in srgb, var(--ground-dark) 10%, transparent), 0 8px 20px -8px color-mix(in srgb, var(--ground-dark) 18%, transparent);--form-elevation-raised:0 2px 4px color-mix(in srgb, var(--ground-dark) 12%, transparent), 0 16px 32px -10px color-mix(in srgb, var(--ground-dark) 22%, transparent);--form-btn-padding-y:calc(14px * var(--density-space));--form-btn-padding-x:calc(26px * var(--density-space));--form-btn-secondary-bg:var(--ground-alt);--form-btn-secondary-border:transparent;--form-panel-border:transparent;--form-btn-primary-bg-hover:var(--action-hover);--form-btn-secondary-bg-hover:var(--track);--form-grid-gap:calc(12px * var(--density-space));--form-grid-bg:transparent;--form-grid-bg-alt:transparent;--form-control-radius:999px;--form-control-border:transparent;--form-control-bg:var(--ground-alt);--form-indicator-radius:999px;--form-popup-radius:calc(18px);--form-popup-border:transparent;--form-chip-radius:999px;--form-table-rule:transparent;--form-btn-padding-y-lg:calc(17px * var(--density-space));--form-btn-padding-x-lg:calc(32px * var(--density-space));--form-radius-bar:calc(6px);--form-radius-card:calc(20px);--form-radius-overlay:calc(18px)}[data-style=edge]{--form-radius:0;--form-radius-panel:0;--form-border-width:2px;--form-rule-width:2px;--form-btn-padding-y:calc(12px * var(--density-space));--form-btn-padding-x:calc(24px * var(--density-space));--form-btn-weight:700;--form-btn-transform:uppercase;--form-btn-tracking:.08em;--form-btn-secondary-border:var(--text-strong);--form-panel-border:var(--text-strong);--form-btn-secondary-bg-hover:var(--ground-alt);--form-control-radius:0;--form-popup-radius:0;--form-chip-radius:0;--form-indicator-radius:0;--form-popup-border:var(--text-strong);--form-popup-elevation:none;--form-table-rule:var(--text-strong);--form-radius-bar:0;--form-radius-card:0;--form-elevation-card:none;--form-elevation-card-hover:none;--form-surface-filter:none;--form-elevation-overlay:none;--form-mark-glow:none;--form-radius-overlay:0}[data-style=shaded]{--form-border-width:0;--form-rule-width:0;--form-radius-panel:calc(10px);--form-elevation:0 1px 2px color-mix(in srgb, var(--ground-dark) 8%, transparent), 0 6px 16px -8px color-mix(in srgb, var(--ground-dark) 16%, transparent);--form-elevation-raised:0 2px 6px color-mix(in srgb, var(--ground-dark) 12%, transparent), 0 14px 30px -10px color-mix(in srgb, var(--ground-dark) 20%, transparent);--form-btn-primary-bg:var(--ground-dark);--form-btn-primary-fg:var(--text-strong-on-dark);--form-btn-primary-border:transparent;--form-btn-secondary-bg:var(--ground-alt);--form-btn-secondary-fg:var(--text-strong);--form-btn-secondary-border:transparent;--form-panel-border:transparent;--form-btn-primary-bg-hover:var(--ground-dark-raised);--form-btn-secondary-bg-hover:var(--track);--form-grid-gap:calc(10px * var(--density-space));--form-grid-bg:transparent;--form-grid-bg-alt:transparent;--form-btn-primary-bg-on-dark:var(--text-strong-on-dark);--form-btn-primary-fg-on-dark:var(--ground-dark);--form-control-border:transparent;--form-control-bg:var(--ground-alt);--form-popup-border:transparent;--form-chip-bg:var(--track);--form-table-rule:transparent;--form-table-row-bg-hover:var(--ground-alt);--form-radius-card:calc(10px);--form-radius-bar:calc(3px)}[data-style=outlined]{--form-border-width:1px;--form-btn-primary-bg:transparent;--form-btn-primary-fg:var(--text-strong);--form-btn-primary-border:var(--action);--form-btn-secondary-bg:transparent;--form-btn-secondary-fg:var(--text);--form-btn-secondary-border:var(--line-alt);--form-panel-bg:transparent;--form-btn-primary-bg-hover:color-mix(in srgb, var(--action) 10%, transparent);--form-btn-secondary-bg-hover:color-mix(in srgb, var(--text) 6%, transparent);--form-btn-primary-bg-on-dark:transparent;--form-btn-primary-fg-on-dark:var(--text-strong-on-dark);--form-btn-primary-border-on-dark:var(--action);--form-control-bg:transparent;--form-popup-bg:var(--surface);--form-chip-bg:transparent;--form-popup-elevation:none;--form-elevation-card:none;--form-elevation-card-hover:none;--form-mark-glow:none}*,:before,:after{box-sizing:border-box}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--font-mono);font-size:var(--text-eyebrow);letter-spacing:.15em;text-transform:uppercase;color:var(--label);align-items:center;gap:10px;display:flex}.on-ink .eyebrow{color:var(--label-on-dark)}.eyebrow[data-num]:before{content:attr(data-num) " ·";color:inherit}.wrap{max-width:var(--max);padding:0 var(--space-gutter);margin:0 auto}.grid-4,.grid-2{gap:var(--form-grid-gap);background:var(--form-grid-bg);border-top:var(--form-rule-width) solid var(--form-grid-bg);border-bottom:var(--form-rule-width) solid var(--form-grid-bg);display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.on-sand .grid-4,.on-sand .grid-2{background:var(--form-grid-bg-alt);border-color:var(--form-grid-bg-alt)}.on-sand{background:var(--ground-alt)}.on-ink{background:var(--ground-dark);color:var(--text-on-dark);position:relative}.on-ink h1,.on-ink h2,.on-ink h3,.on-ink h4{color:var(--text-strong-on-dark)}:focus-visible{outline:2px solid var(--action);outline-offset:2px}.on-ink :focus-visible{outline-color:var(--action-hover-on-dark)}.skip-link{z-index:1000;background:var(--action);color:var(--action-label);border-radius:0 0 var(--form-radius-panel) var(--form-radius-panel);font-size:var(--text-control);padding:10px 16px;font-weight:500;transition:top .15s;position:absolute;top:-48px;left:8px}.skip-link:focus{top:0}.btn{font-family:var(--font-display);font-size:var(--text-control);font-weight:var(--form-btn-weight);text-transform:var(--form-btn-transform);letter-spacing:var(--form-btn-tracking);padding:var(--form-btn-padding-y) var(--form-btn-padding-x);border-radius:var(--form-radius);border:var(--form-border-width) solid transparent;box-shadow:var(--form-elevation);justify-content:center;align-items:center;gap:8px;transition:background-color .12s,color .12s,border-color .12s,box-shadow .12s;display:inline-flex}.btn-lg{font-size:var(--form-btn-font-lg);padding:var(--form-btn-padding-y-lg) var(--form-btn-padding-x-lg)}.btn-sm{font-size:var(--text-control);padding:var(--form-btn-padding-y-sm) var(--form-btn-padding-x-sm)}.btn-primary{background:var(--form-btn-primary-bg);color:var(--form-btn-primary-fg);border-color:var(--form-btn-primary-border)}.btn-primary:hover{background:var(--form-btn-primary-bg-hover);box-shadow:var(--form-elevation-raised)}.on-ink .btn-primary{background:var(--form-btn-primary-bg-on-dark);color:var(--form-btn-primary-fg-on-dark);border-color:var(--form-btn-primary-border-on-dark)}.on-ink .btn-primary:hover{background:var(--action-hover-on-dark);color:var(--action-label);box-shadow:0 0 0 3px var(--focus-ring-on-dark)}.btn-secondary{background:var(--form-btn-secondary-bg);color:var(--form-btn-secondary-fg);border-color:var(--form-btn-secondary-border)}.btn-secondary:hover{background:var(--form-btn-secondary-bg-hover)}.btn-ghost{color:var(--text-strong-on-dark);border-color:var(--control-border-on-dark);border-width:max(var(--form-border-width),1px);background:0 0}.btn-ghost:hover{border-color:var(--control-border-on-dark-hover)}.btn-inverse{background:var(--ground);color:var(--text-strong)}.btn-inverse:hover{background:var(--surface)}.btn-dark{background:var(--ground-dark);color:var(--text-strong-on-dark)}.btn-dark:hover{background:var(--ground-dark-raised)}.btn-disabled,.btn:disabled{background:var(--ground-alt);color:var(--text-disabled);cursor:default}.text-link{color:var(--text-strong);border-bottom:2px solid var(--action);align-items:center;gap:6px;font-weight:600;transition:color .12s;display:inline-flex}.text-link:after{content:"→"}.text-link:hover{color:var(--action)}.on-ink .text-link{color:var(--text-strong-on-dark)}body{background:var(--ground);color:var(--text-strong);font-family:var(--font-display);font-size:var(--text-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);margin:0;font-weight:600}p{margin:0}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}button{cursor:pointer;font-family:inherit}img,svg{max-width:100%;display:block}.showcase-bar{z-index:10;padding:var(--space-inline) var(--space-gutter);background:var(--surface);border-bottom:1px solid var(--line);font-size:var(--text-small);flex-wrap:wrap;align-items:center;gap:20px;display:flex;position:sticky;top:0}.showcase-bar select{font:inherit;padding:4px 6px}.showcase-body>main>section{padding:var(--space-section) 0}.showcase-row{gap:var(--space-inline);margin-top:var(--space-block);flex-wrap:wrap;align-items:center;display:flex}.showcase-theme-name{padding:calc(8px * var(--density-space)) var(--space-gutter);color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;font-size:var(--text-eyebrow);border-top:1px solid var(--line)}.showcase-lead{font-size:var(--text-lead);color:var(--text);margin-top:var(--space-block)}.showcase-body-copy{font-size:var(--text-body);color:var(--text);margin-top:var(--space-inline)}.showcase-body h1{font-size:var(--text-h1);letter-spacing:-.04em}.showcase-body h2{font-size:var(--text-h2);letter-spacing:-.04em}.showcase-body h3{font-size:var(--text-h3);letter-spacing:-.025em}.showcase-cell{background:var(--ground);padding:var(--space-cell) calc(22px * var(--density-space)) calc(30px * var(--density-space));flex-direction:column;gap:11px;display:flex}.on-sand .showcase-cell{background:var(--ground-alt)}.showcase-cell p{font-size:var(--text-control);color:var(--text)}.cell-index{font-size:var(--text-eyebrow);color:var(--label)}.strip{background:var(--ground);border-bottom:1px solid var(--line)}.strip-name{padding:calc(10px * var(--density-space)) var(--space-gutter) calc(6px * var(--density-space));color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;font-size:var(--text-eyebrow)}.strip-halves{grid-template-columns:1fr 1fr;display:grid}.strip-half{padding:calc(22px * var(--density-space)) var(--space-gutter) var(--space-cell)}.strip-half:not(.on-ink){background:var(--ground)}.strip-half h3{font-size:var(--text-h3);letter-spacing:-.025em;margin-top:var(--space-inline)}.strip-half .showcase-row{margin-top:var(--space-block)}.controls-grid{gap:var(--space-block);margin-top:var(--space-block);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));align-items:start;display:grid}.site-frame-wrap{flex-direction:column;height:calc(100vh - 3.2rem);display:flex}.site-frame-bar{justify-content:space-between;align-items:center;gap:var(--space-block);padding:calc(8px * var(--density-space)) var(--space-gutter);background:var(--ground-alt);border-bottom:1px solid var(--line);color:var(--text-muted);font-size:var(--text-eyebrow);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;display:flex}.site-frame-pages{gap:calc(6px * var(--density-space));flex-wrap:wrap;display:flex}.site-frame-page{font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;color:var(--text-muted);border:1px solid var(--line);background:0 0;border-radius:3px;padding:4px 10px}.site-frame-page.is-current{color:var(--text-strong-on-dark);background:var(--ground-dark);border-color:var(--ground-dark)}.site-frame{background:var(--surface);border:0;flex:1;width:100%}.controls-stack{gap:calc(10px * var(--density-space));margin-top:var(--space-inline);flex-direction:column;display:flex}.controls-row{gap:var(--space-inline);margin-top:var(--space-inline);flex-wrap:wrap;align-items:center;display:flex}.oat-field{gap:calc(6px * var(--density-space));flex-direction:column;display:flex}.oat-field-label{font-size:var(--text-small);color:var(--text-strong);font-weight:600}.oat-field-description{font-size:var(--text-small);color:var(--text-muted)}.oat-field-error{font-size:var(--text-small);color:var(--action)}.oat-control{align-items:center;gap:calc(8px * var(--density-space));min-height:var(--form-control-height);padding:var(--form-control-padding-y) var(--form-control-padding-x);font-family:var(--font-display);font-size:var(--text-control);color:var(--form-control-fg);background:var(--form-control-bg);border:var(--form-border-width) solid var(--form-control-border);border-radius:var(--form-control-radius);transition:border-color .12s,box-shadow .12s,background-color .12s;display:flex}.oat-control:focus-within{border-color:var(--form-control-border-focus);box-shadow:0 0 0 3px var(--focus-ring)}.on-ink .oat-control{border-color:var(--control-border-on-dark);color:var(--text-strong-on-dark)}.oat-select-trigger{cursor:default;text-align:start;justify-content:space-between;width:100%}.oat-select-icon{width:10px;color:var(--text-muted);flex:none;display:flex}.oat-select-icon svg{width:10px;height:6px}.oat-positioner{z-index:60}.oat-popup{min-width:var(--anchor-width,12rem);padding:calc(4px * var(--density-space));background:var(--form-popup-bg);border:var(--form-border-width) solid var(--form-popup-border);border-radius:var(--form-popup-radius);box-shadow:var(--form-popup-elevation);max-height:18rem;overflow-y:auto}.oat-popup-item{padding:calc(7px * var(--density-space)) calc(10px * var(--density-space));font-size:var(--text-control);color:var(--text-strong);border-radius:calc(var(--form-control-radius) * .6);cursor:default;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.oat-popup-item[data-highlighted],.oat-popup-item:hover{background:var(--form-popup-item-bg-active)}.oat-popup-check{color:var(--action);font-size:var(--text-small)}.oat-popup-empty{padding:calc(10px * var(--density-space));font-size:var(--text-small);color:var(--text-muted)}.oat-chips{cursor:text;flex-wrap:wrap;width:100%}.oat-chip{padding:calc(3px * var(--density-space)) calc(8px * var(--density-space));font-size:var(--text-small);color:var(--form-chip-fg);background:var(--form-chip-bg);border:var(--form-border-width) solid var(--form-control-border);border-radius:var(--form-chip-radius);align-items:center;gap:6px;display:inline-flex}.oat-chip-remove{cursor:pointer;color:var(--text-muted);line-height:1;font-size:var(--text-control);background:0 0;border:0;padding:0}.oat-chip-remove:hover{color:var(--text-strong)}.oat-chips-input{min-width:6rem;font-family:inherit;font-size:var(--text-control);color:var(--form-control-fg);background:0 0;border:0;outline:none;flex:1}.oat-choice{align-items:center;gap:calc(9px * var(--density-space));font-size:var(--text-control);color:var(--text);display:inline-flex}.oat-checkbox,.oat-radio{width:var(--form-indicator-size);height:var(--form-indicator-size);background:var(--form-indicator-bg);border:max(var(--form-border-width),1px) solid var(--form-indicator-border);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;transition:background-color .12s,border-color .12s;display:inline-flex}.oat-checkbox{border-radius:var(--form-indicator-radius)}.oat-radio{border-radius:999px}.oat-checkbox[data-checked],.oat-radio[data-checked]{background:var(--form-indicator-bg-checked);border-color:var(--form-indicator-bg-checked)}.oat-checkbox-indicator{color:var(--form-indicator-fg-checked);display:flex}.oat-checkbox-indicator svg{width:calc(var(--form-indicator-size) * .66);height:calc(var(--form-indicator-size) * .66)}.oat-radio-indicator{background:var(--form-indicator-fg-checked);border-radius:999px;width:38%;height:38%}.oat-radio-group{gap:calc(8px * var(--density-space));flex-direction:column;display:flex}.oat-backdrop{z-index:70;background:color-mix(in srgb, var(--ground-dark) 55%, transparent);position:fixed;inset:0}.oat-dialog{z-index:80;gap:calc(10px * var(--density-space));width:min(28rem,100vw - 2rem);padding:var(--space-cell);background:var(--form-popup-bg);border:var(--form-border-width) solid var(--form-popup-border);border-radius:var(--form-popup-radius);box-shadow:var(--form-popup-elevation);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.oat-dialog-title{font-size:var(--text-h3);letter-spacing:-.02em;color:var(--text-strong)}.oat-dialog-description{font-size:var(--text-control);color:var(--text)}.oat-dialog-actions{justify-content:flex-end;gap:var(--space-inline);margin-top:var(--space-inline);display:flex}.oat-table{border-collapse:collapse;width:100%;font-size:var(--text-control)}.oat-table-caption{text-align:start;padding-bottom:var(--space-inline);font-size:var(--text-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.oat-table th{text-align:start;font-weight:600;font-size:var(--text-small);color:var(--form-table-head-fg);padding:calc(9px * var(--density-space)) calc(10px * var(--density-space));border-bottom:max(var(--form-rule-width),1px) solid var(--form-table-rule)}.oat-table td{padding:calc(11px * var(--density-space)) calc(10px * var(--density-space));color:var(--text);border-bottom:var(--form-rule-width) solid var(--form-table-rule)}.oat-table th[data-align=end],.oat-table td[data-align=end]{text-align:end;font-variant-numeric:tabular-nums}.oat-table tbody tr:hover td{background:var(--form-table-row-bg-hover)}.oat-input,.oat-textarea{width:100%;font-family:inherit}.oat-textarea{min-height:calc(var(--form-control-height) * 2.4);resize:vertical;line-height:1.5}.oat-numberfield{padding:0;overflow:hidden}.oat-numberfield-input{text-align:center;min-width:0;font-family:inherit;font-size:var(--text-control);color:var(--form-control-fg);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1}.oat-step{width:var(--form-control-height);background:var(--form-chip-bg);color:var(--text-strong);font:inherit;cursor:pointer;border:0;flex:none;align-self:stretch;line-height:1}.oat-step:hover{background:var(--form-popup-item-bg-active)}.oat-switch{cursor:pointer;width:calc(var(--form-indicator-size) * 1.85);height:var(--form-indicator-size);border:max(var(--form-border-width),1px) solid var(--form-indicator-border);border-radius:var(--form-indicator-radius);background:var(--form-indicator-bg);flex:none;padding:0;transition:background-color .12s,border-color .12s;position:relative}.oat-switch[data-checked]{background:var(--form-indicator-bg-checked);border-color:var(--form-indicator-bg-checked)}.oat-switch-thumb{width:calc(var(--form-indicator-size) * .68);height:calc(var(--form-indicator-size) * .68);border-radius:var(--form-indicator-radius);background:var(--form-control-bg);transition:left .14s;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.oat-switch[data-checked] .oat-switch-thumb{left:calc(100% - var(--form-indicator-size) * .68 - 2px);background:var(--form-indicator-fg-checked)}.oat-tabs{gap:var(--space-block);flex-direction:column;display:flex}.oat-tablist{gap:var(--space-block);border-bottom:max(var(--form-rule-width),1px) solid var(--line);display:flex;position:relative}.oat-tab{cursor:pointer;padding:calc(8px * var(--density-control)) 0;font-family:inherit;font-size:var(--text-control);font-weight:var(--form-btn-weight);text-transform:var(--form-btn-transform);letter-spacing:var(--form-btn-tracking);color:var(--text-muted);background:0 0;border:0}.oat-tab[data-selected]{color:var(--text-strong)}.oat-tab-indicator{bottom:calc(-1 * max(var(--form-rule-width),1px));width:var(--active-tab-width);height:max(var(--form-rule-width),2px);background:var(--action);transform:translateX(var(--active-tab-left));transition:transform .18s,width .18s;position:absolute;left:0}.oat-tabpanel{font-size:var(--text-control);color:var(--text)}.oat-accordion{flex-direction:column;display:flex}.oat-accordion-item{border-top:max(var(--form-rule-width),1px) solid var(--line)}.oat-accordion-item:last-child{border-bottom:max(var(--form-rule-width),1px) solid var(--line)}.oat-accordion-trigger{justify-content:space-between;align-items:center;gap:var(--space-inline);width:100%;padding:calc(12px * var(--density-control)) 0;cursor:pointer;text-align:start;font-family:inherit;font-size:var(--text-control);color:var(--text-strong);background:0 0;border:0;font-weight:600;display:flex}.oat-accordion-mark{flex:none;width:10px;height:10px;position:relative}.oat-accordion-mark:before,.oat-accordion-mark:after{content:"";height:max(var(--form-rule-width),1px);background:var(--text-muted);transition:transform .16s;position:absolute;inset:50% 0 auto}.oat-accordion-mark:after{transform:rotate(90deg)}.oat-accordion-trigger[data-panel-open] .oat-accordion-mark:after{transform:rotate(0)}.oat-accordion-panel{font-size:var(--text-control);color:var(--text);padding-bottom:calc(12px * var(--density-control));line-height:1.6;overflow:hidden}.oat-popup-item.is-destructive{color:var(--critical)}.oat-tooltip-trigger{display:inline-flex}.oat-tooltip{max-width:18rem;padding:calc(6px * var(--density-control)) calc(9px * var(--density-control));border-radius:var(--form-radius);background:var(--ground-dark);color:var(--text-strong-on-dark);font-size:var(--text-small);box-shadow:var(--form-popup-elevation);line-height:1.45}.oat-progress{gap:calc(6px * var(--density-space));flex-direction:column;display:flex}.oat-progress-head{justify-content:space-between;align-items:baseline;display:flex}.oat-progress-label{font-size:var(--text-small);color:var(--text-strong);font-weight:600}.oat-progress-value{font-size:var(--text-small);color:var(--text-muted)}.oat-progress-track{height:calc(6px * var(--density-control));background:var(--track);border-radius:var(--form-radius-bar);overflow:hidden}.oat-progress-indicator{background:var(--action);height:100%;transition:width .2s}.oat-progress[data-indeterminate] .oat-progress-indicator{display:none}.oat-progress[data-indeterminate] .oat-progress-track{background:linear-gradient(90deg, var(--track) 0 42%, var(--action) 48% 52%, var(--track) 58% 100%);background-size:320% 100%;animation:1.3s linear infinite oat-indeterminate}@keyframes oat-indeterminate{0%{background-position:110% 0}to{background-position:-10% 0}}.oat-toast-viewport{bottom:var(--space-block);right:var(--space-block);z-index:90;gap:calc(8px * var(--density-space));flex-direction:column;width:min(22rem,100vw - 2rem);display:flex;position:fixed}.oat-toast{padding:calc(12px * var(--density-control)) calc(30px * var(--density-control)) calc(12px * var(--density-control)) calc(14px * var(--density-control));background:var(--form-popup-bg);border:var(--form-border-width) solid var(--form-popup-border);border-radius:var(--form-popup-radius);box-shadow:var(--form-popup-elevation);position:relative}.oat-toast-title{font-size:var(--text-control);color:var(--text-strong);font-weight:600}.oat-toast-description{font-size:var(--text-small);color:var(--text);margin-top:2px}.oat-toast-close{cursor:pointer;color:var(--text-muted);font-size:var(--text-control);background:0 0;border:0;line-height:1;position:absolute;top:6px;right:8px}.oat-badge{padding:calc(2px * var(--density-control)) calc(8px * var(--density-control));border-radius:var(--form-chip-radius);border:var(--form-border-width) solid transparent;font-size:var(--text-eyebrow);letter-spacing:.04em;text-transform:var(--form-btn-transform);background:color-mix(in srgb, var(--oat-tone) 12%, transparent);color:var(--oat-tone);border-color:color-mix(in srgb, var(--oat-tone) 28%, transparent);align-items:center;font-weight:600;display:inline-flex}.oat-tone-neutral{--oat-tone:var(--text-muted)}.oat-tone-action{--oat-tone:var(--action)}.oat-tone-positive{--oat-tone:var(--positive)}.oat-tone-caution{--oat-tone:var(--caution)}.oat-tone-critical{--oat-tone:var(--critical)}.oat-card{background:var(--form-panel-bg);border:var(--form-border-width) solid var(--form-panel-border);border-radius:var(--form-radius-card);box-shadow:var(--form-elevation-card);flex-direction:column;display:flex}.oat-card-head{justify-content:space-between;align-items:center;gap:var(--space-inline);padding:calc(14px * var(--density-control)) var(--space-cell);border-bottom:var(--form-rule-width) solid var(--form-panel-border);display:flex}.oat-card-title{font-size:var(--text-h3);letter-spacing:-.02em;color:var(--text-strong)}.oat-card-body{padding:var(--space-cell);font-size:var(--text-control);color:var(--text)}.oat-callout{padding:calc(12px * var(--density-control)) calc(14px * var(--density-control));border-radius:var(--form-radius-panel);border:var(--form-border-width) solid color-mix(in srgb, var(--oat-tone) 28%, transparent);border-left-width:max(calc(var(--form-border-width) * 3), 3px);border-left-color:var(--oat-tone);background:color-mix(in srgb, var(--oat-tone) 8%, transparent)}.oat-callout-title{font-size:var(--text-control);color:var(--oat-tone);font-weight:600}.oat-callout-body{font-size:var(--text-small);color:var(--text);line-height:1.6}.oat-empty{align-items:center;gap:calc(6px * var(--density-space));padding:var(--space-section-tight) var(--space-cell);text-align:center;border:max(var(--form-rule-width),1px) dashed var(--line-alt);border-radius:var(--form-radius-card);flex-direction:column;display:flex}.oat-empty-title{font-size:var(--text-control);color:var(--text-strong);font-weight:600}.oat-empty-description{font-size:var(--text-small);color:var(--text-muted);max-width:26rem}.oat-empty-action{margin-top:var(--space-inline)}.oat-separator{height:max(var(--form-rule-width),1px);background:var(--line);margin:var(--space-block) 0;border:0}.oat-kv{gap:calc(7px * var(--density-space)) var(--space-block);grid-template-columns:auto 1fr;margin:0;display:grid}.oat-kv-row{display:contents}.oat-kv dt{font-size:var(--text-small);color:var(--text-muted)}.oat-kv dd{font-size:var(--text-control);color:var(--text-strong);margin:0}