:root{--ink:#172033;--muted:#687086;--line:#dfe3ec;--canvas:#edf0f5;--paper:#fbfcfe;--composition:#4667db;--composition-soft:#e9edff;--options:#d76a3f;--options-soft:#fff0e9;--success:#16856a;--danger:#b53c4c;color:var(--ink);background:var(--canvas);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Avenir Next,Avenir,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#17203309 1px, transparent 1px), linear-gradient(90deg, #17203309 1px, transparent 1px), var(--canvas);background-size:24px 24px;min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}#app{min-height:100vh}.demo-app{width:min(1180px,100%);margin:0 auto;padding:clamp(1.25rem,4vw,3.5rem)}.demo-hero{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;max-width:820px;display:grid}.brand-mark{border:1px solid var(--ink);background:var(--ink);color:#fff;letter-spacing:-.06em;place-items:center;width:3rem;height:3rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.78rem;font-weight:800;display:grid;box-shadow:5px 5px #9fabe0}.demo-eyebrow,.panel-kicker{color:var(--composition);letter-spacing:.09em;text-transform:uppercase;margin:0 0 .35rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.72rem;font-weight:750}h1{letter-spacing:-.07em;max-width:720px;margin:0;font-size:clamp(2rem,6vw,4.7rem);font-weight:760;line-height:.98}.demo-intro{max-width:660px;color:var(--muted);margin:1rem 0 0;font-size:clamp(.95rem,2vw,1.12rem);line-height:1.7}.runtime-bridge{border:1px solid var(--line);background:var(--paper);width:max-content;max-width:100%;color:var(--muted);z-index:1;border-radius:999px;align-items:center;gap:.65rem;margin:clamp(1.5rem,4vw,2.5rem) auto -.8rem;padding:.55rem .9rem;font-size:.78rem;display:flex;position:relative;box-shadow:0 8px 24px #17203314}.runtime-bridge strong{color:var(--ink)}.runtime-bridge__pulse{background:var(--success);border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 4px #16856a24}@media (width<=760px){.runtime-bridge{text-align:center;justify-content:center;width:calc(100% - 2rem)}.runtime-bridge>span:last-child{display:none}}@media (width<=460px){.demo-app{padding:1rem}.demo-hero{grid-template-columns:1fr}.brand-mark{width:2.5rem;height:2.5rem}}.api-workbench{border:1px solid var(--ink);background:var(--paper);box-shadow:12px 12px #1720331f}.demo-tabs{border-bottom:1px solid var(--ink);background:#f3f5f9;gap:.5rem;padding:.6rem;display:flex;overflow-x:auto}.demo-tab{min-width:11rem;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:.4rem;flex:1;gap:.2rem;padding:.75rem .9rem;transition:border-color .14s,background-color .14s,color .14s;display:grid}.demo-tab span{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;font-weight:750}.demo-tab small{font-size:.68rem}.demo-tab[data-mode=setup][aria-selected=true]{border-color:var(--composition);background:var(--composition-soft);color:var(--composition)}.demo-tab[data-mode=options][aria-selected=true]{border-color:var(--options);background:var(--options-soft);color:var(--options)}.demo-tab:hover:not([aria-selected=true]){border-color:var(--line);color:var(--ink);background:#fff}.demo-tab:focus-visible,.demo-tab-panel:focus-visible{outline-offset:-3px;outline:3px solid #1720333d}.demo-tab-panel{min-width:0}.api-panel{background:var(--paper);width:min(820px,100%);min-width:0;margin:0 auto;padding:clamp(1.25rem,5vw,3rem)}.api-panel--options .panel-kicker{color:var(--options)}.panel-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.panel-header h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.45rem,3vw,2rem)}.api-signature{background:var(--composition-soft);color:var(--composition);border-radius:.35rem;flex-shrink:0;padding:.4rem .55rem;font-size:.68rem;font-weight:700}.api-panel--options .api-signature{background:var(--options-soft);color:var(--options)}.panel-description{min-height:1.3rem;color:var(--muted);margin:.4rem 0 1.4rem;font-size:.82rem}.language-control{color:var(--muted);gap:.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:700;display:grid}select{appearance:none;border:1px solid var(--line);background:linear-gradient(45deg, transparent 50%, var(--muted) 50%) calc(100% - 16px) calc(50% - 2px) / 5px 5px no-repeat, linear-gradient(135deg, var(--muted) 50%, transparent 50%) calc(100% - 11px) calc(50% - 2px) / 5px 5px no-repeat, #fff;width:100%;color:var(--ink);cursor:pointer;border-radius:.4rem;padding:.72rem 2.2rem .72rem .8rem;transition:border-color .14s,box-shadow .14s}select:hover:not(:disabled){border-color:var(--composition)}.api-panel--options select:hover:not(:disabled){border-color:var(--options)}select:focus-visible{border-color:var(--composition);outline:3px solid #4667db33}.api-panel--options select:focus-visible{border-color:var(--options);outline-color:#d76a3f38}select:disabled{cursor:wait;opacity:.65}.runtime-readout{border-block:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.runtime-readout>div{min-width:0;padding:.75rem 0}.runtime-readout>div:nth-child(2n){border-left:1px solid var(--line);padding-left:.75rem}.runtime-readout dt{color:var(--muted);margin-bottom:.3rem;font-size:.68rem}.runtime-readout dd{overflow-wrap:anywhere;align-items:center;gap:.5rem;min-height:1.35rem;margin:0;font-size:.77rem;display:flex}.runtime-readout dd strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.runtime-readout dd>code{color:var(--muted);font-size:.7rem}.state-indicator{color:var(--success);align-items:center;gap:.35rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.7rem;display:inline-flex}.state-indicator:before{content:"";background:currentColor;border-radius:50%;width:.42rem;height:.42rem}.state-indicator[data-state=loading]{color:var(--composition)}.state-indicator[data-state=error]{color:var(--danger)}.translation-card{background:var(--composition-soft);border-radius:.55rem;margin-top:1rem;padding:1rem}.api-panel--options .translation-card{background:var(--options-soft)}.translation-card__label{color:var(--composition);margin-bottom:.65rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.67rem;font-weight:700;display:block}.api-panel--options .translation-card__label{color:var(--options)}.translation-card p{min-height:3.2rem;margin:0;font-size:1.02rem;font-weight:700;line-height:1.55}.translation-card small{color:var(--muted);margin-top:.6rem;line-height:1.5;display:block}.analysis-proof,.watch-readout{border-top:1px dashed var(--line);color:var(--muted);margin-top:1rem;padding-top:.9rem;font-size:.72rem}.analysis-proof{gap:.4rem;display:grid}.analysis-proof code,.watch-readout code{color:var(--ink)}.watch-readout{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem .75rem;display:grid}.watch-readout>div{gap:.25rem;display:grid}.watch-readout>strong{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.watch-readout output{color:var(--ink);grid-column:1/-1;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.error-message{border-left:3px solid var(--danger);color:var(--danger);background:#b53c4c14;margin:1rem 0 0;padding:.75rem;font-size:.78rem;line-height:1.5}@media (width<=460px){.demo-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.demo-tab{min-width:0;padding-inline:.65rem}.panel-header{display:grid}.api-signature{justify-self:start}}@media (prefers-reduced-motion:reduce){.demo-tab,select{transition:none}}