@font-face{font-family:Alte Haas Grotesk;src:url(/fonts/AlteHaasGroteskRegular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Alte Haas Grotesk;src:url(/fonts/AlteHaasGroteskBold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--graphite: #232425;--graphite-deep: #1a1b1c;--bone: #e8e4da;--bone-dim: #b8b4aa;--amber: #ffb000;--amber-dim: #8a6200;--safelight-red: #e03616;--panel-w: 300px;--radius: 10px;--sans: "Alte Haas Grotesk", "Helvetica Neue", Helvetica, sans-serif;--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--graphite-deep);color:var(--bone);font-family:var(--sans);font-size:13px;overflow:hidden;-webkit-user-select:none;user-select:none}#app{display:flex;height:100%}#stage-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#2a2b2c 0%,var(--graphite-deep) 75%)}#gpu-canvas,#overlay-canvas{position:absolute;top:0;left:0;width:100%;height:100%}#overlay-canvas{pointer-events:auto}#stage-wrap.filmstrip:before,#stage-wrap.filmstrip:after{content:"";position:absolute;left:0;right:0;height:30px;background:#0e0f10 url(/film-tile.svg) repeat-x left top;background-size:864px 30px;box-shadow:0 1px #000c,0 4px 14px #00000073;z-index:5;pointer-events:none}#stage-wrap.filmstrip:before{top:0}#stage-wrap.filmstrip:after{bottom:0;transform:scale(-1)}#hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.hud-back{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:calc(14px + env(safe-area-inset-left,0px));width:46px;height:46px;padding:0;border-radius:50%;font-size:19px;line-height:1;pointer-events:auto}.hud-crumbs{position:absolute;top:calc(22px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:5px 12px;background:#0e0f10c7;border:1px solid rgba(0,0,0,.7);border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.hud-crumbs:after,.hud-tools:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:url(/grain.svg) repeat;mix-blend-mode:overlay;opacity:.55;pointer-events:none}#stage-wrap.filmstrip .hud-back{top:calc(44px + env(safe-area-inset-top,0px))}#stage-wrap.filmstrip .hud-crumbs{top:calc(46px + env(safe-area-inset-top,0px))}button.hud-crumb{background:none;border:none;box-shadow:none;padding:4px 8px;font-size:10px;letter-spacing:.16em;color:var(--bone-dim);cursor:default}button.hud-crumb:hover{background:none}button.hud-crumb:active{transform:none;box-shadow:none}button.hud-crumb.current{color:var(--amber);text-shadow:0 0 10px rgba(255,176,0,.4)}button.hud-crumb.link{cursor:pointer}button.hud-crumb.link:hover{color:var(--bone)}button.hud-crumb:disabled{opacity:.3}.hud-actions{position:absolute;bottom:calc(22px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);display:flex;gap:10px;pointer-events:auto}.hud-actions button{min-width:150px}#stage-wrap.filmstrip .hud-actions{bottom:calc(44px + env(safe-area-inset-bottom,0px))}.hud-tools{position:absolute;bottom:calc(22px + env(safe-area-inset-bottom,0px));left:calc(18px + env(safe-area-inset-left,0px));width:176px;display:flex;flex-direction:column;gap:8px;padding:12px;background:#0e0f10c7;border:1px solid rgba(0,0,0,.7);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.hud-tools h3{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--bone-dim);text-transform:uppercase}.hud-note{font-size:10px;letter-spacing:.06em;line-height:1.5;color:var(--amber)}.hud-bench{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;display:flex;background:url(/grain.svg) repeat,linear-gradient(180deg,#232427,#17181a);background-blend-mode:overlay,normal;padding:calc(66px + env(safe-area-inset-top,0px)) calc(18px + env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) calc(18px + env(safe-area-inset-left,0px))}.bench-glass{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:14px;padding:16px 20px 20px;border-radius:14px;border:1px solid #000;background:url(/grain.svg) repeat,radial-gradient(110% 85% at 50% 40%,#fff4d638,#fff4d60f 62%,#fff4d600),linear-gradient(180deg,#26282b,#1d1e21);background-blend-mode:overlay,normal,normal;box-shadow:inset 0 0 90px #fff0c817,inset 0 2px 6px #00000080,inset 0 1px #ffffff17,0 0 0 7px #232427,0 0 0 8px #0a0a0b,0 10px 30px #0000008c}.bench-glass.off{background:url(/grain.svg) repeat,radial-gradient(110% 85% at 50% 40%,#fff4d60d,#fff4d600 70%),linear-gradient(180deg,#1e1f22,#161719);background-blend-mode:overlay,normal,normal;box-shadow:inset 0 2px 6px #00000080,inset 0 1px #ffffff0d,0 0 0 7px #232427,0 0 0 8px #0a0a0b,0 10px 30px #0000008c}.bench-group-label{font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--bone-dim);opacity:.7;text-align:center}.bench-film{flex:0 0 auto;display:flex;justify-content:center;max-width:100%}.bench-film .cassette-row{flex-wrap:wrap;justify-content:center;padding:14px 4px 4px}.bench-tests{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.7}.bench-tests .cassette-row{max-width:100%;padding:14px 20px 6px;flex-wrap:wrap;justify-content:center}.cassette-row{display:flex;align-items:flex-end;gap:28px}.cassette-slot{transform:rotate(var(--tilt, 0deg));padding:13px 0 4px}.cassette{position:relative;width:64px;height:92px;border-radius:6px;background:url(/grain.svg) repeat,linear-gradient(90deg,#00000080,#ffffff0d 8%,#ffffff47 18%,#ffffff14 30%,#fff0 48%,#0003,#00000085),linear-gradient(180deg,#2b2c2f,#1d1e21 55%,#141517);background-blend-mode:overlay,normal,normal;border:1px solid #000;box-shadow:0 5px 12px #0000008c,inset 0 1px #ffffff12;cursor:grab;pointer-events:auto;touch-action:none;transition:transform .22s ease,box-shadow .22s ease}.cassette:before,.cassette:after{content:"";position:absolute;left:-3px;right:-3px;height:9px;z-index:1;border-radius:4px;background:linear-gradient(90deg,#0000008c,#ffffff1f 10%,#fff3 18%,#ffffff0d 32%,#fff0 50%,#0000004d 76%,#0009),linear-gradient(180deg,#2a2b2e,#17181a);border:1px solid #000;box-shadow:inset 0 1px #ffffff1f,0 2px 4px #0006;pointer-events:none}.cassette:before{top:-3px}.cassette:after{bottom:-3px;background:linear-gradient(90deg,#0000008c,#ffffff1f 10%,#fff3 18%,#ffffff0d 32%,#fff0 50%,#0000004d 76%,#0009),linear-gradient(180deg,#1d1e21,#111214)}.cassette-spool{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:20px;height:16px;border-radius:3px 3px 0 0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 1px,transparent 1px 3px),linear-gradient(90deg,#0006,#ffffff14 25%,#0000 55%,#00000073),linear-gradient(180deg,#2c2d30,#131416);border:1px solid #000;box-shadow:inset 0 1px #ffffff1a}.cassette-spool:before{content:"";position:absolute;top:3px;left:50%;transform:translate(-50%);width:10px;height:3px;border-radius:1px;background:#000;box-shadow:0 1px #ffffff1f}.cassette-leader{position:absolute;right:-39px;bottom:14px;width:46px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4'%3E%3Crect x='0.8' y='0.5' width='4.4' height='2.6' rx='0.9' fill='%23040405' stroke='%23d98a3f' stroke-opacity='0.4' stroke-width='0.6'/%3E%3C/svg%3E") repeat-x 3px 4px,linear-gradient(90deg,#060707 0,#060707 3px,#333436 4px,#191a1c 60%,#141516);background-size:6px 4px,auto;border:1px solid #000;border-left:none;clip-path:polygon(0 0,24% 0,31% 45%,52% 45%,52% 100%,0 100%);filter:drop-shadow(1px 2px 3px rgba(0,0,0,.5));transition:clip-path .32s cubic-bezier(.22,.9,.3,1.15);pointer-events:none}.cassette:hover .cassette-leader,.cassette.drag .cassette-leader{clip-path:polygon(0 0,24% 0,31% 45%,100% 45%,100% 100%,0 100%)}@media (prefers-reduced-motion: reduce){.cassette-leader{transition:none}}.cassette-label{position:absolute;left:3px;right:3px;top:50%;transform:translateY(-50%);padding:10px 3px 6px;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.03em;line-height:1.2;text-align:center;color:#2a2b2d;background:linear-gradient(90deg,#00000057,#0000000d 10%,#ffffff38 18%,#fff0 32%,#0000000f 60%,#0000004d),linear-gradient(180deg,#d6d1c4,#c4bfb1);border-top:1px solid rgba(0,0,0,.55);border-bottom:1px solid rgba(0,0,0,.55);word-break:break-word}.cassette-label:before{content:"";position:absolute;top:1px;left:0;right:0;height:5px;background:linear-gradient(90deg,#0006,#00000014 10%,#ffffff47 18%,#fff0 32%,#0000001a 60%,#00000061),var(--amber)}.cassette-label:after{content:"";display:block;width:68%;height:6px;margin:5px auto 0;background:repeating-linear-gradient(90deg,#26272a 0 1px,transparent 1px 3px,#26272a 3px 5px,transparent 5px 6px,#26272a 6px 7px,transparent 7px 10px),#d6d1c4;opacity:.85}.cassette.load-slot:before,.cassette.load-slot:after{display:none}.cassette:hover{box-shadow:0 8px 16px #0009,0 0 0 1px #ffb00059}.cassette.drag{transition:none;cursor:grabbing;z-index:40;box-shadow:0 16px 30px #000000b3}.cassette.load-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:radial-gradient(90% 60% at 50% 0%,#00000080,#0000 70%),linear-gradient(180deg,#0e0f11,#16171a);border:1px solid #000;box-shadow:inset 0 3px 9px #000000d9,inset 0 -1px #ffffff0d,inset 2px 0 4px #0006,0 1px #ffffff12;color:var(--bone-dim);cursor:pointer}.cassette.load-slot .load-plus{color:var(--amber);text-shadow:0 0 8px rgba(255,176,0,.35)}.cassette.load-slot:hover,.cassette.load-slot.is-drop{color:var(--bone);border-color:#ffb0008c;box-shadow:inset 0 3px 9px #000000d9,inset 0 0 14px #ffb0001f,0 1px #ffffff12,0 0 14px #ffb00024}.cassette.load-slot.is-drop{color:var(--amber);background:radial-gradient(90% 60% at 50% 0%,#0006,#0000 70%),linear-gradient(180deg,#171307,#1d180a)}.cassette.load-slot.is-loading{border-color:var(--amber);color:var(--amber);cursor:progress}.cassette.load-slot.is-loading .load-plus{animation:keypulse .9s ease-in-out infinite}.cassette.load-slot.is-error{border-color:var(--safelight-red);border-style:solid;color:var(--safelight-red)}.load-plus{font-size:20px;font-weight:400;line-height:1}.load-text{font-size:9px;font-weight:700;letter-spacing:.14em;text-align:center;line-height:1.25}.neg-spread{flex:1 1 auto;min-height:0;position:relative;overflow:hidden}.bench-zone.glass-dock{position:absolute;top:14px;left:50%;transform:translate(-50%) translateY(-18px);z-index:45;opacity:0;flex-direction:row;width:auto;padding:12px 26px;gap:12px;transition:opacity .18s ease,transform .22s cubic-bezier(.22,.9,.3,1.15)}.bench-glass.grabbing-enlarger .glass-dock[data-accepts=enlarger],.bench-glass.grabbing-tank .glass-dock[data-accepts=tank]{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion: reduce){.bench-zone.glass-dock{transition:opacity .12s ease;transform:translate(-50%)}}.neg-spread.empty{display:flex;align-items:center;justify-content:center}.glass-hint{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--bone-dim);opacity:.5;text-align:center}.neg-cell{position:absolute;display:flex;flex-direction:column;gap:3px;align-items:flex-start;transform:translate(-50%,-50%) rotate(var(--tilt, 0deg))}.negative{position:relative;width:auto;padding:10px 6px;background:url(/grain.svg) repeat,linear-gradient(180deg,#141516,#0b0c0d);background-blend-mode:overlay,normal;border:1px solid #000;border-left:3px solid rgba(255,176,0,.35);border-radius:3px;box-shadow:0 3px 8px #00000080,inset 0 1px #ffffff0d;cursor:grab;pointer-events:auto;touch-action:none;transition:transform .22s ease,box-shadow .22s ease}.negative:before,.negative:after{content:"";position:absolute;left:6px;right:6px;height:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Crect x='1.5' y='0.75' width='7' height='4.5' rx='1.5' fill='%23040405' stroke='%23d98a3f' stroke-opacity='0.4' stroke-width='0.75'/%3E%3C/svg%3E") repeat-x left center;background-size:10px 6px;pointer-events:none}.negative:before{top:2px}.negative:after{bottom:2px}.negative-img{display:block;height:148px;width:auto;background-size:cover;background-position:center;border-radius:1px}.negative:hover{border-left-color:var(--amber);box-shadow:0 5px 12px #0009,0 0 0 1px #ffb0004d}.negative.drag{transition:none;cursor:grabbing;z-index:40;box-shadow:0 14px 28px #000000a6}.neg-label{max-width:250px;padding-left:3px;font-family:var(--mono);font-size:9px;letter-spacing:.06em;color:var(--bone-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.neg-del{position:absolute;top:-6px;right:-6px;width:20px;height:20px;padding:0;font-size:10px;line-height:1;color:var(--bone);background:#141516f2;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 2px 6px #0009;cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .14s ease,color .14s ease,border-color .14s ease}.neg-cell:hover .neg-del{opacity:1}.neg-del:hover{color:var(--safelight-red);border-color:var(--safelight-red)}@media (hover: none){.neg-del{opacity:.8}}.neg-edge{position:absolute;left:6px;right:6px;bottom:1px;height:8px;line-height:8px;font-family:var(--mono);font-size:7px;font-weight:700;letter-spacing:.12em;text-align:center;white-space:nowrap;overflow:hidden;color:#d98a3f;background:#0b0c0deb;opacity:0;transition:opacity .16s ease;pointer-events:none}.negative:hover .neg-edge,.negative.drag .neg-edge{opacity:1}.loupe-cell{position:absolute;z-index:38;transform:translate(-50%,-50%);pointer-events:none}.loupe-cell.drag{z-index:44}.loupe{position:relative;width:118px;height:118px;border-radius:50%;cursor:grab;pointer-events:auto;touch-action:none;background:repeating-conic-gradient(#ffffff17,#ffffff17 2.5deg,#0000004d 2.5deg,#0000004d 5deg),radial-gradient(circle at 32% 26%,#3c3d40,#232427 55%,#121314);border:1px solid #000;box-shadow:0 10px 22px #0000008c,0 2px 4px #00000080,inset 0 2px 3px #ffffff24,inset 0 -3px 6px #0000008c;transition:transform .16s ease,box-shadow .16s ease}.loupe:before{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border-radius:50%;background:linear-gradient(160deg,#2d2e31,#191a1c);border:1px solid #000;box-shadow:inset 0 1px #ffffff1a,0 1px 3px #0009}.loupe.drag{cursor:grabbing;transform:scale(1.06);transition:none;box-shadow:0 20px 38px #000000a6,0 4px 8px #00000080,inset 0 2px 3px #ffffff24,inset 0 -3px 6px #0000008c}.loupe-lens{position:absolute;top:19px;right:19px;bottom:19px;left:19px;border-radius:50%;overflow:hidden;background-color:#101112;background-repeat:no-repeat;border:1px solid #000;box-shadow:inset 0 0 18px #000000bf,inset 0 2px 6px #0009;pointer-events:none}.loupe-lens:not(.reading){background-image:radial-gradient(circle at 50% 42%,#fff4d626,#fff4d60a 58%,#fff4d600)}.loupe-lens:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff3,#ffffff0a 20%,#fff0 36%),radial-gradient(circle at 50% 50%,#0000 60%,#0000006b)}.loupe-plate{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);padding:2px 8px;font-family:var(--mono);font-size:7px;font-weight:700;letter-spacing:.16em;color:#d98a3f;background:linear-gradient(180deg,#1c1d1f,#101112);border:1px solid #000;border-radius:999px;box-shadow:0 2px 4px #00000080,inset 0 1px #ffffff14;pointer-events:none}@media (prefers-reduced-motion: reduce){.loupe,.loupe.drag{transition:none;transform:none}}.bench-zone{position:relative;width:104px;padding:18px 10px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--bone-dim);background:url(/grain.svg) repeat,linear-gradient(180deg,#28292c,#1c1d1f);background-blend-mode:overlay,normal;border:1px solid #000;border-radius:var(--radius);box-shadow:0 5px 12px #00000080,inset 0 1px #ffffff14;pointer-events:none}.bench-zone svg{opacity:.8}.bench-zone-label{font-size:9px;font-weight:700;letter-spacing:.16em}.zone-lamp{position:absolute;top:7px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 7px #ffb000cc}.bench-zone.off{color:#b8b4aa73}.bench-zone.off svg{opacity:.35}.bench-zone.off .zone-lamp{background:#3a3b3d;box-shadow:inset 0 1px 1px #0009}.bench-zone.hot{border-color:var(--amber);color:var(--amber);background:url(/grain.svg) repeat,linear-gradient(180deg,#2e2410,#201804);background-blend-mode:overlay,normal;box-shadow:0 0 18px #ffb00040,inset 0 0 12px #ffb0001f}.bench-toast{position:absolute;top:calc(84px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:7px 8px 7px 16px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--bone-dim);background:#0e0f10eb;border:1px solid rgba(255,255,255,.14);border-radius:999px;box-shadow:0 6px 16px #00000080;pointer-events:auto}.bench-toast button{min-width:0;padding:6px 14px}#panel{width:var(--panel-w);background:url(/grain.svg) repeat var(--graphite);background-blend-mode:overlay;border-left:1px solid #000;padding:18px 16px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}#panel.hidden{display:none}.module{display:flex;flex-direction:column;gap:10px;padding-bottom:20px;border-bottom:1px dashed rgba(255,255,255,.08)}.module:last-child{padding-bottom:0;border-bottom:none}.module h3{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--bone-dim);text-transform:uppercase}.readout{font-family:var(--mono);font-size:26px;font-variant-numeric:tabular-nums;color:var(--amber);text-shadow:0 0 12px rgba(255,176,0,.35);letter-spacing:.04em}.dial{display:block;margin:2px auto}.readout.dim{color:var(--amber-dim);text-shadow:none}.readout.sm{font-size:18px}button,.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bone);background:url(/grain.svg) repeat,linear-gradient(180deg,#37383a,#2b2c2e);background-blend-mode:overlay,normal;border:1px solid #131415;border-radius:8px;padding:12px 14px;cursor:pointer;box-shadow:0 2px #141516,inset 0 1px #ffffff12;transition:transform 60ms ease,box-shadow 60ms ease,background .12s}button:hover{background:url(/grain.svg) repeat,linear-gradient(180deg,#3d3e40,#303133);background-blend-mode:overlay,normal}button:active{transform:translateY(2px);box-shadow:0 0 #141516,inset 0 1px 2px #00000080}button.accent{color:#1a1b1c;background:url(/grain.svg) repeat,linear-gradient(180deg,#ffc233 0%,var(--amber) 100%);background-blend-mode:overlay,normal;border-color:#7a5800;box-shadow:0 2px #7a5800,inset 0 1px #ffffff59}button.accent:hover{filter:brightness(1.06)}button.danger{color:var(--bone);background:url(/grain.svg) repeat,linear-gradient(180deg,#f04a26 0%,var(--safelight-red) 100%);background-blend-mode:overlay,normal;border-color:#6b1a0a;box-shadow:0 2px #6b1a0a,inset 0 1px #fff3}button:disabled{opacity:.35;cursor:default;pointer-events:none}.keyrow{display:flex;gap:8px}button.key{flex:1;height:46px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--bone-dim);background:url(/grain.svg) repeat,linear-gradient(180deg,#1d1e1f,#101112);background-blend-mode:overlay,normal;border:1px solid #000;border-radius:7px;box-shadow:0 3px #000,inset 0 1px #ffffff12}button.key:hover{background:url(/grain.svg) repeat,linear-gradient(180deg,#242526,#151617);background-blend-mode:overlay,normal}button.key:active{transform:translateY(2px);box-shadow:0 1px #000,inset 0 1px 2px #0009}button.key svg{display:block}button.key.ember{color:#ff5a24}button.key.lit{color:var(--amber);background:url(/grain.svg) repeat,linear-gradient(180deg,#2b2413,#191307);background-blend-mode:overlay,normal;box-shadow:0 3px #000,inset 0 0 12px #ffb0004d}button.key.wide{gap:8px}button.key.wide span{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}button.key.go{color:#1a1b1c;background:url(/grain.svg) repeat,linear-gradient(180deg,#ffc233 0%,var(--amber) 100%);background-blend-mode:overlay,normal;border-color:#7a5800;box-shadow:0 3px #7a5800,inset 0 1px #ffffff59}button.key.go:hover{filter:brightness(1.06);background:url(/grain.svg) repeat,linear-gradient(180deg,#ffc233 0%,var(--amber) 100%);background-blend-mode:overlay,normal}button.key.go:active{box-shadow:0 1px #7a5800,inset 0 1px 2px #00000059}button.key.pulse{animation:keypulse 1.3s ease-in-out infinite}@keyframes keypulse{50%{box-shadow:0 3px #000,inset 0 0 16px #e036168c}}.switch{display:flex;align-items:center;gap:10px}.sw-lbl{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-dim);opacity:.55;cursor:pointer;transition:color .12s,opacity .12s}.sw-lbl.on{color:var(--amber);opacity:1;text-shadow:0 0 8px rgba(255,176,0,.35)}button.sw-track{position:relative;flex:0 0 auto;width:46px;height:22px;padding:0;background:#0b0c0d;border:1px solid #000;border-radius:5px;box-shadow:inset 0 2px 5px #000c,0 1px #ffffff0d}button.sw-track:hover{background:#0e0f10}button.sw-track:active{transform:none;box-shadow:inset 0 2px 5px #000c,0 1px #ffffff0d}.sw-knob{position:absolute;top:2px;left:2px;width:21px;height:16px;border-radius:3px;background:url(/grain.svg) repeat,repeating-linear-gradient(90deg,transparent 0 4px,rgba(0,0,0,.28) 4px 5px),linear-gradient(180deg,#3f4042,#2a2b2d);background-blend-mode:overlay,normal,normal;box-shadow:0 1px 2px #000c,inset 0 1px #ffffff24;transition:left .1s ease}button.sw-track.right .sw-knob{left:21px}button.sw-track.lit{box-shadow:inset 0 2px 5px #000c,inset 0 0 9px #ffb00066}button.sw-track.lit .sw-knob:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%;background:var(--amber);box-shadow:0 0 5px #ffb000cc}.row{display:flex;gap:8px;align-items:center}.row>*{flex:1}.paper-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.paper-grid.three{grid-template-columns:repeat(3,1fr)}.paper-grid button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;font-size:11px}.btn-sub{font-size:8px;font-weight:400;letter-spacing:.08em;opacity:.6;white-space:nowrap}label.field{display:flex;flex-direction:column;gap:4px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--bone-dim)}select,input[type=number]{font-family:var(--mono);font-size:13px;color:var(--bone);background:#161718;border:1px solid #0c0d0e;border-radius:6px;padding:8px}.slider{position:relative;padding-bottom:7px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:20px;background:transparent;cursor:ew-resize}input[type=range]::-webkit-slider-runnable-track{height:12px;background:#0b0c0d;border:1px solid #000;border-radius:5px;box-shadow:inset 0 2px 5px #000c,0 1px #ffffff0d}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:18px;margin-top:-4px;border:1px solid #000;border-radius:3px;background:url(/grain.svg) repeat,repeating-linear-gradient(90deg,transparent 0 4px,rgba(0,0,0,.28) 4px 5px),linear-gradient(180deg,#3f4042,#2a2b2d);background-blend-mode:overlay,normal,normal;box-shadow:0 1px 2px #000c,inset 0 1px #ffffff24}input[type=range]::-moz-range-track{height:12px;background:#0b0c0d;border:1px solid #000;border-radius:5px;box-shadow:inset 0 2px 5px #000c,0 1px #ffffff0d}input[type=range]::-moz-range-thumb{width:22px;height:18px;border:1px solid #000;border-radius:3px;background:url(/grain.svg) repeat,repeating-linear-gradient(90deg,transparent 0 4px,rgba(0,0,0,.28) 4px 5px),linear-gradient(180deg,#3f4042,#2a2b2d);background-blend-mode:overlay,normal,normal;box-shadow:0 1px 2px #000c,inset 0 1px #ffffff24}.slider-tick{position:absolute;bottom:0;left:calc(11px + (100% - 22px) * var(--frac, .5));transform:translate(-50%);width:2px;height:5px;background:var(--bone-dim);opacity:.55;pointer-events:none}.notice{padding:24px;max-width:460px;margin:auto;text-align:center;line-height:1.6;color:var(--bone-dim)}.notice b{color:var(--safelight-red)}.hint{font-size:11px;color:var(--bone-dim);line-height:1.5}.hint.warn{color:var(--safelight-red)}.meta{display:flex;flex-direction:column;gap:3px;margin-top:4px}.meta-row{display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:11px;letter-spacing:.06em}.meta-label{color:var(--bone-dim)}.meta-value{color:var(--amber-dim);text-align:right}#devpanel{position:absolute;top:10px;left:10px;width:320px;max-height:calc(100% - 20px);overflow-y:auto;background:#141516f0;border:1px solid #000;border-radius:var(--radius);padding:12px;z-index:50;display:none}#devpanel.open{display:block}#devpanel .dev-row{display:grid;grid-template-columns:130px 1fr 52px;gap:6px;align-items:center;font-size:10px;color:var(--bone-dim);margin-bottom:4px}#devpanel .dev-row output{color:var(--amber);text-align:right}#devpanel h4{color:var(--amber);font-size:10px;letter-spacing:.15em;margin:10px 0 6px}