@font-face{font-family:Archivo;font-style:normal;font-weight:500 900;font-stretch:62% 125%;font-display:swap;src:url(/v/https/tarve.dev/fonts/Archivo.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:100 700;font-display:swap;src:url(/v/https/tarve.dev/fonts/IBMPlexSans.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/v/https/tarve.dev/fonts/IBMPlexMono-400.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500 600;font-display:swap;src:url(/v/https/tarve.dev/fonts/IBMPlexMono-600.woff2)format("woff2")}:root{--paper:#f2efe6;--paper-2:#e8e4d8;--paper-3:#ddd8c8;--ink:#15140f;--ink-2:#3b3830;--muted:#6e695b;--rule:#15140f29;--accent:#e4401c;--accent-ink:#b52f10;--screen:#141310;--screen-2:#1d1c18;--screen-line:#f2efe61a;--screen-fg:#e6e1d3;--screen-muted:#8c8676;--screen-border:#15140f24;--surface:#fff;--prop-type:#2f5866;--example-bg:#fafafa;--display:"Archivo", "Arial Narrow", sans-serif;--sans:"IBM Plex Sans", ui-sans-serif, system-ui, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--page:1240px;--gutter:32px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--paper:#12110e;--paper-2:#1c1b17;--paper-3:#2c2a24;--ink:#ece7da;--ink-2:#bfb9a9;--muted:#8a8474;--rule:#ece7da24;--accent:#ff5a30;--accent-ink:#ff7d5a;--screen:#0a0908;--screen-border:#ece7da24;--surface:#1a1915;--prop-type:#8fc1cf;--example-bg:#09090b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#12110e;--paper-2:#1c1b17;--paper-3:#2c2a24;--ink:#ece7da;--ink-2:#bfb9a9;--muted:#8a8474;--rule:#ece7da24;--accent:#ff5a30;--accent-ink:#ff7d5a;--screen:#0a0908;--screen-border:#ece7da24;--surface:#1a1915;--prop-type:#8fc1cf;--example-bg:#09090b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:72px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55}a{color:inherit}code,kbd{font-family:var(--mono);font-size:.9em}p code,h2 code,li code,.doc-prose code{background:var(--paper-2);border-radius:2px;padding:.05em .3em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--ink);color:var(--paper)}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0;font-weight:700;line-height:1}h3{font-size:18px;font-stretch:90%}.muted{color:var(--muted)}.eyebrow{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:12px;display:inline-block}.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}.inline-link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px}.only-light{display:none!important}:root[data-theme=light] .only-light{display:block!important}:root[data-theme=light] .only-dark{display:none!important}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .only-light{display:block!important}:root:not([data-theme=dark]) .only-dark{display:none!important}}.nav{z-index:20;height:56px;padding:0 max(var(--gutter), calc((100% - var(--page)) / 2 + var(--gutter)));background:var(--paper);border-bottom:1px solid var(--screen-border);align-items:center;gap:40px;display:flex;position:sticky;top:0}.brand{font-family:var(--display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:22px;font-weight:800;font-stretch:80%;text-decoration:none;display:inline-flex}.nav-links,.nav-actions{font-family:var(--mono);gap:24px;font-size:13px;display:flex}.nav-actions{margin-left:auto}.nav a:not(.brand){color:var(--ink-2);text-decoration:none}.nav a:not(.brand):hover,.nav a.active{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:5px;text-decoration-thickness:2px}.theme-toggle{width:28px;height:28px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;place-items:center;margin:-6px -6px -6px 0;padding:0;display:grid}.theme-toggle:hover{color:var(--accent)}.nav-actions{align-items:center}.btn{border:1px solid var(--screen-border);height:44px;font:500 15px var(--sans);cursor:pointer;align-items:center;gap:8px;padding:0 20px;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--accent);border-color:var(--accent)}.btn-ghost{color:var(--ink);background:0 0}.btn-ghost:hover{background:var(--paper-2)}.cta{flex-wrap:wrap;gap:12px;display:flex}.cta.center{justify-content:center}.copy{border:1px solid var(--screen-border);background:var(--paper);height:44px;color:var(--ink);font:15px var(--mono);cursor:pointer;align-items:center;gap:12px;padding:0 16px;transition:background .15s;display:inline-flex}.copy:hover{background:var(--paper-2)}.copy code{font-size:15px}.copy-prompt{color:var(--accent)}.copy-state{border-left:1px solid var(--rule);text-align:left;min-width:64px;color:var(--muted);padding-left:12px;font-size:12px}.home{max-width:var(--page);padding:0 var(--gutter);margin:0 auto}.hero{padding:56px 0 64px}.kicker{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;gap:8px 28px;margin:0 0 40px;font-size:13px;display:flex}.kicker span+span:before{content:"/";color:var(--rule);margin-right:28px}.headline{--hl-size:clamp(56px, 10.4vw, 152px);--hl-line:calc(var(--hl-size) * .88);grid-template-columns:auto minmax(0,1fr);column-gap:32px;display:grid}.hero h1{grid-auto-rows:var(--hl-line);font-size:var(--hl-size);font-weight:800;font-stretch:62.5%;line-height:var(--hl-line);letter-spacing:-.012em;text-transform:uppercase;display:grid}.hl-row{white-space:nowrap}.hero h1 em{color:var(--accent);font-style:normal}.hero h1 s{color:var(--muted);text-decoration:none;position:relative}.hero h1 s:after{content:"";background:var(--accent);transform-origin:0;height:.09em;animation:.5s cubic-bezier(.6,0,.2,1) .9s forwards strike;position:absolute;top:50%;left:-.04em;right:-.04em;transform:scaleX(0)}@keyframes strike{to{transform:scaleX(1)}}.hl-tsx i{color:var(--muted);font-style:normal;font-weight:500}.hl-notes{grid-auto-rows:var(--hl-line);font-family:var(--mono);color:var(--ink-2);margin:0;padding:0;font-size:13px;line-height:1.5;list-style:none;display:grid}.hl-notes li{max-width:300px;padding-bottom:calc(var(--hl-line) * .16);align-items:flex-end;margin-left:auto;display:flex;position:relative}.hl-notes li:before{content:"";right:calc(100% + 16px);bottom:calc(var(--hl-line) * .16 + .75em);border-top:1px dashed var(--rule);width:100vw;max-width:220px;position:absolute}.hl-notes b{color:var(--accent);margin-right:10px;font-weight:600}.pw{display:inline-block;position:relative}.pw-probe{vertical-align:baseline;width:0;height:0;display:inline-block}.pw-ready .pw-text{color:#0000}.pw-grid{fill:currentColor;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.pw-grid rect{opacity:0;animation:linear forwards pixel-in;animation-delay:calc(var(--row) * 28ms + .2s)}@keyframes pixel-in{to{opacity:1}}.hero-foot{border-top:1px solid var(--screen-border);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px 64px;margin-top:48px;padding-top:24px;display:grid}.lead{max-width:600px;color:var(--ink-2);margin:0;font-size:19px;line-height:1.5}.specimen{border:1px solid var(--screen-border);grid-template-columns:minmax(0,1fr) 570px;gap:0;display:grid}.specimen-code .code{height:100%}.live{border-left:1px solid var(--screen-border);background:var(--paper);flex-direction:column;margin:0;display:flex}.live-head,.live-meter{font-family:var(--mono);color:var(--muted);gap:16px;padding:10px 16px;font-size:12px;display:flex}.live-head{border-bottom:1px solid var(--rule)}.live-head span:first-child{color:var(--ink);font-weight:600}.live-stage{border:1px solid var(--screen-border);background:var(--surface);flex:none;width:522px;height:362px;margin:24px auto;position:relative}.live-canvas{opacity:0;outline:none;width:100%;height:100%;transition:opacity .15s linear;display:block;position:absolute;inset:0}.live[data-phase=live] .live-canvas{opacity:1}.live-canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.live-note{font-family:var(--mono);text-align:center;color:var(--muted);place-items:center;margin:0;padding:24px;font-size:13px;display:grid;position:absolute;inset:0}.live-meter{border-top:1px solid var(--rule);font-variant-numeric:tabular-nums}.live-meter b{color:var(--ink);font-weight:600}.live-state{margin-left:auto}.live-state:before{content:"";background:var(--paper-3);vertical-align:0;width:8px;height:8px;margin-right:8px;display:inline-block}.live-state.on{color:var(--ink)}.live-state.on:before{background:var(--accent)}.live-caption{border-top:1px solid var(--rule);color:var(--ink-2);margin:0;padding:12px 16px 16px;font-size:14px}.sheet{padding:96px 0 0}.sheet.sheet-split{padding-top:14px}.sheet-head{border-top:1px solid var(--screen-border);grid-template-columns:96px minmax(0,1fr);align-items:baseline;column-gap:24px;margin-bottom:40px;padding-top:14px;display:grid}.sec{font-family:var(--mono);color:var(--accent);font-size:14px;font-weight:600}.sheet-head h2{text-transform:uppercase;font-size:clamp(34px,4.4vw,56px);font-weight:800;font-stretch:75%}.sheet-head p{max-width:640px;color:var(--ink-2);grid-column:2;margin:16px 0 0;font-size:17px}.sheet-split{border-top:1px solid var(--screen-border);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;column-gap:48px;margin-top:96px;padding-top:14px;display:grid}.sheet-split .sheet-head{border-top:0;margin-bottom:0;padding-top:0}.sheet-split .sheet-head p{font-size:16px}.spec,.notes{margin:0;padding-left:120px}.spec div{border-bottom:1px solid var(--rule);grid-template-columns:220px minmax(0,1fr);gap:24px;padding:12px 0;display:grid}.spec div:first-child{border-top:1px solid var(--rule)}.spec dt{font-family:var(--mono);color:var(--muted);padding-top:3px;font-size:13px}.spec dd{flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:0;display:flex}.spec dd strong{font-weight:600}.spec dd span{color:var(--muted);font-size:14px}.stages{border-top:1px solid var(--screen-border);border-bottom:1px solid var(--screen-border);grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.stages li{padding:16px 18px 24px;position:relative}.stages li+li{border-left:1px solid var(--rule)}.stages li+li:before{content:"";border-top:1px solid var(--screen-border);border-right:1px solid var(--screen-border);background:var(--paper);width:9px;height:9px;position:absolute;top:22px;left:-5px;transform:rotate(45deg)}.stage-n{font-family:var(--mono);color:var(--accent);margin-bottom:40px;font-size:13px;display:block}.stages h3{text-transform:uppercase;font-size:26px;font-weight:800;font-stretch:75%}.stages code{color:var(--muted);margin:6px 0 14px;font-size:12px;display:block}.stages p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.5}.notes{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;display:grid}.notes div{border-top:1px solid var(--rule);grid-template-columns:150px minmax(0,1fr);gap:16px;padding:14px 0;display:grid}.notes dt{font-weight:600}.notes dd{color:var(--ink-2);margin:0;font-size:15px}.index{columns:4 220px;column-gap:32px;padding-left:120px}.index-group{break-inside:avoid;margin-bottom:28px}.index-group h3{border-bottom:1px solid var(--screen-border);text-transform:uppercase;justify-content:space-between;margin-bottom:6px;padding-bottom:6px;font-size:16px;font-stretch:85%;display:flex}.index-group h3 span{font-family:var(--mono);color:var(--muted);font-size:12px;font-weight:400}.index-group ul{margin:0;padding:0;list-style:none}.index-group a{font-family:var(--mono);justify-content:space-between;padding:2px 0;font-size:14px;text-decoration:none;display:flex}.index-group a:after{content:"→";opacity:0;color:var(--accent);transition:opacity .12s}.index-group a:hover{color:var(--accent-ink)}.index-group a:hover:after{opacity:1}.footer{max-width:var(--page);padding:20px var(--gutter) 40px;border-top:1px solid var(--screen-border);color:var(--muted);grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:24px 48px;margin:128px auto 0;font-size:13px;display:grid}.footer nav{font-family:var(--mono);gap:20px;display:flex}.footer a{color:var(--ink);text-decoration:none}.footer a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.colophon{max-width:460px;margin:0}.code{background:var(--screen);outline:1px solid var(--screen-border);outline-offset:-1px;color:var(--screen-fg);margin:0;position:relative}.code figcaption{border-bottom:1px solid var(--screen-line);font-family:var(--mono);color:var(--screen-muted);padding:10px 16px;font-size:12px}.code-copy{z-index:1;width:30px;height:30px;color:var(--screen-muted);cursor:pointer;opacity:.7;background:0 0;border:0;place-items:center;transition:opacity .15s,color .15s;display:grid;position:absolute;top:5px;right:6px}.code:hover .code-copy,.code-copy:focus-visible,.code-copy.copied{opacity:1}.code-copy:hover{color:var(--screen-fg)}.code-copy.copied{color:var(--accent)}.code-bare pre{padding-right:48px}.code pre{font-family:var(--mono);scrollbar-width:thin;scrollbar-color:var(--screen-line) transparent;margin:0;padding:18px 20px;font-size:13.5px;line-height:1.7;overflow-x:auto}.code pre code{font-size:inherit;background:0 0;padding:0}.tk-k{color:#ff8a65}.tk-s{color:#c8d39a}.tk-t,.tk-y{color:#9cc3cf}.tk-n{color:#f0b45a}.tk-f{color:#f2efe6}.tk-a{color:#d8c9a8}.tk-c{color:#77715f;font-style:italic}.renderers{flex-direction:column;gap:16px;display:flex}.seg{border:1px solid var(--screen-border);width:fit-content;display:flex}.seg button{height:36px;color:var(--ink-2);font:500 14px var(--sans);cursor:pointer;background:0 0;border:0;padding:0 16px}.seg button+button{border-left:1px solid var(--screen-border)}.seg button.active{background:var(--ink);color:var(--paper)}.modes{border:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mode{color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;display:flex}.mode+.mode{border-left:1px solid var(--rule)}.mode code{font-size:13px}.mode span{color:var(--muted);font-size:12px}.mode:hover{background:var(--paper-2)}.mode.active{background:var(--paper-2);box-shadow:inset 0 -2px 0 var(--accent)}.chain-card{border:1px solid var(--screen-border);padding:20px}.chain{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.chain-step{border:1px solid var(--rule);font-family:var(--mono);align-items:center;gap:8px;padding:7px 12px;font-size:13px;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.chain-icon{text-align:center;width:1em}.chain-active{border-color:var(--screen-border);background:var(--ink);color:var(--paper)}.chain-active .chain-icon{color:var(--accent)}.chain-failed{color:var(--muted)}.chain-failed .chain-icon{color:var(--accent)}.chain-failed .chain-name{text-decoration:line-through}.chain-why{color:var(--accent-ink);font-size:11px}.chain-standby{color:var(--muted);border-style:dashed}.chain-arrow{color:var(--muted)}.chain-card p{color:var(--ink-2);margin:0;font-size:15px}.chain-sim{border:1px solid var(--screen-border);height:34px;color:var(--ink);font:500 13px var(--sans);cursor:pointer;background:0 0;margin-top:16px;padding:0 14px}.chain-sim:hover:not(:disabled){background:var(--ink);color:var(--paper)}.chain-sim:disabled{opacity:.5;cursor:progress}.docs{max-width:var(--page);padding:0 var(--gutter);grid-template-columns:232px minmax(0,1fr);gap:56px;margin:0 auto;display:grid}.docs-sidebar{flex-direction:column;align-self:start;gap:12px;max-height:calc(100vh - 56px);padding:24px 0 0;display:flex;position:sticky;top:56px}.docs-search-wrap{position:relative}.docs-search{border:1px solid var(--screen-border);background:var(--paper);width:100%;height:38px;color:var(--ink);font:14px var(--sans);border-radius:0;outline:none;padding:0 34px 0 12px}.docs-search::placeholder{color:var(--muted)}.docs-search:focus{background:var(--surface);box-shadow:inset 0 -2px 0 var(--accent)}.docs-search::-webkit-search-cancel-button{display:none}.docs-search-key{border:1px solid var(--rule);color:var(--muted);pointer-events:none;padding:0 6px;font-size:11px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.docs-toggle{border:1px solid var(--screen-border);height:38px;color:var(--ink);font:500 14px var(--sans);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:0 12px;display:none}.docs-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.docs-nav{scrollbar-width:thin;scrollbar-color:var(--rule) transparent;flex-direction:column;padding:0 6px 32px 0;display:flex;overflow-y:auto}.docs-nav a{color:var(--ink-2);border-left:2px solid #0000;padding:3px 10px;font-size:14px;text-decoration:none}.docs-nav a:hover{color:var(--ink);background:var(--paper-2)}.docs-nav a.active{border-left-color:var(--accent);background:var(--paper-2);color:var(--ink);font-weight:600}.docs-group{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:20px 0 4px;padding-left:12px;font-size:11px}.docs-group:first-child{margin-top:4px}.docs-empty{color:var(--muted);padding:10px;font-size:13px}.docs-main{min-width:0;padding:40px 0 0}.doc{max-width:860px}.doc h1{text-transform:uppercase;font-size:clamp(40px,5vw,64px);font-weight:800;font-stretch:72%}.doc-crumbs{font-family:var(--mono);color:var(--muted);gap:8px;margin-bottom:20px;font-size:12px;display:flex}.doc-crumbs a{text-decoration:none}.doc-crumbs a:hover{color:var(--ink);text-decoration:underline}.doc-head{padding-bottom:8px}.doc-lead{max-width:680px;color:var(--ink-2);margin:18px 0 0;font-size:19px}.doc-notes{border-left:2px solid var(--accent);background:var(--paper-2);max-width:680px;color:var(--ink-2);margin:16px 0 0;padding:10px 14px;font-size:15px}.doc-meta{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.doc-chip{border:1px solid var(--rule);font-family:var(--mono);color:var(--ink-2);align-items:center;padding:3px 10px;font-size:12px;text-decoration:none;display:inline-flex}.doc-chip code{background:0 0;padding:0;font-size:12px}.doc-source:hover{border-color:var(--screen-border);color:var(--ink)}.doc-section{margin-top:56px}.doc-section>h2{border-top:1px solid var(--screen-border);text-transform:uppercase;margin-bottom:18px;padding-top:12px;scroll-margin-top:72px;font-size:28px;font-weight:800;font-stretch:78%}.doc h3[id]{scroll-margin-top:72px}.doc-muted{color:var(--muted);margin:0 0 14px;font-size:15px}.doc-muted a{color:var(--ink);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px}.doc-prose p{color:var(--ink-2);margin:0 0 14px}.doc-steps{counter-reset:step;gap:32px;margin:0;padding:0;list-style:none;display:grid}.doc-steps li{counter-increment:step;min-width:0;padding-left:48px;position:relative}.doc-steps li:before{content:counter(step, decimal-leading-zero);font-family:var(--mono);color:var(--accent);font-size:14px;font-weight:600;position:absolute;top:1px;left:0}.doc-steps h3{margin-bottom:8px}.doc-steps p{color:var(--ink-2);margin:0 0 12px}.doc-category{margin-top:36px}.doc-category h3{text-transform:uppercase;margin-bottom:6px;font-size:20px}.doc-cards{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0;display:grid}.doc-card{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);flex-direction:column;gap:4px;padding:12px 14px 16px;text-decoration:none;transition:background .12s;display:flex}.doc-card strong{font-family:var(--mono);font-size:14px;font-weight:600}.doc-card span{color:var(--muted);font-size:13px;line-height:1.45}.doc-card:hover{background:var(--paper-2)}.doc-card:hover strong{color:var(--accent-ink)}.doc-card-thumb{background:var(--example-bg);border-bottom:1px solid var(--rule);place-items:center;height:116px;margin:-12px -14px 10px;display:grid;overflow:hidden}.doc-card-crop{width:min(100%, calc(116px * var(--ratio)));aspect-ratio:var(--ratio);display:block;position:relative;overflow:hidden}.doc-card-crop img{top:0;left:calc(-1 * var(--x));width:var(--w);max-width:none;height:100%;position:absolute}.doc-preview{margin:32px 0 0}.doc-preview-stage{background:var(--example-bg);place-items:center;padding:12px;display:grid;overflow:hidden}.doc-preview-stage img{max-width:100%;height:auto;display:block}.doc-preview figcaption{color:var(--muted);margin-top:10px;font-size:12.5px}.playground{margin:32px 0 0}.playground-stage{border:1px solid var(--screen-border);background:var(--example-bg);width:100%;margin:0;position:relative;overflow:hidden}.playground-poster{max-width:none;position:absolute;top:0;left:50%;transform:translate(-50%)}.playground-canvas{opacity:0;touch-action:pan-y pinch-zoom;outline:none;width:100%;height:100%;transition:opacity .12s linear;display:block;position:absolute;top:0;left:0}.playground[data-phase=live] .playground-canvas{opacity:1}.playground-canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.playground-window-state{z-index:1;background:var(--example-bg);font-family:var(--mono);color:var(--screen-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex;position:absolute;inset:0}.playground-window-state button{border:1px solid var(--screen-muted);color:var(--screen-fg);font:500 13px var(--sans);cursor:pointer;background:0 0;padding:6px 14px}.playground figcaption{font-family:var(--mono);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:12px;display:flex}.playground-status{align-items:center;gap:8px;display:inline-flex}.playground-status i{background:var(--paper-3);flex:none;width:8px;height:8px}.playground[data-phase=loading] .playground-status i{background:var(--muted)}.playground[data-phase=live] .playground-status i{background:var(--accent)}.playground[data-phase=error] .playground-status i{background:var(--ink)}.playground-reset{border:1px solid var(--screen-border);color:var(--ink);font:500 12px var(--mono);cursor:pointer;background:0 0;flex:none;padding:3px 10px}.playground-reset:hover{background:var(--ink);color:var(--paper)}.doc-details{border:1px solid var(--rule);margin-top:14px}.doc-details summary{cursor:pointer;color:var(--ink-2);padding:10px 14px;font-size:14px}.doc-details summary code{background:0 0;padding:0}.doc-details summary span{font-family:var(--mono);color:var(--muted);margin-left:6px;font-size:12px}.doc-details[open] summary{border-bottom:1px solid var(--rule)}.doc-details .props-wrap{border:0}.doc-common{flex-wrap:wrap;gap:6px;display:flex}.doc-common code{border:1px solid var(--rule);padding:2px 8px;font-size:12.5px}.doc-types{gap:14px;display:grid}.doc .code pre{font-size:13px}.doc-pager{border-top:1px solid var(--screen-border);justify-content:space-between;gap:16px;margin-top:72px;padding-top:16px;display:flex}.doc-pager-link{flex-direction:column;gap:2px;min-width:0;text-decoration:none;display:flex}.doc-pager-link.next{text-align:right;margin-left:auto}.doc-pager-link span{font-family:var(--mono);color:var(--muted);font-size:12px}.doc-pager-link strong{font-family:var(--display);text-transform:uppercase;font-size:24px;font-weight:800;font-stretch:78%}.doc-pager-link:hover strong{color:var(--accent-ink)}.props-wrap{border-top:1px solid var(--screen-border);overflow-x:auto}.props{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}.props th{border-bottom:1px solid var(--rule);text-align:left;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:8px 12px 8px 0;font-size:11px;font-weight:500}.props td{border-bottom:1px solid var(--rule);vertical-align:top;padding:12px 12px 12px 0}.doc-details .props th,.doc-details .props td{padding-left:14px}.props td:first-child{width:34%}.props td code{background:0 0;padding:0}.prop-name{color:var(--ink);font-weight:600}.prop-required{font-family:var(--mono);color:var(--accent-ink);margin-left:8px;font-size:11px}.prop-doc{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.5}.prop-type{color:var(--prop-type);word-break:break-word;font-size:12.5px}.prop-default{color:var(--ink-2);font-size:12.5px}.prop-none{color:var(--paper-3)}.showcase-hero h1{text-transform:uppercase;font-size:clamp(56px,9vw,128px);font-weight:800;font-stretch:68%;line-height:.9}.showcase-hero .lead{margin-top:28px}.showcase-app{border-top:1px solid var(--screen-border);grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;column-gap:48px;margin-top:96px;padding-top:14px;display:grid}.showcase-hero+.showcase-app{margin-top:0}.showcase-app .sheet-head{border-top:0;padding-top:0}.showcase-app .sheet-head,.showcase-submit .sheet-head{row-gap:0;margin-bottom:0}.showcase-app .sheet-head>:not(.sec),.showcase-submit .sheet-head>:not(.sec){grid-column:2}.showcase-app .eyebrow{margin-bottom:6px}.showcase-app .sheet-head h2{font-size:clamp(30px,3.4vw,44px)}.showcase-app.wide{grid-template-columns:minmax(0,1fr);row-gap:32px}.showcase-tags{flex-wrap:wrap;gap:6px;margin:20px 0 0;padding:0;list-style:none;display:flex}.showcase-tags li{border:1px solid var(--screen-border);font-family:var(--mono);color:var(--muted);padding:3px 8px;font-size:12px}.showcase-links{align-items:center;margin-top:24px}.showcase-run{font-family:var(--mono);color:var(--muted);font-size:13px}.showcase-shots{gap:16px;display:grid}.showcase-app.wide .showcase-shots{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-shots figure{border:1px solid var(--screen-border);background:var(--screen);margin:0}.showcase-shots img{width:100%;height:auto;display:block}@media (width<=920px){.showcase-app,.showcase-app.wide .showcase-shots{grid-template-columns:minmax(0,1fr)}.showcase-shots{margin-top:32px}}.notfound{max-width:var(--page);min-height:64vh;padding:0 var(--gutter);flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;margin:0 auto;display:flex}.notfound h1{text-transform:uppercase;font-size:clamp(48px,8vw,112px);font-weight:800;font-stretch:68%}.notfound p{color:var(--ink-2);margin:12px 0 28px}@media (width<=1080px){.hl-notes{display:none}.specimen{grid-template-columns:minmax(0,1fr)}.specimen>*{min-width:0}.live{border-left:0;border-top:1px solid var(--screen-border)}.stages{grid-template-columns:repeat(3,minmax(0,1fr))}.stages li:nth-child(4){border-left:0}.stages li:nth-child(n+4){border-top:1px solid var(--rule)}.stages li:nth-child(4):before{display:none}.spec,.notes,.index{padding-left:0}.sheet-split{grid-template-columns:minmax(0,1fr)}.sheet-split .sheet-head{margin-bottom:32px}}@media (width<=920px){:root{--gutter:20px}.nav{gap:20px}.nav-links{display:none}.hero-foot,.notes{grid-template-columns:minmax(0,1fr)}.footer{grid-template-columns:minmax(0,1fr);align-items:start}.docs{grid-template-columns:minmax(0,1fr);gap:0}.docs-sidebar{max-height:none;position:static}.docs-toggle{display:flex}.docs-search-key{display:none}.docs-nav{border:1px solid var(--rule);max-height:360px;padding:8px;display:none}.docs-sidebar.open .docs-nav{display:flex}.docs-main{padding-top:28px}}@media (width<=620px){.sheet{padding-top:72px}.sheet-head{grid-template-columns:minmax(0,1fr)}.sheet-head p{grid-column:1}.sec{margin-bottom:8px}.stages{grid-template-columns:minmax(0,1fr)}.stages li+li{border-left:0;border-top:1px solid var(--rule)}.stages li+li:before{display:none}.stage-n{margin-bottom:12px}.spec div,.notes div{grid-template-columns:minmax(0,1fr);gap:4px}.modes{grid-template-columns:minmax(0,1fr)}.mode+.mode{border-left:0;border-top:1px solid var(--rule)}.live{overflow-x:auto}.live-stage{margin:12px}.nav-actions{gap:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}.pw-grid rect,.hero h1 s:after{opacity:1;animation:none;transform:none}}