@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;--paper:#ece6da;--paper-dim:#9aa2ab;--paper-faint:#626c77;--acc:#c9f24b;--acc-deep:#8fae2b;--acc-glow:#c9f24b29;--warn:#f0904a;--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}*{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:.4;mix-blend-mode:overlay;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(--ink-300);border-radius:0}::-webkit-scrollbar-thumb:hover{background:#2c3742}:focus-visible{outline:1px solid var(--acc);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);background:var(--ink-300);border-color:#35424f}.btn:active:not(:disabled){transform:translateY(1px)scale(.99)}.btn:disabled{opacity:.34;cursor:not-allowed}.btn--acc{background:var(--acc);border-color:var(--acc);color:#0d1206}.btn--acc:hover:not(:disabled){color:#0d1206;background:#d8ff5c;border-color:#d8ff5c}.btn--ghostacc{color:var(--acc);background:#c9f24b0f;border-color:#c9f24b57}.btn--ghostacc:hover:not(:disabled){color:var(--acc);background:#c9f24b21;border-color:#c9f24b99}.btn--wide{width:100%}.shell{background:radial-gradient(1200px 620px at 62% -10%, #16202b 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), 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);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}.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);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);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);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);background:#c9f24b14}.rail__btn[aria-pressed=true]:before{content:"";background:var(--acc);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);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]{background:var(--ink-200);border-color:#c9f24b80}.pcard__thumb{aspect-ratio:16/9;border-radius:var(--r-sm);background:var(--ink-000);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-deep);border-color:#c9f24b4d}.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, #ffffff03, 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);background:#c9f24b17}.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,#ece6da0e 1px,#0000 0),radial-gradient(760px 420px at 50% 46%,#c9f24b0d,#0000 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(--ink-100);border:1px solid var(--line);position:relative;overflow:hidden;box-shadow:0 30px 70px -30px #000000e6,0 0 0 1px #0006}.frame--desktop .frame__inner{border-radius:var(--r-md)}.frame--phone .frame__inner{border-width:6px;border-color:#1b222b;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{pointer-events:none;background:#10151b;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);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{pointer-events:none;border:0 solid #c9f24b6b;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);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);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:#3a4653;transform:translateY(-2px)}.swatch[aria-pressed=true]{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}.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:#f0904a66}.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);color:var(--paper-dim);background:#c9f24b0a}.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);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);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);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:#c9f24b29;border-color:#c9f24b80}.switch[aria-pressed=true]:after{background:var(--acc);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);background:#c9f24b14;border-color:#c9f24b73}.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);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);border-radius:var(--r-sm);font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--paper);animation:toast-in .26s var(--spring);align-items:center;gap:9px;padding:9px 13px;font-size:9.5px;font-weight:700;display:flex;box-shadow:0 14px 30px -14px #000000e6}.toast--warn{border-left-color:var(--warn)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.97)}}.scrim{z-index:80;animation:fade .16s var(--ease);background:#06080bc7;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;animation:sheet-in .26s var(--spring);padding:22px 24px 24px;position:relative;overflow:auto;box-shadow:0 40px 90px -30px #000}@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:#35424f;transform:translateY(-3px)}.card__art{aspect-ratio:16/10;background:var(--ink-000);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);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)}@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;animation:up .26s var(--spring);border-bottom:none;border-radius:12px 12px 0 0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -20px 50px -20px #000000e6}.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;overflow-x:auto}.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;animation:fade .16s var(--ease);background:#06080b99;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}}
