:root{--ink:#0b0b0f;--ink-2:#1c1c22;--ink-3:#2c2c34;--paper:#faf8f2;--paper-2:#f0ede4;--paper-3:#e4e0d4;--acid:#2b5bff;--acid-2:#1f48d6;--acid-fg:#fff;--acid-dim:#9db4ff;--alarm:#ff3b1f;--sky:#dbe4ff;--grey:#6b6b73;--grey-2:#a3a3ab;--bg:#fff;--bg-2:#f4f5f8;--bg-3:#e6e8ee;--fg:var(--ink);--fg-muted:var(--grey);--line:var(--ink);--card:#fff;--grid:#0b0b0f0d;--link:var(--acid);--bw:3px;--bw-thin:2px;--radius:0px;--radius-pill:0px;--shadow:6px 6px 0 0 var(--line);--shadow-sm:3px 3px 0 0 var(--line);--shadow-acid:6px 6px 0 0 var(--acid);--shadow-hover:8px 8px 0 0 var(--line);--shadow-active:2px 2px 0 0 var(--line);--shadow-hover-sm:5px 5px 0 0 var(--line);--shadow-active-sm:1px 1px 0 0 var(--line);--shadow-card-hover:9px 9px 0 0 var(--line);--shadow-error:6px 6px 0 0 var(--alarm);--focus-ring:0 0 0 4px var(--acid);--press-hover:translate(-2px, -2px);--press-active:translate(4px, 4px);--lift-card:translate(-3px, -3px);--tt-display:uppercase;--tt-ui:uppercase;--ls-display:-.03em;--ls-ui:.06em;--ls-wide:.12em;--fw-display:400;--lh-display:.95;--footer-bg:var(--ink);--footer-fg:var(--paper);--footer-muted:var(--grey-2);--footer-accent:var(--acid-dim);--band-bg:var(--ink);--band-fg:var(--paper);--mark-bg:var(--acid);--mark-fg:var(--acid-fg);--mark-style:normal;--font-display:"Archivo Black", "Archivo", Impact, "Arial Black", sans-serif;--font-body:"Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--maxw:1200px;--header-h:71px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:var(--ink);--bg-2:var(--ink-2);--bg-3:var(--ink-3);--fg:var(--paper);--fg-muted:var(--grey-2);--line:var(--paper);--card:#15151b;--grid:#faf8f212;--link:var(--acid-dim);--shadow:6px 6px 0 0 var(--paper);--shadow-sm:3px 3px 0 0 var(--paper);--shadow-acid:6px 6px 0 0 var(--acid);--shadow-hover:8px 8px 0 0 var(--paper);--shadow-active:2px 2px 0 0 var(--paper);--shadow-hover-sm:5px 5px 0 0 var(--paper);--shadow-active-sm:1px 1px 0 0 var(--paper);--shadow-card-hover:9px 9px 0 0 var(--paper);--footer-bg:var(--bg-2);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--fg);background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);-webkit-font-smoothing:antialiased;background-size:32px 32px;margin:0;font-size:16px;line-height:1.5}img,svg,video,canvas{max-width:100%;display:block}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--fw-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);text-transform:var(--tt-display);margin:0 0 .5em}h1{font-size:clamp(2.6rem,7vw,6rem)}h2{font-size:clamp(2rem,4.5vw,3.6rem)}h3{font-size:clamp(1.4rem,2.4vw,2rem)}h4{font-size:1.2rem}p{margin:0 0 1em}.mono{font-family:var(--font-mono)}.container{width:min(100% - 2rem, var(--maxw));margin-inline:auto}.muted{color:var(--fg-muted)}.acid-mark{background:var(--mark-bg);color:var(--mark-fg);font-style:var(--mark-style);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .15em}.alarm{color:var(--alarm)}.btn{--btn-bg:var(--card);--btn-fg:var(--fg);font-family:var(--font-body);letter-spacing:calc(var(--ls-ui) * 2 / 3);text-transform:var(--tt-ui);color:var(--btn-fg);background:var(--btn-bg);border:var(--bw) solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.4rem;font-size:.95rem;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:hover{transform:var(--press-hover);box-shadow:var(--shadow-hover)}.btn:active,.btn.is-active{transform:var(--press-active);box-shadow:var(--shadow-active)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow-sm);transform:none}.btn-acid{--btn-bg:var(--acid);--btn-fg:var(--acid-fg)}.btn-ink{--btn-bg:var(--ink);--btn-fg:#fff}[data-theme=dark] .btn-ink{--btn-bg:var(--paper);--btn-fg:var(--ink)}[data-theme=dark] .marquee{background:var(--acid)}.btn-alarm{--btn-bg:var(--alarm);--btn-fg:#fff}.btn-sm{border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);padding:.5rem .9rem;font-size:.8rem}.btn-sm:hover{box-shadow:var(--shadow-hover-sm)}.btn-sm:active,.btn-sm.is-active{box-shadow:var(--shadow-active-sm)}.btn-lg{padding:1.1rem 2rem;font-size:1.1rem}.btn-block{width:100%}.btn-ghost{box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover{border-color:var(--line);box-shadow:none;background:var(--bg-2);transform:none}.card{background:var(--card);border:var(--bw) solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.card-flat{box-shadow:none}.card-acid{background:var(--acid);color:var(--acid-fg)}.card-ink{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:var(--shadow-acid)}[data-theme=dark] .card-ink{border-color:var(--paper)}.card-hover{text-decoration:none;transition:transform .1s,box-shadow .1s;display:block}.card-hover:hover{transform:var(--lift-card);box-shadow:var(--shadow-card-hover)}.card-alarm{border-color:var(--alarm);box-shadow:var(--shadow-error)}.badge{letter-spacing:calc(var(--ls-ui) * 4 / 3);text-transform:var(--tt-ui);border:var(--bw-thin) solid var(--line);border-radius:var(--radius-pill);background:var(--card);color:var(--fg);padding:.2rem .55rem;font-size:.7rem;font-weight:800;line-height:1.3;display:inline-block}.badge-acid{background:var(--acid);color:var(--acid-fg)}.badge-alarm{background:var(--alarm);color:#fff;border-color:var(--alarm)}.badge-ink{background:var(--ink);color:#fff}.badge-sky{background:var(--sky);color:var(--ink)}.input,.select,.textarea{background:var(--card);border:var(--bw) solid var(--line);border-radius:var(--radius);outline:none;width:100%;padding:.85rem 1rem;font-weight:600}.input:focus,.select:focus,.textarea:focus{box-shadow:var(--focus-ring)}.textarea{resize:vertical;min-height:160px;font-family:var(--font-mono);font-size:.85rem}.label{letter-spacing:calc(var(--ls-wide) * 5 / 6);text-transform:var(--tt-ui);margin-bottom:.4rem;font-size:.75rem;font-weight:800;display:block}.field{margin-bottom:1rem}.check{cursor:pointer;align-items:center;gap:.6rem;font-weight:600;display:flex}.check input{width:20px;height:20px;accent-color:var(--ink)}.section{padding:clamp(3rem,7vw,6rem) 0}.section-tight{padding:2rem 0}.grid{gap:1.5rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stack{flex-direction:column;gap:1rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.between{justify-content:space-between}.center{text-align:center}.eyebrow{font-family:var(--font-mono);letter-spacing:calc(var(--ls-wide) * 1.25);text-transform:var(--tt-ui);color:var(--fg-muted);margin-bottom:.75rem;font-size:.75rem;font-weight:600;display:inline-block}.lead{max-width:60ch;font-size:1.25rem;font-weight:500}.divider{border:0;border-top:var(--bw) solid var(--line);margin:2rem 0}.band-ink{background:var(--band-bg);color:var(--band-fg);border-top:var(--bw) solid var(--line);border-bottom:var(--bw) solid var(--line)}.marquee{border-top:var(--bw) solid var(--line);border-bottom:var(--bw) solid var(--line);background:var(--acid);color:var(--acid-fg);font-family:var(--font-display);text-transform:var(--tt-display);letter-spacing:.02em;white-space:nowrap;padding:.6rem 0;font-size:1.1rem;overflow:hidden}.marquee-track{animation:30s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}.header-stack{z-index:50;position:sticky;top:0}.header{background:var(--bg);border-bottom:var(--bw) solid var(--line)}.header-inner{align-items:center;gap:1rem;min-height:68px;display:flex}.logo{font-family:var(--font-display);text-transform:var(--tt-display);letter-spacing:calc(var(--ls-display) * 2 / 3);align-items:center;gap:.5rem;font-size:1.35rem;text-decoration:none;display:inline-flex}.logo-mark{background:var(--acid);border:var(--bw) solid var(--line);border-radius:var(--radius);width:34px;height:34px;box-shadow:var(--shadow-sm);color:var(--acid-fg);place-items:center;font-size:1rem;display:grid}.logo .x{color:var(--alarm)}.nav{gap:.25rem;margin-left:1rem;display:flex}.nav-item{position:relative}.nav-btn{border:var(--bw-thin) solid transparent;text-transform:var(--tt-ui);letter-spacing:var(--ls-ui);cursor:pointer;background:0 0;align-items:center;gap:.35rem;padding:.55rem .8rem;font-size:.8rem;font-weight:800;text-decoration:none;display:inline-flex}.nav-btn:hover,.nav-item.open>.nav-btn{border-color:var(--line);background:var(--acid);color:var(--acid-fg)}.nav-menu{background:var(--card);border:var(--bw) solid var(--line);border-radius:var(--radius);min-width:260px;box-shadow:var(--shadow);z-index:60;padding:.5rem;display:none;position:absolute;top:calc(100% + 8px);left:0}.nav-menu.wide{columns:2;min-width:560px}.nav-item.open .nav-menu{display:block}.nav-menu a{break-inside:avoid;padding:.5rem .7rem;font-size:.9rem;font-weight:700;text-decoration:none;display:block}.nav-menu a:hover{background:var(--acid);color:var(--acid-fg)}.nav-menu .menu-title{font-family:var(--font-mono);letter-spacing:calc(var(--ls-wide) * 1.25);text-transform:var(--tt-ui);color:var(--fg-muted);padding:.5rem .7rem .2rem;font-size:.65rem}.header-right{align-items:center;gap:.6rem;margin-left:auto;display:flex}.burger{display:none}@media (width<=900px){.nav{display:none}.header.menu-open .nav{background:var(--bg);border-bottom:var(--bw) solid var(--line);flex-direction:column;margin:0;padding:1rem;display:flex;position:absolute;top:100%;left:0;right:0}.header.menu-open .nav-menu{box-shadow:none;columns:1;border-width:var(--bw-thin);min-width:0;display:block;position:static}.burger{display:inline-flex}.hide-mobile{display:none!important}}.footer{border-top:var(--bw) solid var(--line);background:var(--footer-bg);color:var(--footer-fg);margin-top:4rem;padding:3rem 0 2rem}.footer a{color:var(--footer-fg);padding:.2rem 0;font-weight:600;text-decoration:none;display:block}.footer a:hover{color:var(--footer-accent)}.footer h4{color:var(--footer-accent);letter-spacing:calc(var(--ls-wide) * 5 / 6);font-size:.9rem}.footer .muted{color:var(--footer-muted)}.toast-wrap{z-index:200;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{background:var(--acid);color:var(--acid-fg);border:var(--bw) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);max-width:360px;padding:.8rem 1.1rem;font-weight:700;animation:.15s ease-out pop}.toast.error{border-color:var(--alarm);box-shadow:var(--shadow-error)}@keyframes pop{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.dropzone{border:var(--bw) dashed var(--line);border-radius:var(--radius);background:var(--card);text-align:center;cursor:pointer;padding:2.5rem 1.5rem;transition:background .1s}.dropzone:hover,.dropzone.over{background:var(--acid);color:var(--acid-fg);border-style:solid}.dropzone .big{font-family:var(--font-display);text-transform:var(--tt-display);font-size:1.4rem}.file-list{flex-direction:column;gap:.5rem;display:flex}.file-row{border:var(--bw-thin) solid var(--line);border-radius:var(--radius);background:var(--card);align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.9rem;font-weight:600;display:flex}.file-row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-row .size{font-family:var(--font-mono);color:var(--fg-muted);font-size:.75rem}.icon-btn{border:var(--bw-thin) solid var(--line);border-radius:calc(var(--radius) / 2);background:var(--card);cursor:pointer;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.icon-btn:hover{background:var(--alarm);color:#fff}.progress{border:var(--bw) solid var(--line);border-radius:var(--radius-pill);background:var(--card);height:18px;overflow:hidden}.progress>div{background:repeating-linear-gradient(45deg, var(--acid), var(--acid) 10px, var(--acid-2) 10px, var(--acid-2) 20px);height:100%;transition:width .2s}.table{border-collapse:collapse;border:var(--bw) solid var(--line);background:var(--card);width:100%}.table th,.table td{border:var(--bw-thin) solid var(--line);text-align:left;vertical-align:top;padding:.6rem .8rem}.table th{background:var(--acid);color:var(--acid-fg);text-transform:var(--tt-ui);letter-spacing:calc(var(--ls-ui) * 4 / 3);font-size:.75rem}pre.code{background:var(--ink);color:#d7defb;border:var(--bw) solid var(--line);border-radius:var(--radius);font-family:var(--font-mono);margin:0;padding:1rem;font-size:.8rem;line-height:1.5;overflow:auto}code.inline{font-family:var(--font-mono);background:var(--bg-3);padding:.1em .35em;font-size:.9em}.clip-hero{padding:clamp(2rem,6vw,4rem) 0 2rem}.clip-input{border:var(--bw) solid var(--line);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);background:var(--card);gap:0;display:flex}.clip-input input{background:0 0;border:0;outline:none;flex:auto;width:100%;min-width:0;padding:1.1rem 1.2rem;font-size:1.05rem;font-weight:600}.clip-input button{border:0;border-left:var(--bw) solid var(--line);background:var(--acid);color:var(--acid-fg);text-transform:var(--tt-ui);cursor:pointer;letter-spacing:var(--ls-ui);padding:0 1.6rem;font-weight:900}.clip-input button:hover{background:var(--ink);color:#fff}.clip-input button:disabled{opacity:.6;cursor:wait}.tabs{border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--card);flex-wrap:wrap;gap:0;display:flex}.tab{text-align:center;text-transform:var(--tt-ui);letter-spacing:var(--ls-ui);cursor:pointer;border:0;border-right:var(--bw-thin) solid var(--line);background:0 0;flex:1;padding:.75rem 1rem;font-size:.8rem;font-weight:800}.tab:last-child{border-right:0}.tab.active{background:var(--acid);color:var(--acid-fg)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.announce{background:var(--acid);color:var(--acid-fg);border-bottom:var(--bw) solid var(--line);padding:.5rem 0;font-size:.88rem;font-weight:700;position:relative}.announce a{color:inherit}.announce-x{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 .3rem;font-size:1.2rem;font-weight:900;line-height:1}[data-design=paper]{--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Source Serif 4", Georgia, "Times New Roman", serif;--fw-display:600;--lh-display:1.05;--tt-display:none;--tt-ui:none;--ls-display:-.015em;--ls-ui:.01em;--ls-wide:.08em;--bg:#fbf7ee;--bg-2:#f3ecdd;--bg-3:#e8dfca;--card:#fffdf8;--ink:#2a2419;--line:#2a2419;--fg:#1f1a14;--fg-muted:#6b6257;--acid:#a3341f;--acid-2:#86291a;--acid-fg:#fff;--acid-dim:#e8a595;--sky:#efe5cf;--grid:transparent;--bw:1px;--bw-thin:1px;--radius:2px;--radius-pill:2px;--shadow:none;--shadow-sm:none;--shadow-acid:none;--shadow-hover:none;--shadow-active:none;--shadow-hover-sm:none;--shadow-active-sm:none;--shadow-card-hover:none;--shadow-error:none;--focus-ring:0 0 0 3px #a3341f59;--press-hover:none;--press-active:none;--lift-card:none;--footer-bg:var(--bg-2);--footer-fg:var(--fg);--footer-muted:var(--fg-muted);--footer-accent:var(--acid);--band-bg:var(--bg-2);--band-fg:var(--fg);--mark-bg:transparent;--mark-fg:var(--acid);--mark-style:italic}[data-design=paper][data-theme=dark]{--bg:#17140f;--bg-2:#211c15;--bg-3:#2c261d;--card:#1d1912;--fg:#efe7d6;--fg-muted:#a8a094;--line:#efe7d6;--acid-dim:#f0b3a3;--link:var(--acid-dim)}[data-design=paper] h2:not(.pxp-page *){border-bottom:1px solid var(--line);padding-bottom:.25em}[data-design=paper] .eyebrow{font-family:var(--font-display);font-size:.85rem;font-variant-caps:small-caps;font-weight:600}[data-design=paper] .nav-btn:hover,[data-design=paper] .nav-item.open>.nav-btn,[data-design=paper] .nav-menu a:hover,[data-design=paper] .table th{background:var(--bg-2);color:var(--fg)}[data-design=paper] .dropzone:hover,[data-design=paper] .dropzone.over{background:var(--bg-2);color:var(--fg);border-color:var(--acid)}[data-design=paper] pre.code{color:var(--bg-2)}[data-design=studio]{--font-display:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--fw-display:800;--lh-display:1.1;--tt-display:none;--tt-ui:none;--ls-display:-.02em;--ls-ui:0em;--ls-wide:.06em;--bg:#f6f8fb;--bg-2:#eef2f7;--bg-3:#e3e8ef;--card:#fff;--ink:#0f172a;--line:#e3e8ef;--fg:#0f172a;--fg-muted:#64748b;--acid:#2b5bff;--acid-2:#1f48d6;--acid-fg:#fff;--grid:transparent;--bw:1px;--bw-thin:1px;--radius:12px;--radius-pill:999px;--shadow:0 1px 2px #0f172a0f, 0 8px 24px #0f172a14;--shadow-sm:0 1px 2px #0f172a14;--shadow-acid:0 8px 24px #2b5bff40;--shadow-hover:0 4px 10px #0f172a1a, 0 16px 32px #0f172a1a;--shadow-active:0 1px 2px #0f172a1a;--shadow-hover-sm:0 3px 8px #0f172a1f;--shadow-active-sm:none;--shadow-card-hover:0 6px 14px #0f172a1a, 0 20px 40px #0f172a1f;--shadow-error:0 8px 24px #ff3b1f40;--focus-ring:0 0 0 4px #2b5bff40;--press-hover:translateY(-2px);--press-active:translateY(0);--lift-card:translateY(-3px);--footer-bg:#0f172a;--footer-fg:#e2e8f0;--footer-muted:#94a3b8;--footer-accent:var(--acid-dim);--band-bg:#0f172a;--band-fg:#f8fafc;--mark-bg:#2b5bff1f;--mark-fg:var(--acid);--mark-style:normal}[data-design=studio][data-theme=dark]{--bg:#0b1220;--bg-2:#111a2e;--bg-3:#1a2540;--card:#111a2e;--line:#22304a;--fg:#e2e8f0;--fg-muted:#94a3b8;--acid-dim:#9db4ff;--footer-bg:#060b16;--band-bg:#060b16;--mark-bg:#2b5bff38;--shadow:0 1px 2px #0006, 0 8px 24px #00000073;--shadow-sm:0 1px 2px #00000073;--shadow-hover:0 4px 10px #00000073, 0 16px 32px #00000080;--shadow-card-hover:0 6px 14px #00000073, 0 20px 40px #00000080}[data-design=studio] .header{background:var(--card)}[data-design=studio] .btn,[data-design=studio] .nav-btn,[data-design=studio] .tab,[data-design=studio] .badge{font-weight:600}[data-design=studio] .btn-acid,[data-design=studio] .btn-ink,[data-design=studio] .btn-alarm{border-color:var(--btn-bg)}[data-design=studio] .nav-btn:hover,[data-design=studio] .nav-item.open>.nav-btn{background:var(--bg-3);color:var(--fg);border-color:#0000;border-radius:8px}[data-design=studio] .nav-menu a{border-radius:8px}[data-design=studio] .nav-menu a:hover{background:var(--bg-2);color:var(--fg)}[data-design=studio] .dropzone:hover,[data-design=studio] .dropzone.over{background:var(--mark-bg);color:var(--fg);border-color:var(--acid)}[data-design=studio] .table th{background:var(--bg-2);color:var(--fg-muted)}[data-design=studio] .input:focus,[data-design=studio] .select:focus,[data-design=studio] .textarea:focus{border-color:var(--acid)}[data-design=studio] .tabs,[data-design=studio] .seg,[data-design=studio] .clip-input{overflow:hidden}[data-design=studio] .tab:focus-visible,[data-design=studio] .seg button:focus-visible{outline-offset:-3px}[data-design=studio][data-theme=dark] .card-ink{background:var(--bg-3);border-color:var(--line)}