@font-face{font-family:Card Sans;src:url(/assets/IBMPlexSans-Regular-BqwUDval.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Card Sans;src:url(/assets/IBMPlexSans-SemiBold-BYUUMJyb.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#100e0c;--bg-2:#1a1714;--line:#3a342c;--fg:#f4efe6;--muted:#cbbba8;--accent:#d6ff4a;--accent-ink:#16190c;--danger:#ffb199;--mat:#070605;--sans:"Card Sans", "Segoe UI", sans-serif;--mono:ui-monospace, "SFMono-Regular", "Cascadia Code", "Segoe UI Mono", monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--sans);margin:0;font-size:16px;line-height:1.45}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip{background:var(--accent);color:var(--accent-ink);z-index:3;padding:8px 12px;text-decoration:none;position:absolute;top:-48px;left:12px}.skip:focus{top:12px}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding-bottom:48px}.top{border-bottom:1px solid var(--line);grid-template-columns:1fr minmax(220px,360px) auto;align-items:end;gap:24px;padding:28px 0 20px;display:grid}.brand{align-items:center;gap:14px;display:flex}.mark{width:48px;height:48px;color:var(--accent);flex:none}.kicker{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 4px;font-size:12px}h1{letter-spacing:-.03em;margin:0;font-size:40px;font-weight:600;line-height:.95}.lede{color:var(--muted);max-width:36ch;margin:0}.jump{color:var(--fg);border-bottom:1px solid var(--accent);justify-self:end;margin-bottom:4px;padding-bottom:2px;text-decoration:none}.studio{grid-template-columns:minmax(280px,400px) minmax(0,1fr);align-items:start;gap:28px;margin-top:28px;display:grid}form,.stage{min-width:0}form{background:var(--bg-2);border:1px solid var(--line);flex-direction:column;gap:16px;padding:18px;display:flex}fieldset{border:0;margin:0;padding:0}legend{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;padding:0;font-size:12px}.choices{flex-wrap:wrap;gap:8px;display:flex}.choice{border:1px solid var(--line);cursor:pointer;min-height:44px;color:var(--fg);align-items:center;gap:8px;padding:0 12px;display:inline-flex;position:relative}.choice input{opacity:0;margin:0;position:absolute;inset:0}.choice:has(input:checked){background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.choice:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.swatch{border-radius:99px;width:12px;height:12px;box-shadow:inset 0 0 0 1px #ffffff59}.swatch-ink{background:#12110e;box-shadow:inset 0 0 0 2px #d6ff4a}.swatch-paper{background:#f4ecdc;box-shadow:inset 0 0 0 2px #c2412d}.swatch-signal{background:#07141c;box-shadow:inset 0 0 0 2px #3ee0c5}.swatch-dawn{background:#2a1820;box-shadow:inset 0 0 0 2px #ffb15a}.choice:has(input:checked) .swatch{box-shadow:inset 0 0 0 1px var(--accent-ink)}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}input[type=text],textarea,#image-url,#curl{background:var(--bg);width:100%;color:var(--fg);border:1px solid var(--line);font:inherit;padding:10px 12px;font-size:16px}textarea{resize:vertical;min-height:64px}.primary,.export-row button{background:var(--accent);min-height:48px;color:var(--accent-ink);font:inherit;cursor:pointer;border:0;padding:0 16px;font-weight:600}.export-row button{min-height:44px}#status{min-height:1.4em;color:var(--muted);margin:0}#status[data-state=error]{color:var(--danger)}.note{color:var(--muted);margin:0}.stage-meta{justify-content:space-between;margin-bottom:8px;display:flex}#dims{color:var(--muted);font-family:var(--mono);margin:0;font-size:13px}.mat{background-color:#0000;background-image:linear-gradient(45deg,#161311 25%,#0000 25%),linear-gradient(-45deg,#161311 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#161311 75%),linear-gradient(-45deg,#0000 75%,#161311 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;background-color:var(--mat);border:1px solid var(--line);place-items:center;min-height:240px;padding:22px;display:grid}.mat img{background:#000;width:100%;height:auto;display:block;box-shadow:0 18px 50px #00000073}.mat[data-state=loading] img{opacity:.45}.exports{flex-direction:column;gap:12px;margin-top:14px;display:flex}.export label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:12px;display:block}.export-row{grid-template-columns:1fr auto;align-items:stretch;gap:8px;display:grid}#curl,#image-url{font-family:var(--mono);font-size:13px}.reference{margin-top:64px}h2{letter-spacing:-.03em;margin:0 0 8px;font-size:28px}h3{margin:28px 0 10px;font-size:18px}.deck{color:var(--muted);max-width:68ch}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px 10px 0}th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}code,pre{font-family:var(--mono)}code{font-size:.92em}pre{background:var(--bg-2);border:1px solid var(--line);padding:14px 16px;font-size:13px;line-height:1.55;overflow:auto}.spec{grid-template-columns:120px 1fr;gap:8px 18px;margin:0;display:grid}.spec dt{font-weight:600}.spec dd{color:var(--muted);margin:0}.colophon{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;margin-top:48px;padding-top:16px;display:flex}.colophon p{margin:0}.colophon a{color:var(--fg)}@media (width<=860px){.top{grid-template-columns:1fr;gap:12px}.lede{max-width:none}.jump{justify-self:start}h1{font-size:34px}.studio{grid-template-columns:1fr}.stage{order:-1}.spec{grid-template-columns:1fr}.colophon{flex-direction:column}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}