@font-face{font-family:Bricolage;src:url(/fonts/bricolage-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Bricolage;src:url(/fonts/bricolage-800.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/archivo-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/archivo-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Martian;src:url(/fonts/martian-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Martian;src:url(/fonts/martian-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:InstrumentSerif;src:url(/fonts/instrumentserif-400.woff2)format("woff2");font-weight:400;font-display:swap}:root{--ink-000:#0c0f13;--ink-050:#101419;--ink-100:#141920;--ink-200:#19202a;--ink-300:#1f2833;--line:#262f3a;--line-soft:#1c242d;--line-hi:#35424f;--line-hi2:#3a4653;--well:#0c0f13;--bezel:#1b222b;--notch:#10151b;--paper:#ece6da;--paper-dim:#9aa2ab;--paper-faint:#626c77;--acc:#c9f24b;--acc-hi:#d8ff5c;--acc-mark:#c9f24b;--acc-text:#c9f24b;--acc-deep:#8fae2b;--acc-on:#0d1206;--acc-glow:#c9f24b29;--acc-wash:#c9f24b0a;--acc-tint:#c9f24b14;--acc-tint-2:#c9f24b21;--acc-tint-3:#c9f24b29;--acc-edge:#c9f24b4d;--acc-edge-2:#c9f24b73;--acc-edge-3:#c9f24b99;--acc-tick:#c9f24b6b;--warn:#f0904a;--warn-edge:#f0904a66;--shell-wash:#16202b;--stage-top:#ffffff03;--dot:#ece6da0e;--stage-glow:#c9f24b0d;--grain-op:.4;--grain-blend:overlay;--scrim:#06080bc7;--scrim-soft:#06080b99;--sh-frame:0 30px 70px -30px #000000e6, 0 0 0 1px #0006;--sh-toast:0 14px 30px -14px #000000e6;--sh-sheet:0 40px 90px -30px #000;--sh-drawer:0 -20px 50px -20px #000000e6;--btn-off:.34;--r-sm:2px;--r-md:4px;--r-lg:6px;--rail-w:64px;--list-w:218px;--ctl-w:344px;--head-h:54px;--font-display:"Bricolage", "Avenir Next", system-ui, sans-serif;--font-body:"Archivo", "Helvetica Neue", system-ui, sans-serif;--font-mono:"Martian", "Andale Mono", ui-monospace, monospace;--font-serif:"InstrumentSerif", "Big Caslon", Georgia, serif;--ease:cubic-bezier(.2, .9, .25, 1);--spring:cubic-bezier(.16, 1.2, .3, 1);--t-fast:.12s;--t-med:.22s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--ink-000:#e8e1d2;--ink-050:#f4efe4;--ink-100:#fbf8f0;--ink-200:#efe9dc;--ink-300:#e2dacb;--line:#cbc1ac;--line-soft:#ded5c2;--line-hi:#b4a88f;--line-hi2:#a99c82;--well:#ded5c4;--bezel:#c3b8a0;--notch:#a89c85;--paper:#191c16;--paper-dim:#4a4f42;--paper-faint:#64695a;--acc:#c9f24b;--acc-hi:#b9e438;--acc-mark:#7f9120;--acc-text:#5d6b15;--acc-deep:#78891f;--acc-on:#16200a;--acc-glow:#78891f38;--acc-wash:#78891f12;--acc-tint:#78891f21;--acc-tint-2:#78891f33;--acc-tint-3:#78891f3d;--acc-edge:#78891f59;--acc-edge-2:#78891f80;--acc-edge-3:#78891fb3;--acc-tick:#5d6b1580;--warn:#a8481a;--warn-edge:#a8481a66;--shell-wash:#fffdf4;--stage-top:#191c1606;--dot:#262a1c1c;--stage-glow:#78891f12;--grain-op:.16;--grain-blend:multiply;--scrim:#2e281c6b;--scrim-soft:#2e281c4d;--sh-frame:0 24px 50px -26px #342c1c73, 0 0 0 1px #342c1c14;--sh-toast:0 12px 26px -14px #342c1c80;--sh-sheet:0 34px 70px -30px #342c1c6b;--sh-drawer:0 -18px 44px -22px #342c1c59;--btn-off:.45;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ink-000);color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font-size:14px;line-height:1.45}.grain:before{content:"";pointer-events:none;opacity:var(--grain-op);mix-blend-mode:var(--grain-blend);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");position:absolute;inset:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--line-hi)}:focus-visible{outline:1px solid var(--acc-deep);outline-offset:1px}.lbl{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--paper-faint);font-size:9px;font-weight:700}.mono{font-family:var(--font-mono);letter-spacing:.06em;font-size:10px}.btn{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--ink-200);height:30px;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-dim);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), transform var(--t-fast) var(--spring);justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:9.5px;font-weight:700;display:inline-flex}.btn svg{flex:none;width:13px;height:13px}.btn:hover:not(:disabled){color:var(--paper);border-color:var(--line-hi);background:var(--ink-300)}.btn:active:not(:disabled){transform:translateY(1px)scale(.99)}.btn:disabled{opacity:var(--btn-off);cursor:not-allowed}.btn--acc{background:var(--acc);border-color:var(--acc);color:var(--acc-on)}.btn--acc:hover:not(:disabled){background:var(--acc-hi);border-color:var(--acc-hi);color:var(--acc-on)}.btn--ghostacc{color:var(--acc-text);border-color:var(--acc-edge);background:var(--acc-wash)}.btn--ghostacc:hover:not(:disabled){background:var(--acc-tint-2);color:var(--acc-text);border-color:var(--acc-edge-3)}.btn--wide{width:100%}.shell{background:radial-gradient(1200px 620px at 62% -10%, var(--shell-wash) 0%, transparent 70%), var(--ink-000);flex-direction:column;height:100%;display:flex}.head{flex:0 0 var(--head-h);border-bottom:1px solid var(--line-soft);background:var(--ink-050);z-index:30;align-items:center;gap:22px;padding:0 16px 0 14px;display:flex;position:relative}.head:after{content:"";background:linear-gradient(90deg, var(--acc-mark), transparent);opacity:.55;width:132px;height:1px;position:absolute;bottom:-1px;left:0}.head__nav{align-items:stretch;gap:2px;height:100%;display:flex}.navlink{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--paper-faint);transition:color var(--t-fast) var(--ease);align-items:center;padding:0 12px;font-size:9.5px;font-weight:700;display:flex;position:relative}.navlink:hover{color:var(--paper-dim)}.navlink[aria-current=true]{color:var(--paper)}.navlink[aria-current=true]:after{content:"";background:var(--acc-mark);height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.navlink__n{color:var(--paper-faint);opacity:.7;margin-right:6px;font-size:8.5px}.head__spacer{flex:1}.themetog{flex:none;width:30px;margin-right:-12px;padding:0}.themetog svg{width:15px;height:15px}.themetog:hover:not(:disabled){color:var(--acc-text);border-color:var(--acc-edge-2);background:var(--acc-wash)}.head__meta{align-items:center;gap:14px;display:flex}.readout{font-family:var(--font-mono);letter-spacing:.08em;color:var(--paper-dim);border-left:1px solid var(--line);align-items:baseline;gap:6px;padding-left:14px;font-size:10px;display:flex}.readout span:first-child{letter-spacing:.16em;color:var(--paper-faint);font-size:8.5px;font-weight:700}.readout b{color:var(--acc-text);font-weight:400}.wordmark{-webkit-user-select:none;user-select:none;align-items:center;gap:9px;display:flex}.wordmark__mark{width:22px;height:22px;color:var(--acc-text);flex:none;display:block}.wordmark__type{font-family:var(--font-display);letter-spacing:-.035em;color:var(--paper);font-size:17px;font-weight:800;line-height:1}.wordmark__type i{color:var(--acc-text);font-style:normal}.wordmark__sub{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--paper-faint);margin-top:3px;font-size:7.5px;font-weight:700}.body{flex:1;min-height:0;display:flex}.studio{grid-template-columns:var(--rail-w) var(--list-w) minmax(0, 1fr) var(--ctl-w);flex:1;min-height:0;display:grid}.rail{z-index:12;border-right:1px solid var(--line-soft);background:var(--ink-050);flex-direction:column;align-items:center;gap:4px;padding:10px 0;display:flex;position:relative}.rail__btn{border-radius:var(--r-md);width:44px;height:44px;color:var(--paper-faint);transition:color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);place-items:center;display:grid;position:relative}.rail__btn svg{width:21px;height:21px}.rail__btn:hover{color:var(--paper-dim);background:var(--ink-200)}.rail__btn[aria-pressed=true]{color:var(--acc-text);background:var(--acc-tint)}.rail__btn[aria-pressed=true]:before{content:"";background:var(--acc-mark);width:2px;position:absolute;top:11px;bottom:11px;left:-10px}.rail__btn:after{content:attr(data-tip);background:var(--ink-300);border:1px solid var(--line);border-radius:var(--r-sm);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--t-fast) var(--ease), transform var(--t-med) var(--spring);z-index:40;padding:4px 7px;font-size:8.5px;font-weight:700;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)translate(-4px)}.rail__btn:hover:after{opacity:1;transform:translateY(-50%)translate(0)}.rail__count{font-family:var(--font-mono);color:var(--paper-faint);font-size:7.5px;position:absolute;top:6px;right:5px}.rail__foot{flex-direction:column;align-items:center;gap:6px;margin-top:auto;display:flex}.plist{z-index:10;border-right:1px solid var(--line-soft);background:var(--ink-050);flex-direction:column;min-height:0;display:flex;position:relative}.plist__head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;padding:13px 14px 9px;display:flex}.plist__idx{align-items:baseline;gap:7px;margin-bottom:2px;display:flex}.plist__idx span:first-child{font-family:var(--font-mono);letter-spacing:.08em;color:var(--acc-text);font-size:10px;font-weight:700}.plist__title{font-family:var(--font-display);letter-spacing:-.03em;font-size:19px;font-weight:800;line-height:1.05}.plist__foot{border-top:1px solid var(--line-soft);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-faint);flex:none;align-items:center;gap:6px;padding:9px 14px;font-size:8.5px;font-weight:700;display:flex}.plist__scroll{flex-direction:column;gap:6px;padding:8px;display:flex;overflow-y:auto}.pcard{border-radius:var(--r-md);background:var(--ink-100);text-align:left;transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease), transform var(--t-med) var(--spring);border:1px solid #0000;flex-direction:column;gap:6px;padding:6px;display:flex;position:relative}.pcard:hover{background:var(--ink-200);transform:translate(2px)}.pcard[aria-pressed=true]{border-color:var(--acc-edge-2);background:var(--ink-200)}.pcard__thumb{aspect-ratio:16/9;border-radius:var(--r-sm);background:var(--well);border:1px solid var(--line-soft);width:100%;position:relative;overflow:hidden}.pcard__thumb canvas{width:100%;height:100%;display:block}.pcard__row{align-items:center;gap:6px;display:flex}.pcard__name{letter-spacing:-.01em;color:var(--paper-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.pcard[aria-pressed=true] .pcard__name{color:var(--paper)}.pcard__tags{flex:none;gap:3px;margin-left:auto;display:flex}.tag{font-family:var(--font-mono);letter-spacing:.1em;border:1px solid var(--line);color:var(--paper-faint);border-radius:2px;padding:1px 4px;font-size:7.5px;font-weight:700}.tag--on{color:var(--acc-text);border-color:var(--acc-edge)}.empty{text-align:center;color:var(--paper-faint);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;margin:auto;padding:26px 18px;font-size:9.5px;line-height:2}.stage{background:linear-gradient(180deg, var(--stage-top), transparent 200px), var(--ink-000);flex-direction:column;min-width:0;display:flex;position:relative}.stage__bar{border-bottom:1px solid var(--line-soft);scrollbar-width:none;flex:none;align-items:center;gap:10px;padding:9px 16px;display:flex;overflow-x:auto}.stage__bar::-webkit-scrollbar{display:none}.chips{flex:none;align-items:center;gap:1px;display:flex}.chip{font-family:var(--font-mono);letter-spacing:.1em;color:var(--paper-faint);border-radius:var(--r-sm);transition:color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);padding:6px 9px;font-size:9px;font-weight:700;position:relative}.chip:hover{color:var(--paper-dim);background:var(--ink-100)}.chip[aria-pressed=true]{color:var(--acc-text);background:var(--acc-tint)}.divider{background:var(--line);flex:none;width:1px;height:18px;margin:0 4px}.hint{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--paper-faint);flex:none;align-items:center;gap:7px;margin-left:auto;font-size:8.5px;display:flex}.kbd{border:1px solid var(--line);background:var(--ink-200);min-width:17px;height:17px;font-family:var(--font-mono);color:var(--paper-dim);border-bottom-width:2px;border-radius:3px;place-items:center;padding:0 4px;font-size:8.5px;font-weight:700;display:inline-grid}.stage__area{background-image:radial-gradient(circle at 1px 1px, var(--dot) 1px, transparent 0), radial-gradient(760px 420px at 50% 46%, var(--stage-glow), transparent 72%);background-size:22px 22px,100% 100%;flex:1;min-height:0;padding:26px 30px;position:relative}.stage__fit{place-items:center;width:100%;height:100%;display:grid;position:relative}.frame{max-width:100%;max-height:100%;transition:box-shadow var(--t-med) var(--ease);position:relative}.frame__inner{background:var(--well);border:1px solid var(--line);box-shadow:var(--sh-frame);position:relative;overflow:hidden}.frame--desktop .frame__inner{border-radius:var(--r-md)}.frame--phone .frame__inner{border-width:6px;border-color:var(--bezel);border-radius:22px}.frame__inner canvas{width:100%;height:100%;display:block}.frame__grab{cursor:ew-resize;touch-action:none;position:absolute;inset:0}.frame__notch{background:var(--notch);pointer-events:none;border-radius:8px;width:62px;height:15px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.frame__tag{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--paper-faint);white-space:nowrap;pointer-events:none;font-size:8px;font-weight:700;position:absolute}.frame__tag--tl{color:var(--acc-text);bottom:calc(100% + 9px);left:0}.frame__tag--tr{bottom:calc(100% + 9px);right:0}.frame__tag--bl{top:calc(100% + 9px);left:0}.frame__tag--br{opacity:.7;top:calc(100% + 9px);right:0}.tick{border-color:var(--acc-tick);pointer-events:none;border-style:solid;border-width:0;width:12px;height:12px;position:absolute}.tick--tl{border-top-width:1px;border-left-width:1px;top:-7px;left:-7px}.tick--tr{border-top-width:1px;border-right-width:1px;top:-7px;right:-7px}.tick--bl{border-bottom-width:1px;border-left-width:1px;bottom:-7px;left:-7px}.tick--br{border-bottom-width:1px;border-right-width:1px;bottom:-7px;right:-7px}.stage__foot{border-top:1px solid var(--line-soft);height:32px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--paper-faint);background:var(--ink-050);flex:none;align-items:center;gap:16px;padding:0 16px;font-size:9px;display:flex}.stage__foot>span{white-space:nowrap}.stage__foot b{color:var(--paper-dim);font-weight:400}.stage__foot .dot{background:var(--acc-mark);width:5px;height:5px;box-shadow:0 0 0 3px var(--acc-glow);border-radius:50%}.ovl{pointer-events:none;text-align:center;justify-content:center;padding:6%;display:flex;position:absolute;inset:0}.ovl--top{align-items:flex-start}.ovl--center{align-items:center}.ovl--bottom{align-items:flex-end}.ovl__t{white-space:pre-wrap;font-weight:600;line-height:1.15}.ctl{z-index:10;border-left:1px solid var(--line-soft);background:var(--ink-050);flex-direction:column;min-height:0;display:flex;position:relative}.ctl__scroll{flex:1;min-height:0;overflow-y:auto}.grp{border-bottom:1px solid var(--line-soft)}.grp__head{width:100%;transition:background var(--t-fast) var(--ease);align-items:center;gap:8px;padding:11px 14px;display:flex}.grp__head:hover{background:var(--ink-100)}.grp__head span.lbl{color:var(--paper-dim)}.grp__chev{border-right:1.5px solid var(--paper-faint);border-bottom:1.5px solid var(--paper-faint);width:9px;height:9px;transition:transform var(--t-med) var(--spring);margin-left:auto;transform:rotate(45deg)translate(-2px,-2px)}.grp--closed .grp__chev{transform:rotate(-45deg)translate(-2px,-2px)}.grp__bar{background:var(--acc-mark);opacity:.85;width:3px;height:11px}.grp--closed .grp__bar{background:var(--line)}.grp__body{flex-direction:column;gap:13px;padding:4px 14px 16px;display:flex}.grp__note{font-family:var(--font-mono);letter-spacing:.1em;color:var(--paper-faint);margin-left:auto;font-size:8.5px}.pal__grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.swatch{border-radius:var(--r-sm);border:1px solid var(--line-soft);height:34px;transition:transform var(--t-fast) var(--spring), border-color var(--t-fast) var(--ease);display:flex;position:relative;overflow:hidden}.swatch:hover{border-color:var(--line-hi2);transform:translateY(-2px)}.swatch[aria-pressed=true]{border-color:var(--acc-mark);box-shadow:0 0 0 1px var(--acc-mark)}.swatch i{flex:1;display:block}.pal__name{justify-content:space-between;align-items:center;gap:8px;display:flex}.pal__stops{flex-direction:column;gap:6px;display:flex}.stoprow{align-items:center;gap:7px;display:flex}.stoprow input[type=color]{border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;background:0 0;width:26px;height:24px;padding:0}.txtin{background:var(--ink-100);border:1px solid var(--line);border-radius:var(--r-sm);min-width:0;height:26px;color:var(--paper);font-family:var(--font-mono);letter-spacing:.06em;transition:border-color var(--t-fast) var(--ease);flex:1;padding:0 8px;font-size:10px}.txtin:focus{border-color:var(--acc-deep);outline:none}.iconbtn{border:1px solid var(--line);border-radius:var(--r-sm);width:24px;height:24px;color:var(--paper-faint);font-family:var(--font-mono);transition:color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);place-items:center;font-size:11px;display:grid}.iconbtn:hover{color:var(--warn);border-color:var(--warn-edge)}.drop{border:1px dashed var(--line);border-radius:var(--r-md);text-align:center;color:var(--paper-faint);transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);cursor:pointer;place-items:center;gap:4px;padding:16px 10px;display:grid;position:relative}.drop:hover,.drop--over{border-color:var(--acc-deep);background:var(--acc-wash);color:var(--paper-dim)}.drop input{display:none}.field{flex-direction:column;gap:6px;display:flex}.field__top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.field__val{font-family:var(--font-mono);color:var(--acc-text);letter-spacing:.06em;font-size:9.5px}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px}input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:1px;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--acc-mark);width:11px;height:11px;transition:transform var(--t-fast) var(--spring);border:none;border-radius:2px;margin-top:-4.5px}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.18)}input[type=range]::-moz-range-track{background:var(--line);height:2px}input[type=range]::-moz-range-thumb{background:var(--acc-mark);border:none;border-radius:2px;width:11px;height:11px}select.sel{background:var(--ink-100);border:1px solid var(--line);border-radius:var(--r-sm);width:100%;height:28px;font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;padding:0 8px;font-size:10px}select.sel:focus{border-color:var(--acc-deep);outline:none}.toggle{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.switch{border:1px solid var(--line);background:var(--ink-100);width:32px;height:17px;transition:background var(--t-med) var(--ease), border-color var(--t-med) var(--ease);border-radius:9px;flex:none;position:relative}.switch:after{content:"";background:var(--paper-faint);width:11px;height:11px;transition:transform var(--t-med) var(--spring), background var(--t-med) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-pressed=true]{background:var(--acc-tint-3);border-color:var(--acc-edge-2)}.switch[aria-pressed=true]:after{background:var(--acc-mark);transform:translate(15px)}.seg{gap:3px;display:flex}.seg button{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--ink-100);height:26px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--paper-faint);transition:color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);flex:1;font-size:8.5px;font-weight:700}.seg button:hover{color:var(--paper-dim)}.seg button[aria-pressed=true]{color:var(--acc-text);border-color:var(--acc-edge-2);background:var(--acc-tint)}.rowgrid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.progress{background:var(--line);border-radius:1px;height:2px;overflow:hidden}.progress i{background:var(--acc-mark);height:100%;transition:width .12s linear;display:block}.toasts{z-index:90;pointer-events:none;flex-direction:column;align-items:flex-end;gap:7px;display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--ink-200);border:1px solid var(--line);border-left:2px solid var(--acc-mark);border-radius:var(--r-sm);font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--paper);box-shadow:var(--sh-toast);animation:toast-in .26s var(--spring);align-items:center;gap:9px;padding:9px 13px;font-size:9.5px;font-weight:700;display:flex}.toast--warn{border-left-color:var(--warn)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.97)}}.scrim{z-index:80;background:var(--scrim);animation:fade .16s var(--ease);place-items:center;padding:20px;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{background:var(--ink-100);border:1px solid var(--line);border-radius:var(--r-lg);width:min(560px,100%);max-height:80vh;box-shadow:var(--sh-sheet);animation:sheet-in .26s var(--spring);padding:22px 24px 24px;position:relative;overflow:auto}@keyframes sheet-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}.sheet h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 3px;font-size:22px;font-weight:800}.keys{grid-template-columns:1fr 1fr;gap:5px 22px;margin-top:18px;display:grid}.keyrow{border-bottom:1px solid var(--line-soft);color:var(--paper-dim);align-items:center;gap:9px;padding:6px 0;font-size:12px;display:flex}.keyrow .kbd{flex:none}.page{flex:1;min-height:0;overflow-y:auto}.page__inner{max-width:1180px;margin:0 auto;padding:42px 30px 70px}.page__head{border-bottom:1px solid var(--line-soft);align-items:flex-end;gap:18px;margin-bottom:26px;padding-bottom:14px;display:flex}.page__head h1{font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(30px,5vw,46px);font-weight:800;line-height:.95}.page__head p{max-width:46ch;color:var(--paper-dim);margin:0 0 4px;font-size:13px}.page__count{margin-bottom:6px;margin-left:auto}.cards{grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:14px;display:grid}.card{border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--ink-050);text-align:left;transition:border-color var(--t-med) var(--ease), transform var(--t-med) var(--spring);flex-direction:column;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--line-hi);transform:translateY(-3px)}.card__art{aspect-ratio:16/10;background:var(--well);border-bottom:1px solid var(--line-soft);position:relative;overflow:hidden}.card__art canvas,.card__art img{object-fit:cover;width:100%;height:100%;display:block}.card__meta{flex-direction:column;flex:1;gap:3px;padding:10px 12px 12px;display:flex}.card__meta .card__strip{margin-top:auto}.card__title{letter-spacing:-.01em;font-size:13px;font-weight:600}.card__sub{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--paper-faint);font-size:8.5px}.card__strip{border-radius:2px;height:4px;margin-top:8px;display:flex;overflow:hidden}.card__strip i{flex:1}.card__act{opacity:0;transition:opacity var(--t-fast) var(--ease);gap:5px;display:flex;position:absolute;top:8px;right:8px}.card:hover .card__act{opacity:1}.prose{max-width:62ch;color:var(--paper-dim);font-size:14px;line-height:1.7}.prose h3{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--acc-text);margin:34px 0 8px;font-size:9.5px;font-weight:700}.prose p{margin:0 0 12px}.prose strong{color:var(--paper);font-weight:600}.prose ul{margin:0 0 12px;padding-left:17px}.prose li{margin-bottom:5px}.page__head .lede,.lede{font-family:var(--font-serif);color:var(--paper);max-width:26ch;margin-bottom:6px;font-size:clamp(20px,2.4vw,27px);line-height:1.32}.about{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:54px;display:grid}.spec{border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--ink-050);overflow:hidden}.spec__head{border-bottom:1px solid var(--line-soft);align-items:center;gap:8px;padding:12px 14px;display:flex}.specrow{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;gap:14px;padding:10px 14px;display:flex}.specrow:last-child{border-bottom:none}.specrow b{font-family:var(--font-mono);color:var(--paper);font-size:11px;font-weight:400}.specrow b.acc{color:var(--acc-text)}@media (max-width:900px){.about{grid-template-columns:minmax(0,1fr);gap:28px}}.mobar,.sheetscrim,.sheetclose{display:none}.scrim--sheet{place-items:end stretch;padding:0}.msheet{background:var(--ink-100);border-top:1px solid var(--line);max-height:78vh;animation:up .28s var(--spring);border-radius:12px 12px 0 0;flex-direction:column;display:flex}@keyframes up{0%{opacity:0;transform:translateY(30px)}}.msheet__grip{background:var(--line);border-radius:2px;flex:none;width:38px;height:3px;margin:9px auto 3px}@media (max-width:1180px){:root{--ctl-w:300px;--list-w:190px}}@media (max-width:960px){.studio{grid-template-columns:minmax(0,1fr)}.rail,.plist,.ctl{display:none}.studio--sheet .plist,.studio--drawer .ctl{z-index:60;border:1px solid var(--line);background:var(--ink-100);max-height:72vh;box-shadow:var(--sh-drawer);animation:up .26s var(--spring);border-bottom:none;border-radius:12px 12px 0 0;display:flex;position:fixed;bottom:0;left:0;right:0}.mobar{border-top:1px solid var(--line-soft);background:var(--ink-050);flex:none;align-items:center;gap:8px;padding:8px 12px;display:flex}.shell{overflow-x:hidden}.head{gap:8px;padding:0 10px}.head__meta{display:none}.head__nav{scrollbar-width:none;flex:auto;min-width:0;overflow-x:auto}.head__spacer{display:none}.themetog{margin-right:0}.head__nav::-webkit-scrollbar{display:none}.head__nav .navlink{padding:0 8px}.stage__foot{scrollbar-width:none;gap:12px;overflow-x:auto}.stage__foot::-webkit-scrollbar{display:none}.mobar .btn{padding:0 9px}.sheetscrim{z-index:55;background:var(--scrim-soft);animation:fade .16s var(--ease);display:block;position:fixed;inset:0}.sheetclose{z-index:62;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--ink-200);height:30px;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper);align-items:center;padding:0 14px;font-size:9.5px;font-weight:700;display:inline-flex;position:fixed;bottom:calc(72vh + 12px);right:12px}.frame__tag--br,.frame__tag--bl,.wordmark__sub{display:none}.stage__area{padding:16px}.keys{grid-template-columns:1fr}.page__inner{padding:26px 16px 60px}.page__head{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}