:root{--ink:#eee7d8;--muted:#948d80;--black:#100e0c;--panel:#191613;--line:#3d3730;--orange:#ff5b24;--acid:#c9ff3d;--paper:#d7cfbd;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--black)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button,select,input[type=number]{color:inherit;background:#211d19;border:1px solid var(--line);border-radius:0}button{min-height:44px;padding:.65rem .8rem;cursor:pointer;font-weight:750;letter-spacing:.06em}button:hover,button:focus-visible{border-color:var(--paper);outline:none}.primary,.export{background:var(--orange);border-color:var(--orange);color:#130b08}.selected{background:var(--acid)!important;border-color:var(--acid)!important;color:#121508!important}main{height:100dvh;display:grid;grid-template-rows:72px minmax(0,1fr) 28px;background:radial-gradient(circle at 44% 20%,#26201a 0,#15120f 52%,#0f0d0b 100%)}header{display:grid;grid-template-columns:270px 1fr auto;align-items:center;border-bottom:1px solid var(--line);padding:0 18px;gap:20px;background:#12100e}.brand{display:flex;align-items:flex-end;gap:10px}.index{font:9px ui-monospace,monospace;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg)}h1{margin:0;font-size:27px;line-height:.9;letter-spacing:-.05em}h1 span{color:var(--orange)}header>p{margin:0;color:var(--muted);font:11px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em}.transport{display:flex;align-items:center;gap:7px}.transport label{display:flex;align-items:center;gap:8px;font:10px ui-monospace,monospace;color:var(--muted)}input[type=number]{width:62px;height:44px;padding:0 8px;color:var(--ink)}.workbench{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 330px}.deck{min-width:0;min-height:0;padding:14px 18px 12px;display:grid;grid-template-rows:24px minmax(80px,.7fr) minmax(250px,2.2fr) minmax(100px,.72fr);gap:10px;border-right:1px solid var(--line);overflow:hidden}.deck-label,.section-title,.axis,footer{display:flex;justify-content:space-between;text-transform:uppercase;font:10px ui-monospace,monospace;letter-spacing:.09em;color:var(--muted)}#job{color:var(--acid)}.reels{display:grid;grid-template-columns:112px minmax(0,1fr) 76px;align-items:center;gap:14px;min-height:0}.reel{width:104px;aspect-ratio:1;border-radius:50%;border:2px solid #756a5c;position:relative;background:radial-gradient(circle,#0d0c0a 0 11%,#524a40 12% 18%,#181512 19% 54%,#62594c 55% 58%,#1b1814 59%);box-shadow:0 0 0 7px #171411,0 4px 18px #000}.reel.small{width:72px}.reel i{position:absolute;width:12%;height:38%;background:#756a5c;left:44%;top:12%;transform-origin:50% 100%}.reel i:nth-child(2){transform:rotate(120deg)}.reel i:nth-child(3){transform:rotate(240deg)}.playing .reel{animation:spin 2s linear infinite}.playing .reel.small{animation-duration:1.45s}@keyframes spin{to{transform:rotate(360deg)}}.tape-path{height:86%;border-top:2px solid #554d42;border-bottom:2px solid #554d42;position:relative;background:#0c0b09;overflow:hidden}.tape-path canvas{width:100%;height:100%;display:block}.head{position:absolute;right:24%;top:-2px;height:calc(100% + 4px);width:6px;background:var(--orange);box-shadow:0 0 16px #ff5b2480}.curve-panel,.drop-panel{min-height:0;background:#14110f;border:1px solid var(--line);padding:10px 12px;display:flex;flex-direction:column}.section-title output{color:var(--ink)}#curve{display:block;width:100%;height:calc(100% - 30px);min-height:180px;touch-action:none;cursor:crosshair}.rules line{stroke:#2f2a25;stroke-width:1}.rules line.major{stroke:#494138}.rules text{fill:#71685d;font:18px ui-monospace,monospace}#curveLine{fill:none;stroke:var(--orange);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px #ff5b2450)}#curvePoints circle{fill:#15120f;stroke:var(--paper);stroke-width:4;cursor:grab}#curvePoints circle.active{fill:var(--acid);stroke:var(--acid)}.axis{margin-top:auto}.dropouts{display:grid;grid-template-columns:repeat(16,1fr);gap:5px;flex:1;margin-top:10px;min-height:48px}.dropouts button{padding:0;min-height:44px;background:#25211c;position:relative}.dropouts button:after{content:attr(data-step);position:absolute;bottom:4px;right:5px;font:8px ui-monospace,monospace;color:#736b61}.dropouts button.on{background:repeating-linear-gradient(135deg,var(--orange) 0 5px,#502514 5px 10px);border-color:var(--orange)}.rack{min-height:0;overflow:auto;background:#161310}.quick{display:grid;grid-template-columns:repeat(3,1fr);padding:12px;gap:5px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#161310;z-index:2}.quick button{font-size:9px;padding:.5rem .2rem}details{border-bottom:1px solid var(--line)}summary{height:48px;display:flex;align-items:center;padding:0 14px;cursor:pointer;font:11px ui-monospace,monospace;letter-spacing:.1em;color:var(--paper)}summary::marker{color:var(--orange)}.group{display:grid;gap:15px;padding:3px 14px 18px}.group label{display:grid;grid-template-columns:1fr auto;gap:7px;font:10px ui-monospace,monospace;color:var(--muted);letter-spacing:.08em}.group output{color:var(--acid)}input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--orange);height:18px}.file{height:46px;place-items:center;border:1px solid var(--line);cursor:pointer;color:var(--ink)!important}.file input{display:none}.segmented{display:grid;grid-template-columns:1fr 1fr}.segmented button{font-size:10px}select{grid-column:1/-1;height:44px;padding:0 9px}.actions small{color:var(--muted);font:9px ui-monospace,monospace;text-align:center}.export{margin-top:4px}footer{align-items:center;padding:0 18px;border-top:1px solid var(--line);background:#100e0c;font-size:8px}@media(max-width:760px){html,body{overflow:auto;height:auto}main{height:auto;min-height:100dvh;display:block}header{height:auto;min-height:118px;grid-template-columns:1fr auto;padding:12px;gap:8px}header>p{display:none}.transport{grid-column:1/-1;display:grid;grid-template-columns:80px 1fr 1fr}.workbench{display:flex;flex-direction:column}.deck{height:600px;padding:10px 8px;border-right:0;grid-template-rows:24px 90px 310px 118px}.reels{grid-template-columns:72px minmax(0,1fr) 54px;gap:7px}.reel{width:68px}.reel.small{width:50px}.curve-panel{padding:8px 6px}#curve{min-height:245px}.dropouts{overflow-x:auto;grid-template-columns:repeat(16,44px);padding-bottom:5px}.rack{overflow:visible;border-top:1px solid var(--line)}.quick{top:0}.group{padding-bottom:20px}details{background:#161310}footer{height:34px;padding:0 10px}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}