:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font:"Barlow", system-ui, sans-serif;--font-label:"Barlow Condensed", "Barlow", system-ui, sans-serif;--font-lcd:"Share Tech Mono", ui-monospace, monospace;--bg:#17181b;--steel-1:#3a3e45;--steel-2:#2e3137;--steel-3:#24262b;--edge:#0e0f11;--text:#ece8de;--text-2:#b7b2a6;--text-3:#8d897f;--accent:#ff7a1a;--accent-2:#ffb347;--accent-glow:#ff7a1a8c;--lcd-bg:#16201a;--lcd-text:#b9ff8f;--lcd-glow:#a0ff6e73;--r:10px;--spring:cubic-bezier(.34, 1.56, .64, 1);--out:cubic-bezier(.22, 1, .36, 1);--engrave:0 1px 0 #ffffff12, 0 -1px 0 #0000008c;--raised:inset 0 1px 0 #ffffff1f, inset 0 -1px 0 #00000059, 0 2px 3px #00000073, 0 6px 12px #00000040;--pressed:inset 0 2px 5px #000000a6, inset 0 0 0 1px #0006, 0 1px 0 #ffffff0f;--brushed:repeating-linear-gradient(90deg, #ffffff06 0 1px, transparent 1px 3px, #00000008 3px 4px)}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.app{grid-template-columns:minmax(330px,25%) 1fr;height:100dvh;display:grid;overflow:hidden}.sidebar{background:var(--brushed), linear-gradient(180deg, #33363c 0%, #26282d 100%);border-right:1px solid var(--edge);z-index:2;flex-direction:column;min-height:0;display:flex;position:relative;box-shadow:inset -1px 0 #ffffff0d,6px 0 18px #00000073}.brand{border-bottom:1px solid var(--edge);align-items:center;gap:12px;padding:16px 16px 14px;display:flex;box-shadow:0 1px #ffffff0d}.brand-mark{width:40px;height:40px;box-shadow:var(--raised);background:linear-gradient(#5b6068,#2c2f35);border-radius:11px;flex:none;position:relative}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";border-radius:2px;position:absolute}.brand-mark:before{background:var(--accent);height:5px;box-shadow:0 0 10px var(--accent-glow);animation:3.2s ease-in-out infinite glow;top:10px;left:7px;right:7px}.brand-mark:after,.brand-mark span{background:#d9d4c8;width:4px;top:15px;bottom:8px}.brand-mark:after{left:10px}.brand-mark span{right:10px}@keyframes glow{50%{box-shadow:0 0 16px var(--accent), 0 0 3px #fff}}.brand-text{flex:1;min-width:0}.brand h1{font-family:var(--font-label);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(#fbf7ee 20%,#a9a499 90%);color:#0000;filter:drop-shadow(0 1px #0009);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.45rem;font-weight:700}.brand p{color:var(--text-3);letter-spacing:.02em;margin:0;font-size:.78rem}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:#50545b transparent;flex:1;padding:12px 12px 40px;overflow:hidden auto}.panel{border-radius:var(--r);background:var(--brushed), linear-gradient(180deg, var(--steel-1), var(--steel-2));border:1px solid var(--edge);box-shadow:var(--raised);opacity:0;margin-bottom:10px;transform:translate(-18px)}.is-ready .panel{animation:panel-in .6s var(--out) forwards;animation-delay:calc(var(--i) * 55ms + 80ms)}@keyframes panel-in{to{opacity:1;transform:none}}.panel-head{text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:11px 12px;display:flex}.panel-title{font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);text-shadow:var(--engrave);flex:1;font-size:.95rem;font-weight:600}.screw{background:radial-gradient(circle at 35% 30%,#9aa0a8,#50555c 60%,#2c2f33);border-radius:50%;flex:none;width:9px;height:9px;position:relative;box-shadow:0 1px 1px #0009,inset 0 0 0 .5px #00000080}.screw:after{content:"";background:#141518d9;border-radius:1px;position:absolute;inset:3.8px 1.5px;transform:rotate(35deg)}.panel-led{background:#3b2415;border-radius:50%;width:7px;height:7px;transition:background .3s,box-shadow .3s;box-shadow:inset 0 1px 1px #0009}.panel.is-open .panel-led{background:var(--accent);box-shadow:0 0 8px var(--accent-glow), 0 0 2px var(--accent)}.panel-chev{width:16px;height:16px;color:var(--text-3);transition:transform .4s var(--spring)}.panel-chev svg{width:100%;height:100%;display:block}.panel.is-open .panel-chev{transform:rotate(180deg)}.panel-head:hover .panel-title{color:var(--text)}.panel-body{transition:grid-template-rows .45s var(--out);grid-template-rows:0fr;display:grid}.panel.is-open .panel-body{grid-template-rows:1fr}.panel-inner{min-height:0;transition:padding .45s var(--out);padding:0 12px;overflow:hidden}.panel.is-open .panel-inner{padding:2px 12px 12px}.ctl-wrap{opacity:1;transition:grid-template-rows .4s var(--out), opacity .3s, transform .4s var(--out);grid-template-rows:1fr;display:grid}.ctl-wrap-inner{min-height:0;overflow:hidden}.ctl-wrap.is-hidden{opacity:0;grid-template-rows:0fr;transform:translateY(-6px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}.ctl{padding:9px 0}.ctl-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.ctl-label{font-family:var(--font-label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);text-shadow:var(--engrave);font-size:.86rem;font-weight:500;display:block}.ctl-seg>.ctl-label,.ctl-stepper>.ctl-label,.ctl-swatches>.ctl-label{margin-bottom:7px}.ctl-hint,.ctl-note{color:var(--text-3);margin:6px 0 0;font-size:.78rem;line-height:1.4}.ctl-note{box-shadow:var(--pressed);color:var(--text-2);background:#00000038;border-radius:8px;padding:9px 11px}.ctl-note b{color:var(--accent-2);font-weight:600}.ctl-note.is-pulse{animation:note-in .45s var(--out)}@keyframes note-in{0%{opacity:0;transform:translateY(4px)}}.lcd{background:linear-gradient(180deg, #ffffff0a, transparent 40%), repeating-linear-gradient(0deg, #0000001f 0 1px, transparent 1px 3px), var(--lcd-bg);min-width:96px;font-family:var(--font-lcd);color:var(--lcd-text);text-shadow:0 0 6px var(--lcd-glow);border:1px solid #0a0c0a;border-radius:6px;align-items:baseline;gap:4px;padding:5px 9px 4px;display:inline-flex;box-shadow:inset 0 2px 6px #000000bf,0 1px #ffffff12}.lcd-input{text-align:right;letter-spacing:.04em;width:100%;min-width:0;color:inherit;text-shadow:inherit;background:0 0;border:0;outline:none;flex:1;padding:0;font-family:inherit;font-size:1.05rem}.lcd-unit{opacity:.6;font-size:.72rem}.lcd-prefix{order:-1}.lcd:focus-within{border-color:var(--accent);box-shadow:inset 0 2px 6px #000000bf,0 0 0 2px #ff7a1a40}.lcd.is-pulse .lcd-input{animation:.35s ease-out lcd-flash}@keyframes lcd-flash{0%{color:#fff;text-shadow:0 0 12px var(--lcd-text)}}.groove{margin-top:9px;padding:0 2px}.knob-range{--p:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}.knob-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, #c2530b, var(--accent) calc(var(--p) - 2px), transparent calc(var(--p) - 2px)), #15161a;border-radius:8px;height:8px;box-shadow:inset 0 2px 3px #000c,0 1px #ffffff14}.knob-range::-moz-range-track{background:#15161a;border-radius:8px;height:8px;box-shadow:inset 0 2px 3px #000c,0 1px #ffffff14}.knob-range::-moz-range-progress{background:linear-gradient(90deg, #c2530b, var(--accent));height:8px;box-shadow:0 0 8px var(--accent-glow);border-radius:8px}.knob-range::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 50% 50%, #d8dbe0 0 3px, transparent 3.5px), repeating-conic-gradient(#8e939b 0 6deg, #6c7178 6deg 12deg), #7a7f86;width:22px;height:22px;transition:transform .25s var(--spring), box-shadow .2s;border:1px solid #111;border-radius:50%;margin-top:-7px;box-shadow:inset 0 1px 1px #ffffff73,0 2px 4px #0009,0 0 0 3px #0000002e}.knob-range::-moz-range-thumb{background:radial-gradient(circle at 50% 50%, #d8dbe0 0 3px, transparent 3.5px), repeating-conic-gradient(#8e939b 0 6deg, #6c7178 6deg 12deg);border:1px solid #111;border-radius:50%;width:22px;height:22px;box-shadow:inset 0 1px 1px #ffffff73,0 2px 4px #0009}.knob-range:active::-webkit-slider-thumb{transform:scale(1.15)rotate(40deg);box-shadow:inset 0 1px 1px #ffffff73,0 2px 6px #0009,0 0 0 5px #ff7a1a38}.keys{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));box-shadow:var(--pressed);background:#00000047;border-radius:10px;gap:6px;padding:5px;display:grid}.key{border:1px solid var(--edge);min-height:36px;box-shadow:var(--raised);color:var(--text-2);font-family:var(--font-label);letter-spacing:.03em;text-align:center;transition:transform .18s var(--spring), box-shadow .18s, background .25s, color .25s;background:linear-gradient(#4a4e56,#33363c);border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 4px 8px;font-size:.86rem;font-weight:600;line-height:1.1;display:flex;position:relative}.key:hover{color:var(--text);background:linear-gradient(#535861,#383b42)}.key:active{transform:translateY(1px)scale(.97)}.key small{font-family:var(--font-lcd);opacity:.7;font-size:.68rem;font-weight:400;display:block}.key-led{width:16px;height:2px;transition:background .25s, box-shadow .25s, width .35s var(--spring), margin .35s var(--spring);background:#00000073;border-radius:2px;margin-left:-8px;position:absolute;bottom:3px;left:50%}.key.is-on{color:#fff4e6;box-shadow:var(--pressed);background:linear-gradient(#2a2c31,#33363c);transform:translateY(1px)}.key.is-on .key-led{background:var(--accent);width:26px;box-shadow:0 0 8px var(--accent), 0 0 2px #fff;margin-left:-13px}.key-icon{width:40px;height:26px;color:var(--text-3);transition:color .25s, transform .35s var(--spring);display:block}.key-icon svg{width:100%;height:100%;display:block}.key.is-on .key-icon{color:var(--accent-2);transform:scale(1.06)}.tall .key{text-align:left;flex-direction:row;justify-content:flex-start;gap:8px;padding:8px 8px 10px;font-size:.82rem}.icons .keys{gap:4px}.icons .key{padding:6px 2px 9px;font-size:.74rem}.icons .key-icon{width:34px;height:24px}.chips .key{min-height:32px;font-family:var(--font-lcd);flex-direction:row;gap:6px;font-size:.8rem;font-weight:400}.tube-icon{width:var(--w);height:var(--h);opacity:.75;border:2.5px solid;border-radius:2px;flex:none;display:inline-block}.key.is-on .tube-icon{color:var(--accent-2);opacity:1}.key-sq{flex:none;width:34px;height:34px;min-height:0;padding:0;font-size:1.2rem}.key-sq svg{width:18px;height:18px}.key-ghost{border-radius:9px}.stepper{align-items:center;gap:8px;display:flex}.stepper .lcd{flex:1}.ctl-toggle .ctl-row{justify-content:flex-start}.ctl-toggle .ctl-label{text-transform:none;letter-spacing:.02em;flex:1;font-size:.92rem}.led{background:#2f1c10;border-radius:50%;flex:none;width:8px;height:8px;transition:background .3s,box-shadow .3s;box-shadow:inset 0 1px 2px #000000b3}.ctl-toggle.is-on .led{background:var(--accent);box-shadow:0 0 10px var(--accent), 0 0 2px #fff}.switch{background:0 0;border:0;flex:none;padding:0}.switch-track{width:50px;height:26px;box-shadow:var(--pressed);background:#16171a;border-radius:26px;transition:background .3s;display:block;position:relative}.ctl-toggle.is-on .switch-track{background:linear-gradient(90deg,#7a3408,#b24f0d)}.switch-knob{width:20px;height:20px;transition:transform .4s var(--spring);background:radial-gradient(circle at 40% 30%,#eceef0,#9da2a9 55%,#6d7279);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 3px #0009,inset 0 -1px 1px #00000040}.ctl-toggle.is-on .switch-knob{transform:translate(24px)}.switch:active .switch-knob{width:24px}.swatches{flex-wrap:wrap;gap:10px 8px;display:flex}.swatch{width:58px;color:var(--text-3);background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:0;font-size:.72rem;display:flex}.swatch-dot{border:1px solid var(--edge);width:36px;height:36px;transition:transform .35s var(--spring), box-shadow .3s;border-radius:50%;position:relative;box-shadow:inset 0 3px 5px #ffffff40,inset 0 -4px 6px #00000073,0 3px 6px #00000080}.swatch-dot:after{content:"";filter:blur(1px);background:#ffffff73;border-radius:50%;width:12px;height:7px;position:absolute;top:5px;left:8px}.swatch:hover .swatch-dot{transform:translateY(-2px)}.swatch.is-on{color:var(--text)}.swatch.is-on .swatch-dot{box-shadow:inset 0 3px 5px #ffffff40, inset 0 -4px 6px #00000073, 0 0 0 2px var(--steel-2), 0 0 0 4px var(--accent), 0 0 14px var(--accent-glow);transform:scale(1.08)}.presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px 0 4px;display:grid}.plate{border:1px solid var(--edge);background:var(--brushed), linear-gradient(180deg, #50555d, #383b42);box-shadow:var(--raised);text-align:left;transition:transform .25s var(--spring), box-shadow .2s;border-radius:7px;flex-direction:column;gap:1px;padding:7px 8px;display:flex}.plate b{font-family:var(--font-label);letter-spacing:.02em;font-size:.86rem;font-weight:600}.plate small{font-family:var(--font-lcd);color:var(--accent-2);font-size:.72rem}.plate:hover{transform:translateY(-2px)}.plate:active{box-shadow:var(--pressed);transform:translateY(1px)}.stage{background:radial-gradient(70% 55% at 50% 42%,#ffbe7812,#0000 70%),radial-gradient(at 50% 30%,#4a4e55 0%,#2d3035 50%,#17181b 100%);min-width:0;min-height:0;position:relative;overflow:hidden}.stage:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 160px #0000008c}.viewport{opacity:0;transition:opacity .9s .2s;position:absolute;inset:0}.is-ready .viewport{opacity:1}.viewport canvas{touch-action:none;width:100%;height:100%;display:block}.labels-layer{pointer-events:none;position:absolute;inset:0}.dim-label{font-family:var(--font-lcd);color:var(--accent-2);white-space:nowrap;background:#141416d1;border:1px solid #ffb3478c;border-radius:5px;padding:2px 7px;font-size:.78rem;box-shadow:0 2px 8px #0006}.hud{z-index:3;opacity:0;transition:opacity .6s var(--out) .5s, transform .6s var(--out) .5s;pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;top:14px;transform:translateY(-10px)}.hud>*{pointer-events:auto}.is-ready .hud{opacity:1;transform:none}.hud-left{left:16px}.hud-right{right:16px}.hud-group{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f10128c;border-radius:11px;gap:3px;padding:3px;display:flex;box-shadow:inset 0 1px 3px #0009,0 1px #ffffff0f}.hud-btn{border:1px solid var(--edge);height:34px;box-shadow:var(--raised);font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);transition:transform .2s var(--spring), color .2s, box-shadow .2s, background .2s;background:linear-gradient(#4a4e56,#32353b);border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:.88rem;font-weight:600;display:inline-flex}.hud-btn svg{flex:none;width:17px;height:17px}.hud-btn:hover{color:var(--text)}.hud-btn:active{transform:translateY(1px)scale(.97)}.hud-group .hud-btn{box-shadow:none;background:0 0;border-color:#0000}.hud-group .hud-btn.is-on{color:#fff4e6;border-color:var(--edge);box-shadow:var(--raised), inset 0 -2px 0 var(--accent);background:linear-gradient(#4a4e56,#33363c)}.hud-btn.is-primary{color:#1c0e04;background:linear-gradient(#ffa25a,#ff7a1a 55%,#d95d06);border-color:#6b2c02;box-shadow:inset 0 1px #ffffff73,0 3px 8px #00000080,0 0 18px #ff7a1a59}.hud-btn.is-primary:hover{color:#000;box-shadow:inset 0 1px #ffffff73,0 3px 8px #00000080,0 0 26px #ff7a1a99}.hud-explode{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:40px;font-family:var(--font-label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);background:#0f10128c;border-radius:11px;align-items:center;gap:10px;padding:0 14px;font-size:.82rem;font-weight:600;display:flex;box-shadow:inset 0 1px 3px #0009,0 1px #ffffff0f}.hud-explode .knob-range{--p:0%;width:120px}.hud-warn{color:#ffcf66;background:linear-gradient(#4d3a12,#2e230b);border-color:#5c3d00;justify-content:center;width:36px;padding:0;animation:2s ease-in-out infinite warn-pulse;display:none}.hud-warn.is-on{display:inline-flex}@keyframes warn-pulse{50%{box-shadow:var(--raised), 0 0 16px #ffc8508c}}.link-notice{z-index:6;border:1px solid var(--edge);background:var(--brushed), linear-gradient(180deg, #43474e, #2c2f35);width:max-content;max-width:calc(100% - 32px);box-shadow:var(--raised), 0 10px 26px #00000073;animation:notice-in .5s var(--spring);border-radius:11px;align-items:center;gap:10px;padding:6px 6px 6px 14px;display:flex;position:absolute;top:68px;left:50%;transform:translate(-50%)}.link-notice[hidden],.link-notice [hidden]{display:none}.link-notice.is-leaving{animation:.25s forwards notice-out}.link-notice .led{background:var(--lcd-text);box-shadow:0 0 10px var(--lcd-glow), 0 0 2px #fff}.link-notice-text{font-family:var(--font-label);letter-spacing:.04em;white-space:nowrap;font-size:.92rem;font-weight:600}.link-notice .key:not(.key-sq){white-space:nowrap;flex-direction:row;min-height:32px;padding:6px 12px 8px}.link-notice .key-sq{width:32px;height:32px;font-size:1.3rem}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,-14px)scale(.96)}}@keyframes notice-out{to{opacity:0;transform:translate(-50%,-10px)}}@media (width<=900px){.link-notice{flex-wrap:wrap;justify-content:center;top:58px}}.tooltip{z-index:5;pointer-events:none;opacity:0;white-space:nowrap;background:#16171aeb;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:2px;padding:8px 11px;font-size:.86rem;transition:opacity .15s;display:flex;position:absolute;top:0;left:0;box-shadow:0 8px 22px #00000080}.tooltip.is-on{opacity:1}.tooltip b{background:var(--accent);color:#1c0e04;width:20px;height:20px;font-family:var(--font-label);border-radius:5px;place-items:center;margin-right:6px;display:inline-grid}.tooltip span{font-family:var(--font-lcd);color:var(--lcd-text);font-size:.8rem}.toast{z-index:6;font-family:var(--font-label);letter-spacing:.04em;opacity:0;pointer-events:none;background:#16171af0;border:1px solid #ff7a1a80;border-radius:9px;padding:9px 16px;font-weight:600;position:absolute;top:70px;left:50%;transform:translate(-50%,-20px);box-shadow:0 10px 26px #00000080}.toast.is-on{animation:toast 2.4s var(--out)}.stage:has(.link-notice:not([hidden])) .toast{top:124px}@keyframes toast{12%,80%{opacity:1;transform:translate(-50%)}}@media (width>=901px) and (width<=1180px){.hud-right{transition:opacity .6s var(--out) .5s, transform .6s var(--out) .5s, bottom .6s var(--out);top:auto;bottom:76px}.stage:has(.drawer.is-open) .hud-right{bottom:calc(min(52%,460px) + 14px)}.hud-explode span{display:none}.hud-explode .knob-range{width:100px}}@media (width<=900px){.app{flex-direction:column-reverse;height:auto;display:flex;overflow:visible}.stage{z-index:5;height:58svh;position:sticky;top:0}.sidebar{box-shadow:0 -6px 18px #00000073}.sidebar-scroll{overflow:visible}.hud{top:10px}.hud-left{left:10px}.hud-right{flex-wrap:wrap-reverse;justify-content:flex-end;inset:auto 10px 108px}.stage:has(.drawer.is-open) .hud-right{opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility 0s linear .25s;transform:translateY(10px)}.hud-explode span,#btn-print .hud-btn-text{display:none}.hud-explode .knob-range{width:90px}.stage:has(.link-notice:not([hidden])) .toast{top:154px}}.drawer{z-index:4;border:1px solid var(--edge);background:var(--brushed), linear-gradient(180deg, #383b42, #26282d 70px);--peek:62px;height:min(52%,460px);transform:translateY(calc(100% - var(--peek)));transition:transform .6s var(--out);border-bottom:0;border-radius:14px 14px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:16px;right:16px;box-shadow:inset 0 1px #ffffff1a,0 -10px 30px #00000073}.drawer.is-open{transform:none}.is-ready .drawer{animation:drawer-in .8s var(--out) .35s backwards}@keyframes drawer-in{0%{transform:translateY(100%)}}.drawer-handle{border:1px solid var(--edge);width:76px;height:18px;box-shadow:var(--raised);background:linear-gradient(#5a5f67,#3a3d44);border-radius:9px 9px 4px 4px;margin-left:-38px;padding:0;position:absolute;top:-13px;left:50%}.drawer-handle .grip{background:repeating-linear-gradient(90deg,#0000008c 0 2px,#ffffff1f 2px 4px);border-radius:3px;width:30px;height:5px;margin:0 auto;display:block}.drawer-head{flex:none;justify-content:space-between;align-items:center;gap:14px;height:62px;padding:0 16px;display:flex}.stats{gap:8px;min-width:0;display:flex}.stat{background:var(--lcd-bg);white-space:nowrap;border-radius:7px;align-items:baseline;gap:6px;padding:6px 11px 5px;display:flex;box-shadow:inset 0 2px 5px #000000b3,0 1px #ffffff0f}.stat-num{font-family:var(--font-lcd);color:var(--lcd-text);text-shadow:0 0 6px var(--lcd-glow);font-size:1.15rem;font-weight:400}.stat span{color:var(--text-3);font-size:.74rem}.stat.is-accent .stat-num{color:var(--accent-2);text-shadow:0 0 8px #ffb34780}.tabs{box-shadow:var(--pressed);background:#0000004d;border-radius:10px;gap:3px;padding:3px;display:flex}.tab{height:32px;font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;padding:0 12px;font-size:.86rem;font-weight:600;transition:color .2s,background .2s}.tab:hover{color:var(--text)}.tab.is-on{color:#fff4e6;border-color:var(--edge);box-shadow:var(--raised), inset 0 -2px 0 var(--accent);background:linear-gradient(#4a4e56,#33363c)}.drawer-body{scrollbar-width:thin;scrollbar-color:#50545b transparent;flex:1;min-height:0;padding:4px 16px 16px;overflow:auto}.tab-panel{display:none}.tab-panel.is-on{animation:tab-in .4s var(--out);display:block}.tab-panel:focus-visible{outline-offset:-2px}@keyframes tab-in{0%{opacity:0;transform:translateY(6px)}}.warnings:empty{display:none}.warning{color:#ffd98a;background:#ffbe3c1a;border:1px solid #ffbe3c4d;border-radius:8px;align-items:flex-start;gap:8px;margin:6px 0;padding:8px 10px;font-size:.84rem;display:flex}.warning svg{flex:none;width:16px;height:16px;margin-top:1px}.cut-table,.cost-table{border-collapse:separate;border-spacing:0 4px;width:100%;font-size:.9rem}.cut-table th,.cost-table th{font-family:var(--font-label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);text-align:left;padding:4px 10px;font-size:.76rem;font-weight:600}.cut-table td,.cost-table td{background:#ffffff09;padding:8px 10px;transition:background .2s}.cut-table td:first-child,.cost-table td:first-child{border-radius:7px 0 0 7px}.cut-table td:last-child,.cost-table td:last-child{border-radius:0 7px 7px 0}.cut-table tbody tr{cursor:pointer}.cut-table th:first-child{width:44px}.cut-table .name{width:38%}.cut-table tbody tr:hover td,.cut-table tr.is-hover td{background:#ffffff14}.cut-table tr.is-selected td{background:#ff7a1a29}.cut-table tr.is-selected td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.cut-table tbody tr:focus-visible{outline:none}.cut-table tbody tr:focus-visible td{box-shadow:inset 0 2px 0 var(--accent-2), inset 0 -2px 0 var(--accent-2);background:#ffffff14}.cut-table tbody tr:focus-visible td:first-child{box-shadow:inset 2px 0 0 var(--accent-2), inset 0 2px 0 var(--accent-2), inset 0 -2px 0 var(--accent-2)}.cut-table tbody tr:focus-visible td:last-child{box-shadow:inset -2px 0 0 var(--accent-2), inset 0 2px 0 var(--accent-2), inset 0 -2px 0 var(--accent-2)}.num{font-variant-numeric:tabular-nums;text-align:right!important}.strong{color:var(--text);font-weight:600}.cut-table .num.strong{font-family:var(--font-lcd);color:var(--lcd-text);font-size:1rem;font-weight:400}.tag{background:var(--g);color:#121314;width:24px;height:24px;font-family:var(--font-label);border-radius:6px;place-items:center;font-weight:700;display:inline-grid;box-shadow:inset 0 1px #fff6,0 1px 2px #00000080}.cuts{font-family:var(--font-lcd);color:var(--text-2);font-size:.84rem}.cuts.is-45{color:var(--accent-2)}.legend{color:var(--text-3);margin:10px 2px 0;font-size:.78rem}.legend span{vertical-align:middle;border-radius:2px;width:14px;height:9px;display:inline-block}.plan-profile{margin:8px 0 16px}.plan-profile header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.plan-profile h4{font-family:var(--font-label);letter-spacing:.05em;margin:0;font-size:1.05rem;font-weight:700}.plan-profile h4 small{font-family:var(--font-lcd);color:var(--text-3);font-size:.8rem;font-weight:400}.plan-meta{color:var(--text-3);font-size:.82rem}.plan-meta b{color:var(--accent-2)}.bar-row{align-items:center;gap:10px;margin-bottom:7px;display:flex}.bar-name{width:28px;font-family:var(--font-lcd);color:var(--text-3);flex:none;font-size:.8rem}.bar{background:linear-gradient(#5c6068,#3c3f45 45%,#2a2c31);border-radius:4px;flex:1;height:34px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3,0 2px 4px #00000073}.seg,.seg-trim,.seg-left,.seg-waste{position:absolute;top:0;bottom:0}.seg{background:linear-gradient(180deg, color-mix(in srgb, var(--g) 80%, #fff), var(--g) 50%, color-mix(in srgb, var(--g) 70%, #000));color:#111;white-space:nowrap;cursor:pointer;transform-origin:0;justify-content:center;align-items:center;gap:5px;min-width:0;font-size:.78rem;transition:filter .2s,box-shadow .2s;display:flex;overflow:hidden}.seg.is-45{clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 100%,0 100%)}.seg b{font-family:var(--font-label);font-weight:700}.seg i{font-style:normal;font-family:var(--font-lcd)}.seg:hover,.seg.is-hover{filter:brightness(1.2)}.seg.is-selected{filter:brightness(1.25)saturate(1.2);box-shadow:inset 0 0 0 2px #fff}.seg:focus-visible{z-index:1;outline:2px solid var(--accent-2);outline-offset:-2px}.seg-trim,.key-trim{background:repeating-linear-gradient(-45deg,#8b2d2d 0 3px,#4a1c1c 3px 6px);left:0}.seg-waste,.key-waste{background:repeating-linear-gradient(-45deg,#b07a2a 0 3px,#5a3e14 3px 6px)}.seg-left{color:var(--text-2);white-space:nowrap;background:repeating-linear-gradient(-45deg,#ffffff12 0 4px,#0000 4px 8px);justify-content:center;align-items:center;font-size:.74rem;display:flex;right:0;overflow:hidden}.seg-left i{font-style:normal;font-family:var(--font-lcd)}.seg-left{container-type:inline-size}@container (width<=86px){.seg-left i span{display:none}}@container (width<=34px){.seg-left i{display:none}}.key-left{background:repeating-linear-gradient(-45deg,#ffffff40 0 3px,#0000 3px 6px);outline:1px solid #fff3}.is-anim .bar-row .seg{animation:seg-in .6s var(--out) backwards;animation-delay:calc(var(--d) * 70ms)}@keyframes seg-in{0%{opacity:0;transform:scaleX(0)}}.cost-table td small{color:var(--text-3);font-size:.76rem;display:block}.cost-table tfoot td{font-family:var(--font-label);letter-spacing:.04em;text-transform:uppercase;background:#ff7a1a1f;font-size:1.05rem;font-weight:700}.cost-table tfoot .num{font-family:var(--font-lcd);color:var(--accent-2);text-transform:none;font-size:1.2rem;font-weight:400}.cost-table tfoot .sub td{background:#ffffff09;font-size:.9rem}.facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:12px 0 0;display:grid}.facts div{box-shadow:var(--pressed);background:#00000038;border-radius:8px;padding:9px 11px}.facts dt{color:var(--text-3);font-size:.74rem}.facts dd{font-family:var(--font-lcd);color:var(--lcd-text);margin:2px 0 0;font-size:1.05rem}.stat .short{display:none}@media (width<=1250px){.stat .long{display:none}.stat .short{display:inline}}@media (width<=900px){.drawer{height:75%;left:0;right:0}.drawer-head{flex-direction:column;justify-content:center;align-items:stretch;gap:6px;height:auto;padding:8px 10px}.drawer{--peek:96px}.stats{overflow-x:auto}.tab{flex:1;padding:0 6px;font-size:.78rem}}.about{width:min(640px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);background:0 0;border:0;padding:0;overflow:visible}.about::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08090b9e}.about[open]{animation:about-in .5s var(--spring)}.about[open]::backdrop{animation:.35s backdrop-in}.about.is-closing{animation:.22s forwards about-out}.about.is-closing::backdrop{animation:.22s reverse forwards backdrop-in}@keyframes about-in{0%{opacity:0;transform:translateY(18px)scale(.96)}}@keyframes about-out{to{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes backdrop-in{0%{opacity:0}}.about-plate{border:1px solid var(--edge);background:var(--brushed), linear-gradient(180deg, var(--steel-1), var(--steel-3));border-radius:16px;flex-direction:column;max-height:calc(100dvh - 32px);display:flex;position:relative;box-shadow:inset 0 1px #ffffff1f,0 24px 60px #0009}.about-screw{position:absolute}.about-screw[data-pos=tl]{top:10px;left:10px}.about-screw[data-pos=tr]{top:10px;right:10px}.about-screw[data-pos=bl]{bottom:10px;left:10px}.about-screw[data-pos=br]{bottom:10px;right:10px}.about-head{border-bottom:1px solid var(--edge);align-items:center;gap:14px;padding:24px 28px 18px;display:flex;box-shadow:0 1px #ffffff0d}.about-head>div:nth-child(2){flex:1}.about-head h2{font-family:var(--font-label);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(#fbf7ee 20%,#a9a499 90%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.7rem;font-weight:700}.about-head p{color:var(--text-3);margin:0;font-size:.85rem}.about-head .key-sq{font-size:1.5rem;line-height:1}.about-body{scrollbar-width:thin;scrollbar-color:#50545b transparent;padding:20px 28px 8px;overflow-y:auto}.about-lead{color:var(--text);margin:0 0 18px;font-size:1.02rem;line-height:1.55}.about-body section{margin-bottom:18px}.about-body h3{font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);text-shadow:var(--engrave);margin:0 0 8px;font-size:.9rem;font-weight:600}.about-list,.about-steps{box-shadow:var(--pressed);color:var(--text-2);background:#00000038;border-radius:10px;margin:0;padding:12px 14px 12px 34px;font-size:.92rem;line-height:1.5}.about-list li,.about-steps li{margin:4px 0}.about-list li::marker{color:var(--accent)}.about-list b{color:var(--text);font-weight:600}.about-steps li::marker{font-family:var(--font-lcd);color:var(--lcd-text)}.about-note{border-left:3px solid var(--accent);color:var(--text-2);background:#ff7a1a14;border-radius:0 8px 8px 0;margin:0 0 12px;padding:10px 12px;font-size:.86rem;line-height:1.5}.about-foot{border-top:1px solid var(--edge);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px 26px;display:flex;box-shadow:inset 0 1px #ffffff0d}.about-label{font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-size:.74rem;display:block}.about-foot strong{background:var(--lcd-bg);font-family:var(--font-lcd);color:var(--lcd-text);text-shadow:0 0 6px var(--lcd-glow);border-radius:6px;margin-top:2px;padding:5px 10px 4px;font-size:1.02rem;font-weight:400;display:block;box-shadow:inset 0 2px 6px #000000bf,0 1px #ffffff12}.about-links{gap:8px;display:flex}.about-links .key{flex-direction:row;padding:8px 14px 10px;text-decoration:none}@media (width<=520px){.about-head,.about-body,.about-foot{padding-left:20px;padding-right:20px}}@media print{.about{display:none!important}}#print-root{display:none}@media print{@page{size:A4 landscape;margin:10mm 12mm}html,body{color:#111;background:#fff;height:auto;font-size:11pt}.app{display:none!important}#print-root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text:#111;--text-2:#333;--text-3:#666;--lcd-text:#111;--accent-2:#b24f0d;--accent:#ff7a1a;display:block}#print-root *{-webkit-print-color-adjust:exact;print-color-adjust:exact;text-shadow:none!important;animation:none!important}#print-root h1{font-family:var(--font-label);margin:0;font-size:20pt}#print-root h2{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.06em;break-after:avoid;border-bottom:2px solid #ff7a1a;margin:16px 0 6px;padding-bottom:3px;font-size:13pt}.p-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:10px;display:flex}.p-head p{color:#444;margin:2px 0 0}.p-brand{text-align:right;font-family:var(--font-label);font-size:13pt;font-weight:700}.p-grid{grid-template-columns:.95fr 1.05fr;align-items:start;gap:16px;display:grid}.p-side h2:first-child{margin-top:0}.p-hero{break-inside:avoid;background:radial-gradient(at 50% 35%,#f4f4f2,#dcdcd8);border:1px solid #ddd;border-radius:8px;padding:10px}.p-hero img{width:100%;display:block}.p-hero dl{grid-template-columns:1fr 1fr;gap:6px 14px;margin:6px 0 0;display:grid}#print-root .cut-table,#print-root .cost-table{border-spacing:0 2px;font-size:9pt}#print-root .cut-table td,#print-root .cost-table td{padding:4px 7px}#print-root .cut-table th,#print-root .cost-table th{padding:2px 7px}#print-root .tag{width:20px;height:20px}#print-root .facts{grid-template-columns:repeat(3,1fr)}#print-root .facts div{padding:5px 8px}#print-root .key-left{background:repeating-linear-gradient(-45deg,#0000004d 0 3px,#0000 3px 6px);outline:1px solid #999}.p-page{break-before:page}.p-page h2{margin-top:0}.p-hero dt{color:#666;font-size:8.5pt}.p-hero dd{margin:0;font-weight:600}.p-warn p{color:#8a5a00;margin:6px 0}#print-root .cut-table td,#print-root .cost-table td{background:#f3f3f1}#print-root .cost-table tfoot td{background:#ffe7d4}#print-root .cut-table tr{break-inside:avoid}#print-root .facts div{box-shadow:none;background:#f3f3f1;border:1px solid #ddd}#print-root .facts dd{color:#111}#print-root .bar{background:#d6d7d9;box-shadow:inset 0 0 0 1px #999}#print-root .bar-row,#print-root .plan-profile header{break-inside:avoid}#print-root .seg-left{color:#444;background:repeating-linear-gradient(-45deg,#00000014 0 4px,#0000 4px 8px)}}
