:root{--alu-hi:#f3f4f1;--alu:#e2e4df;--alu-lo:#cfd2cc;--alu-edge:#9fa39c;--ink:#1b1d20;--ink-2:#50555c;--ink-3:#82878d;--screen:#0c0f13;--screen-panel:#141920;--screen-ink:#8b99aa;--tape:#efe5c4;--tape-ink:#2e2820;--lcd:#c3cfae;--lcd-ink:#1b2515;--vfd:#6ff3d3;--signal:#ff5a1f;--signal-glow:#ff5a1f80;--fx:#8f63f7;--stem-vocals:#ec4a50;--stem-drums:#f2a93b;--stem-bass:#4f74ff;--stem-other:#26b26d;--led-green:#4ae27c;--led-amber:#ffb22e;--led-red:#ff4a3d;--font-ui:"Archivo",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--ease-out:cubic-bezier(.2,.8,.2,1);--tex-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--tex-brush:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='300'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0015 .55' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .32 -.08'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E");--tex-scratches:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='600'%3E%3Cpath d='M291 91Q347 86 406 93 M457 22Q498 18 541 5 M111 134Q165 152 220 158 M42 515Q73 512 108 502 M163 349Q214 345 276 352 M185 408Q228 408 271 412 M715 419Q750 423 777 420 M259 588Q277 591 304 594 M35 401Q97 415 162 425 M535 348Q549 392 564 433 M55 421Q87 464 125 510 M602 14Q641 8 690 -4 M116 149Q131 112 148 74 M795 492Q864 493 937 486 M862 91Q888 88 914 84 M236 2Q284 6 321 5' fill='none' stroke='white' stroke-opacity='.55' stroke-width='.6' transform='translate(0 .6)'/%3E%3Cpath d='M291 91Q347 86 406 93 M457 22Q498 18 541 5 M111 134Q165 152 220 158 M42 515Q73 512 108 502 M163 349Q214 345 276 352 M185 408Q228 408 271 412 M715 419Q750 423 777 420 M259 588Q277 591 304 594 M35 401Q97 415 162 425 M535 348Q549 392 564 433 M55 421Q87 464 125 510 M602 14Q641 8 690 -4 M116 149Q131 112 148 74 M795 492Q864 493 937 486 M862 91Q888 88 914 84 M236 2Q284 6 321 5' fill='none' stroke='black' stroke-opacity='.07' stroke-width='.6'/%3E%3C/svg%3E");--tex-dust:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='420' fill='white'%3E%3Ccircle cx='330' cy='259' r='1.0' fill-opacity='0.13'/%3E%3Ccircle cx='576' cy='328' r='1.2' fill-opacity='0.26'/%3E%3Ccircle cx='251' cy='168' r='0.6' fill-opacity='0.23'/%3E%3Ccircle cx='40' cy='28' r='0.7' fill-opacity='0.15'/%3E%3Ccircle cx='218' cy='22' r='0.5' fill-opacity='0.15'/%3E%3Ccircle cx='65' cy='153' r='0.5' fill-opacity='0.28'/%3E%3Ccircle cx='393' cy='62' r='0.7' fill-opacity='0.18'/%3E%3Ccircle cx='233' cy='52' r='1.2' fill-opacity='0.30'/%3E%3Ccircle cx='298' cy='203' r='0.6' fill-opacity='0.14'/%3E%3Ccircle cx='219' cy='111' r='1.2' fill-opacity='0.15'/%3E%3Ccircle cx='15' cy='399' r='0.9' fill-opacity='0.15'/%3E%3Ccircle cx='348' cy='11' r='0.9' fill-opacity='0.30'/%3E%3Ccircle cx='553' cy='292' r='0.7' fill-opacity='0.19'/%3E%3Ccircle cx='107' cy='324' r='0.9' fill-opacity='0.26'/%3E%3Ccircle cx='211' cy='94' r='1.1' fill-opacity='0.30'/%3E%3Ccircle cx='546' cy='339' r='1.2' fill-opacity='0.25'/%3E%3Ccircle cx='145' cy='217' r='0.8' fill-opacity='0.13'/%3E%3Ccircle cx='18' cy='117' r='0.7' fill-opacity='0.24'/%3E%3Ccircle cx='612' cy='188' r='1.2' fill-opacity='0.30'/%3E%3Ccircle cx='611' cy='153' r='0.7' fill-opacity='0.16'/%3E%3Ccircle cx='126' cy='86' r='1.0' fill-opacity='0.28'/%3E%3Ccircle cx='538' cy='201' r='1.0' fill-opacity='0.26'/%3E%3Ccircle cx='54' cy='277' r='1.2' fill-opacity='0.26'/%3E%3Ccircle cx='480' cy='201' r='0.6' fill-opacity='0.26'/%3E%3Ccircle cx='213' cy='336' r='1.3' fill-opacity='0.19'/%3E%3Ccircle cx='257' cy='398' r='1.1' fill-opacity='0.15'/%3E%3C/svg%3E");--panel-shadow:inset 0 1px 0 #fffffff2,inset 0 -1px 0 #0000001a,0 0 0 1px #00000017,0 10px 24px -14px #00000073;--buncss-light:initial;--buncss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font:400 13px/1.35 var(--font-ui);color:var(--ink);background:var(--tex-grain),var(--tex-brush),repeating-linear-gradient(90deg,#ffffff0d 0 1px,#00000006 1px 3px),linear-gradient(180deg,#d9dbd6,#bfc2bc);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}kbd{font:600 10px var(--font-mono);background:var(--alu-hi);box-shadow:0 1px 0 var(--alu-edge);border-radius:3px;padding:1px 4px}.console{display:grid;grid-template-columns:340px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)340px;gap:10px;height:100vh;padding:10px}.transport{grid-column:1/-1}.screen-bezel{grid-column:2;grid-row:2}.dock{grid-column:2;grid-row:3;display:grid;grid-template-columns:minmax(0,1fr)300px;gap:10px;min-height:0}.transport,.library,.mixer,.inspector{position:relative;background:radial-gradient(circle at 9px 9px,#fdfdfc 0 1px,#8e928c 1.5px 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 9px)9px,#fdfdfc 0 1px,#8e928c 1.5px 3px,transparent 3.5px),radial-gradient(circle at 9px calc(100% - 9px),#fdfdfc 0 1px,#8e928c 1.5px 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 9px)calc(100% - 9px),#fdfdfc 0 1px,#8e928c 1.5px 3px,transparent 3.5px),var(--tex-scratches),var(--tex-grain),var(--tex-brush),repeating-linear-gradient(90deg,#ffffff2e 0 1px,#00000005 1px 2px),linear-gradient(180deg,var(--alu-hi),var(--alu)55%,var(--alu-lo));box-shadow:var(--panel-shadow);animation:panel-in .6s var(--ease-out)both;border-radius:12px}.library{animation-delay:60ms}.dock>:first-child{animation-delay:.18s}.inspector{animation-delay:.24s}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)scale(.99)}}.engraved{font:650 9.5px/1.2 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);text-shadow:0 1px #ffffffd9;font-stretch:115%}.hint{color:var(--ink-3);margin:0;font-size:11.5px}.error-text{color:#b8322a;margin:0;font-size:11.5px}.hw-btn{appearance:none;font:650 11px/1.2 var(--font-ui);letter-spacing:.02em;color:var(--ink);cursor:pointer;white-space:nowrap;background:linear-gradient(#fdfdfc,#e1e3de);border:1px solid #a7aaa4;border-radius:6px;padding:5px 10px;transition:transform 80ms,box-shadow 80ms,background .2s,color .2s;font-stretch:105%;box-shadow:0 2px #9b9e98,0 3px 5px #00000029,inset 0 1px #fff}.hw-btn:hover:not(:disabled){background:linear-gradient(#fff,#e8eae5)}.hw-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 #9b9e98,inset 0 1px 3px #0003}.hw-btn:disabled{opacity:.45;cursor:not-allowed}.hw-btn.is-primary{color:#f6f6f2;background:linear-gradient(#41464e,#22262b);border-color:#121417;box-shadow:0 2px #0b0d10,0 3px 6px #0000004d,inset 0 1px #ffffff2e}.hw-btn.is-primary:hover:not(:disabled){background:linear-gradient(#4b5159,#2a2e34)}.hw-btn.is-lit{color:#fff;background:linear-gradient(180deg,#ff8550,var(--signal));text-shadow:0 1px #0003;border-color:#c2410f;box-shadow:0 2px #a8360b,0 0 14px #ff5a1f73,inset 0 1px #fff6}.hw-btn.danger{color:#b02d25}.hw-btn.big{padding:8px 14px;font-size:12px}.text-btn{font:600 11px var(--font-ui);color:var(--ink-2);cursor:pointer;text-decoration:underline;text-underline-offset:2px;background:0 0;border:0;padding:0}.segmented{display:flex;gap:4px}.segmented .hw-btn{flex:1;padding:4px 6px}.hw-select{appearance:none;font:600 11.5px var(--font-ui);background:linear-gradient(45deg,transparent 50%,var(--ink-2)50%)right 12px center/5px 5px no-repeat,linear-gradient(-45deg,transparent 50%,var(--ink-2)50%)right 7px center/5px 5px no-repeat,linear-gradient(180deg,#fdfdfc,#e4e6e1);cursor:pointer;border:1px solid #a7aaa4;border-left-width:4px;border-radius:6px;width:100%;padding:5px 26px 5px 8px;box-shadow:0 1px #fff,inset 0 1px #fff,0 1px 3px #0000001f}.lcd,.lcd-input{background:linear-gradient(180deg,#b8c4a3,var(--lcd)30%);color:var(--lcd-ink);font:500 12px var(--font-mono);border:0;border-radius:5px;padding:4px 7px;box-shadow:inset 0 1px 3px #00000080,0 1px #fff}.lcd-input{flex:1;min-width:0;padding:8px 10px;font-size:12.5px}.lcd-input::placeholder{color:#1b251573}.lcd-input:focus-visible{outline-offset:1px}.spinner{display:inline-block;animation:.7s linear infinite spin;vertical-align:-2px;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:12px;height:12px}@keyframes spin{to{transform:rotate(360deg)}}.tape{display:inline-block;overflow:hidden;font:760 11.5px/1.25 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:var(--tape-ink);background:repeating-linear-gradient(100deg,#ffffff2e 0 2px,transparent 2px 5px),linear-gradient(180deg,#f4ebcd,var(--tape));clip-path:polygon(0 6%,4% 0,30% 4%,62% 0,96% 3%,100% 0,99% 48%,100% 100%,70% 96%,33% 100%,3% 97%,0 100%,1% 52%);filter:drop-shadow(0 1px 0 #00000040);max-width:100%;padding:3px 9px 2px;font-stretch:72%;transform:rotate(-.8deg)}.tape-small{padding:2px 8px 1px;font-size:10.5px}.tape-master{background:linear-gradient(#ffd6c4,#ffc2a8)}.transport{display:flex;align-items: center;gap:22px;padding:10px 22px}.brand{display:flex;align-items: center;gap:10px}.brand-name{font:820 19px/1 var(--font-ui);letter-spacing:-.01em;text-transform:uppercase;color:var(--ink);text-shadow:0 1px #fff,0 -1px #00000026;font-stretch:125%}.brand-plate{color:#e9e9e4;background:linear-gradient(#33373d,#1b1e22);border-radius:3px;padding:3px 6px;font-size:10px;font-weight:600;box-shadow:inset 0 1px #ffffff26,0 1px #fff}.transport-keys{display:flex;align-items: center;gap:12px}.round-btn{display:grid;cursor:pointer;background:radial-gradient(circle at 50% 32%,#fff,#dfe1dc 60%,#c7cac4);border:1px solid #9ea19b;border-radius:50%;place-items: center;width:42px;height:42px;transition:transform 80ms,box-shadow 80ms;box-shadow:0 3px #8f938d,0 5px 10px #00000040,inset 0 1px #fff}.round-btn svg{fill:var(--ink);width:18px;height:18px}.round-btn:active{transform:translateY(3px);box-shadow:0 0 #8f938d,inset 0 2px 4px #00000040}.play-btn{width:56px;height:56px}.play-btn svg{width:24px;height:24px}.play-btn.is-lit{background:radial-gradient(circle at 50% 32%,#ffb08a,var(--signal)60%,#d9430f);box-shadow:0 3px 0 #a8360b,0 0 0 0 var(--signal-glow),0 0 22px #ff5a1f8c,inset 0 1px 0 #ffffff73;animation:1.6s ease-out infinite play-pulse;border-color:#c2410f}.play-btn.is-lit svg{fill:#fff}@keyframes play-pulse{0%{box-shadow:0 3px #a8360b,0 0 #ff5a1f73,0 0 22px #ff5a1f8c,inset 0 1px #ffffff73}to{box-shadow:0 3px #a8360b,0 0 0 14px #ff5a1f00,0 0 22px #ff5a1f8c,inset 0 1px #ffffff73}}.display{display:flex;flex:1;justify-content:center;min-width:0}.display-glass{position:relative;display:grid;grid-template-columns:auto auto auto;color:var(--vfd);text-shadow:0 0 8px #6ff3d38c;overflow:hidden;background:radial-gradient(at 50% -20%,#183332,#060a0b 70%);border-radius:8px;align-items: end;column-gap:28px;padding:7px 18px 6px;box-shadow:inset 0 2px 8px #000000e6,0 0 0 2px #24282d,0 0 0 3px #fffc,0 2px 6px 3px #00000026}.display-glass:after{content:"";position:absolute;pointer-events:none;background:linear-gradient(168deg,#ffffff21,#0000 38%);inset:0}.display-cell{display:flex;flex-direction:column;gap:1px}.display-label{display:flex;font:600 8.5px var(--font-ui);letter-spacing:.16em;text-transform:uppercase;opacity:.6;align-items: center;gap:6px;font-stretch:115%}.display-big{min-width:5ch;font-size:28px;font-weight:600;line-height:1}.display-mid{font-size:18px;line-height:1.2}.display-input{color:inherit;text-shadow:inherit;caret-color:var(--vfd);background:0 0;border:0;width:7ch;padding:0;font-size:22px;font-weight:600;line-height:1.1}.display-input:focus-visible{outline:1px dashed #6ff3d380;outline-offset:2px}.beat-led{background:#6ff3d326;border-radius:50%;width:6px;height:6px;transition:background 60ms,box-shadow 60ms}.beat-led.is-on{background:var(--vfd);box-shadow:0 0 8px var(--vfd)}.display-status{grid-column:1/-1;font:500 9.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-top:3px}.display-status.is-busy{animation:1s steps(2,end) infinite vfd-blink}@keyframes vfd-blink{50%{opacity:.3}}.transport-tools{display:flex;align-items: center;gap:14px}.zoom{display:flex;flex-direction:column;gap:4px}.zoom input[type=range]{appearance:none;background:#2b2f34;border-radius:3px;width:110px;height:6px;box-shadow:inset 0 1px 2px #000000b3,0 1px #fff}.zoom input[type=range]::-webkit-slider-thumb{appearance:none;cursor:ew-resize;background:linear-gradient(#fff,#c9ccc6 50%,#e5e7e2);border-radius:3px;width:14px;height:18px;box-shadow:0 2px 3px #0006,inset 0 0 0 1px #0000001a}.library{grid-area:2/1/4/2;display:flex;overflow:hidden;flex-direction:column;gap:12px;min-height:0;padding:16px 14px 14px}.search{display:flex;flex-direction:column;gap:6px}.search-row{display:flex;gap:6px}.results{display:flex;flex-direction:column;gap:6px;min-height:0;max-height:42%}.results-head{display:flex;justify-content:space-between;align-items: center}.results ul,.crate ul{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0;padding:0}.results ul{overflow-y:auto;padding:2px 2px 6px}.result{display:flex;animation:slide-in .35s var(--ease-out)both;background:#ffffff8c;border-radius:7px;align-items: center;gap:8px;padding:5px;box-shadow:0 0 0 1px #00000012}.result img{object-fit:cover;border-radius:3px;flex:none;width:56px;height:32px}.result-text{display:flex;flex-direction:column;flex:1;min-width:0}.result-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.5px;font-weight:600}.result-meta{color:var(--ink-3);font-size:10.5px}@keyframes slide-in{0%{opacity:0;transform:translate(-8px)}}.crate{display:flex;flex-direction:column;flex:1;gap:8px;min-height:0}.crate ul{overflow-y:auto;margin:0 -3px;padding:2px 3px 8px}.track-card{display:flex;animation:card-in .45s var(--ease-out)both;background:linear-gradient(#f6f7f4,#e3e5e0);border-radius:9px;flex-direction:column;gap:7px;padding:8px;transition:box-shadow .2s;box-shadow:inset 0 1px #fff,0 0 0 1px #00000017,0 2px 4px #00000014}.track-card.is-queued{box-shadow:inset 0 1px 0 #fff,0 0 0 1.5px var(--signal),0 4px 12px -4px #ff5a1f66}@keyframes card-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.track-top{display:flex;align-items: center;gap:8px}.thumb{object-fit:cover;border-radius:4px;flex:none;width:54px;height:34px;box-shadow:0 0 0 1px #00000026}.track-text{display:flex;flex-direction:column;flex:1;gap:2px;min-width:0}.track-title{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;font-size:12px;font-weight:650;line-height:1.25}.track-status{display:flex;color:var(--ink-2);align-items: center;gap:5px;font-size:10.5px}.status-led{border-radius:50%;flex:none;width:7px;height:7px;box-shadow:inset 0 -1px 1px #0000004d}.status-downloading,.status-analyzing,.status-separating{background:var(--led-amber);box-shadow:0 0 6px var(--led-amber);animation:.9s ease-in-out infinite led-blink}.status-ready{background:var(--led-green);box-shadow:0 0 6px var(--led-green)}.status-error{background:var(--led-red);box-shadow:0 0 6px var(--led-red)}@keyframes led-blink{50%{opacity:.25;box-shadow:none}}.queue-btn{font:700 13px var(--font-mono);color:var(--ink-2);cursor:pointer;background:radial-gradient(circle at 50% 30%,#fff,#dcdfd9);border:1px solid #a7aaa4;border-radius:50%;flex:none;width:28px;height:28px;transition:transform .1s,background .2s;box-shadow:0 2px #9b9e98,inset 0 1px #fff}.queue-btn:active{box-shadow:none;transform:translateY(2px)}.queue-btn.is-lit{color:#fff;background:radial-gradient(circle at 50% 30%,#ffa27a,var(--signal));animation:pop .3s var(--ease-out);border-color:#c2410f;box-shadow:0 2px #a8360b,0 0 12px #ff5a1f80}@keyframes pop{40%{transform:scale(1.18)}}.track-error{display:flex;align-items: center;gap:8px}.track-error .error-text{overflow-wrap:anywhere;flex:1}.progress-groove{animation:.8s linear infinite groove;background:repeating-linear-gradient(-45deg,#ffb22e 0 6px,#2b2f34 6px 12px) 0 0/34px 100%;border-radius:3px;height:5px;box-shadow:inset 0 1px 2px #0009}@keyframes groove{to{background-position:34px 0}}.track-stats{display:flex;color:var(--ink-2);gap:10px;font-size:10.5px}.skyline{display:flex;background:linear-gradient(#0f1318,#1a2028);border-radius:5px;align-items: flex-end;gap:2px;height:38px;padding:4px;box-shadow:inset 0 1px 4px #000c,0 1px #fff}.skyline-block{cursor:grab;display:flex;transform-origin:bottom;animation:grow .6s var(--ease-out)both;transition:transform .15s var(--ease-out),filter .15s;border-radius:2px 2px 1px 1px;flex-basis:0;justify-content:center;min-width:5px;padding-top:1px;box-shadow:inset 0 1px #ffffff59}.skyline-block:hover{filter:brightness(1.2)drop-shadow(0 0 4px #fff6);transform:scaleY(1.08)}.skyline-block span{font:700 8px var(--font-mono);color:#0000008c}@keyframes grow{0%{transform:scaleY(0)}}.builder{display:flex;border-top:1px solid #0000001a;flex-direction:column;gap:8px;padding-top:12px;box-shadow:0 -1px #fffc}.builder-list{list-style:none;display:flex;flex-direction:column;gap:3px;margin:0;padding:0}.builder-list li{display:flex;animation:slide-in .3s var(--ease-out)both;align-items: center;gap:8px;font-size:11.5px}.order{display:grid;color:#fff;background:var(--signal);border-radius:50%;place-items: center;width:18px;height:18px;font-size:10px;font-weight:600}.builder-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600}.role{font:600 9px var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.builder-actions{display:flex;flex-direction:column;gap:8px}.mix-row{display:flex;gap:6px}.mix-row .hw-select{flex:1}.screen-bezel{position:relative;animation:.9s ease-out .1s both power-on;background:linear-gradient(#2c3036,#16191d);border-radius:14px;min-width:0;min-height:0;padding:6px;box-shadow:0 0 0 1px #0a0b0d,0 0 0 4px #c9ccc6,0 0 0 5px #a2a59f,0 12px 26px -12px #0009}@keyframes power-on{0%{filter:brightness(.2)}40%{filter:brightness(1.25)}55%{filter:brightness(.85)}to{filter:none}}.screen{overflow:auto;background:var(--screen);scrollbar-color:#3a424d transparent;border-radius:9px;height:100%;box-shadow:inset 0 2px 10px #000000e6}.screen-glare{position:absolute;pointer-events:none;background:var(--tex-dust),linear-gradient(172deg,#ffffff12,transparent 28%),radial-gradient(ellipse at 50% 120%,#6ff3d30d,transparent 60%);border-radius:9px;inset:6px;box-shadow:inset 0 0 0 1px #ffffff0a}.timeline{position:relative;min-height:100%}.ruler-row{position:sticky;z-index:6;display:flex;background:linear-gradient(#1a2028,#12161c);border-bottom:1px solid #000;height:26px;top:0}.corner{position:sticky;z-index:7;display:flex;background:inherit;border-right:1px solid #000;flex:none;align-items: center;width:196px;padding-left:12px;left:0}.screen .eyebrow{font:600 8.5px var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:#5d6a7a}.ruler{position:relative;cursor:pointer;background:repeating-linear-gradient(to right,#ffffff29 0 1px,transparent 1px var(--bar-px))bottom/100% 5px no-repeat;flex:1}.ruler-mark{position:absolute;font:500 10px var(--font-mono);color:var(--screen-ink);pointer-events:none;border-left:1px solid #ffffff52;height:100%;padding:5px 0 0 4px;top:0}.lane-row{display:flex;animation:lane-in .4s var(--ease-out)both;border-bottom:1px solid #ffffff0d;height:98px}@keyframes lane-in{0%{opacity:0}}.lane-header{position:sticky;z-index:5;display:flex;cursor:pointer;background:linear-gradient(#1b2129,#13171d);border-right:1px solid #000;flex-direction:column;flex:none;justify-content:center;gap:6px;width:196px;padding:8px 10px 8px 12px;left:0;box-shadow:inset -1px 0 #ffffff0a}.lane-row.is-selected .lane-header{box-shadow:inset 3px 0 0 var(--signal)}.lane-header .tape{align-self: flex-start}.lane-header-empty{cursor:default;justify-content:center}.lane-meta{display:flex;color:var(--screen-ink);gap:10px;font-size:10px}.lane-buttons{display:flex;gap:4px}.chip-btn{font:700 9.5px var(--font-ui);color:#8792a1;cursor:pointer;background:linear-gradient(#2d343e,#1f252c);border:1px solid #000;border-radius:4px;width:22px;height:18px;box-shadow:inset 0 1px #ffffff14}.chip-btn.ghost{background:0 0;border-color:#0000;margin-left:auto}.chip-btn.ghost:hover{color:#ff8a80}.chip-btn.is-mute{color:#fff;background:var(--led-red);box-shadow:0 0 10px #ff4a3d99}.chip-btn.is-solo{color:#1c1300;background:var(--led-amber);box-shadow:0 0 10px #ffb22e99}.lane-body{position:relative;background:repeating-linear-gradient(to right,#ffffff13 0 1px,transparent 1px var(--phrase-px)),repeating-linear-gradient(to right,#ffffff09 0 1px,transparent 1px var(--bar-px));flex:1;transition:background-color .2s}.lane-body.is-drop-target,.lane-new.is-drop-target .lane-body{background-color:#ff5a1f14;box-shadow:inset 0 0 0 1px #ff5a1f80}.lane-body-empty{display:flex;color:#5d6a7a;align-items: center;padding-left:18px;font-size:12px}.lane-new{border-bottom:0;height:64px}.clip{position:absolute;overflow:hidden;cursor:grab;touch-action:none;transition:box-shadow .15s,transform .15s var(--ease-out);animation:clip-in .35s var(--ease-out)both;background:linear-gradient(#232a35,#181d24);border-radius:6px;top:6px;bottom:6px;box-shadow:inset 0 0 0 1px #ffffff17,0 3px 8px #0000008c}@keyframes clip-in{0%{opacity:0;transform:scaleY(.6)}}.clip:before,.clip:after{content:"";position:absolute;z-index:3;cursor:ew-resize;width:7px;top:0;bottom:0}.clip:before{left:0}.clip:after{right:0}.clip:hover:before,.clip:hover:after{background:#ffffff14}.clip.is-selected{box-shadow:inset 0 0 0 1.5px var(--signal),0 0 22px -4px var(--signal-glow),0 3px 8px #0000008c}.clip.is-move,.clip.is-slip{cursor:grabbing;z-index:4;box-shadow:inset 0 0 0 1.5px var(--signal),0 12px 22px #0009;transform:translateY(-2px)}.clip-sections{position:absolute;pointer-events:none;inset:0}.clip-section{position:absolute;overflow:hidden;border-top:3px solid;border-left:1px solid #ffffff1f;top:0;bottom:0}.clip-section span{display:block;overflow:hidden;text-overflow:ellipsis;font:650 8.5px var(--font-ui);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:#ffffff9e;padding:2px 5px;font-stretch:110%}.clip-wave{position:absolute;pointer-events:none;opacity:.95;height:calc(100% - 22px);top:18px;left:0}.clip-wave.is-thin{opacity:.8}.clip-fades{position:absolute;pointer-events:none;width:100%;height:100%;inset:0}.fade{fill:#0000008c}.fade-filter{fill:#4f74ff47}.fade-echo{fill:#8f63f752}.bass-swap{stroke:var(--stem-bass);stroke-width:2;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.clip-stems{position:absolute;z-index:4;display:flex;opacity:0;gap:2px;transition:opacity .15s;bottom:5px;right:6px}.clip:hover .clip-stems,.clip.is-selected .clip-stems{opacity:1}.stem-pill{font:700 9px var(--font-mono);color:#fff6;cursor:pointer;background:#0009;border:1px solid #ffffff1f;border-radius:4px;width:17px;height:17px;padding:0}.stem-pill.is-on{color:#111;background:var(--stem);box-shadow:0 0 8px var(--stem);border-color:#0000}.playhead{position:absolute;z-index:8;pointer-events:none;background:var(--signal);box-shadow:0 0 10px var(--signal-glow);width:2px;margin-left:-1px;top:0;bottom:0;left:0}.playhead:before{content:"";position:sticky;display:block;background:var(--signal);clip-path:polygon(0 0,100% 0,50% 100%);width:12px;height:10px;margin-left:-5px;top:0}.playhead.is-playing{box-shadow:0 0 14px 1px var(--signal-glow)}.mixer{display:flex;overflow-x:auto;gap:10px;min-width:0;padding:14px 16px}.mixer-empty{justify-content:center;align-items: center}.strip{display:flex;animation:card-in .45s var(--ease-out)both;background:linear-gradient(#e9ebe6,#d5d8d2);border-radius:9px;flex-direction:column;flex:none;gap:8px;width:322px;padding:9px 10px 10px;transition:box-shadow .2s;box-shadow:inset 0 1px #fff,0 0 0 1px #0000001a,0 2px 5px #0000001a}.strip.is-selected{box-shadow:inset 0 1px 0 #fff,0 0 0 1.5px var(--signal),0 4px 14px -6px #ff5a1f80}.strip-head{display:flex;align-items: center;gap:8px;min-width:0}.channel-no{color:var(--ink-3);font-size:10px;font-weight:600}.strip-body{display:flex;flex:1;gap:10px;min-height:0}.strip-controls{display:flex;flex-direction:column;flex:1;gap:7px;min-width:0}.control-group{display:flex;flex-direction:column;gap:4px}.control-row{display:flex;gap:10px}.knob-row{display:flex;justify-content:space-between;gap:2px}.knob{display:flex;user-select:none;flex-direction:column;align-items: center;width:42px}.knob.is-disabled{opacity:.38}.knob-dial{position:relative;cursor:ns-resize;touch-action:none;border-radius:50%}.knob.is-disabled .knob-dial{cursor:not-allowed}.knob-dial:before{content:"";position:absolute;background:repeating-conic-gradient(from 0deg,#00000014 0 5deg,transparent 5deg 10deg),radial-gradient(circle at 50% 30%,#fff,#e4e6e1 45%,#a9aca6);transform:rotate(var(--angle));border-radius:50%;transition:transform 50ms linear;inset:15%;box-shadow:0 2px 3px #00000061,0 0 0 1px #00000029,inset 0 -2px 3px #0000002e}.knob-dial svg{position:relative;display:block}.knob-dial:focus-visible{outline-offset:0}.knob-track{fill:none;stroke:#00000029;stroke-width:2.4;stroke-linecap:round}.knob-value{fill:none;stroke-width:2.6;stroke-linecap:round}.knob-cap-ring{fill:none;stroke-width:1.4;opacity:.85}.knob-pointer{stroke:var(--ink);stroke-width:2.2;stroke-linecap:round}.knob-label{font:650 8.5px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-stretch:110%}.knob-readout{font:500 8.5px var(--font-mono);color:var(--ink-3)}.control-lines{display:flex;flex-direction:column;flex:1;justify-content:flex-end;gap:5px;min-width:0}.control-line{display:flex;align-items: center;gap:3px}.control-line .engraved{letter-spacing:.08em;flex:none;width:42px}.control-line .hw-btn{flex:1;padding:2px 0;font-size:10.5px}.control-line .lcd{text-align:center;white-space:nowrap;flex:2;padding:2px 3px;font-size:10px}.strip-fader{display:grid;grid-template-columns:10px 44px;grid-template-rows:minmax(0,1fr)auto;gap:6px}.mute-solo{grid-column:1/-1;display:flex;gap:4px}.mute-solo .hw-btn{flex:1;padding:3px 0}.hw-btn.lit-red{background:linear-gradient(180deg,#ff7468,var(--led-red));border-color:#b5261c;box-shadow:0 2px #8e1f17,0 0 12px #ff4a3d80}.hw-btn.lit-amber{color:#2a1a00;background:linear-gradient(180deg,#ffd27a,var(--led-amber));border-color:#c4840e;box-shadow:0 2px #9b6a0b,0 0 12px #ffb22e80}.fader{display:flex;flex-direction:column;align-items: center;gap:4px;min-height:0}.fader-track{position:relative;cursor:ns-resize;touch-action:none;background:#24282d;border-radius:4px;flex:1;width:8px;margin:9px 0;box-shadow:inset 0 1px 3px #000000d9,0 1px #fff}.fader-fill{position:absolute;background:linear-gradient(#4ae27c99,#4ae27c33);border-radius:3px;bottom:0;left:1px;right:1px}.fader-cap{position:absolute;background:linear-gradient(#fafaf8,#d3d6d0 42%,#a5a8a2 50%,#d8dad5 58%,#eeefec);border-radius:3px;width:38px;height:18px;margin-left:-19px;transition:bottom 50ms linear;left:50%;box-shadow:0 4px 6px #00000061,0 0 0 1px #0003,inset 0 1px #fff}.fader-cap:after{content:"";position:absolute;background:var(--ink);border-radius:1px;height:2px;top:8px;left:4px;right:4px}.meter{display:flex;background:#15181c;border-radius:3px;flex-direction:column;gap:2px;padding:2px;box-shadow:inset 0 1px 2px #000c,0 1px #fff}.meter.is-tall{width:22px;height:100%}.led{border-radius:1.5px;flex:1;min-height:3px;transition:background 50ms,box-shadow 50ms}.led-green{background:#183823}.led-amber{background:#3e2c0c}.led-red{background:#3f1512}.led-green.is-on{background:var(--led-green);box-shadow:0 0 5px var(--led-green)}.led-amber.is-on{background:var(--led-amber);box-shadow:0 0 5px var(--led-amber)}.led-red.is-on{background:var(--led-red);box-shadow:0 0 5px var(--led-red)}.strip-master{align-items: center;width:76px}.strip-master-body{display:flex;flex:1;justify-content:center;min-height:0;padding-bottom:4px}.inspector{display:flex;overflow-y:auto;flex-direction:column;gap:10px;min-height:0;padding:16px 16px 14px}.inspector-empty p{color:var(--ink-2);margin:0;font-size:12px}.inspector-head{display:flex;flex-wrap:wrap;align-items: center;gap:8px}.inspector-head .lcd{margin-left:auto;font-size:11px}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.beat-input{display:flex;align-items: center;gap:5px}.beat-input input{width:100%;min-width:0}.unit{color:var(--ink-3);font-size:10px}.stem-toggles{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hw-btn.stem-toggle{border-left:4px solid var(--stem)}.hw-btn.stem-toggle.is-lit{background:linear-gradient(180deg,color-mix(in srgb,var(--stem)70%,#fff),var(--stem));box-shadow:0 2px 0 color-mix(in srgb,var(--stem)60%,#000),0 0 12px color-mix(in srgb,var(--stem)45%,transparent);border-color:#0000}.inspector-actions{display:flex;gap:6px;margin-top:auto}.inspector-actions .hw-btn{flex:1}.grime{position:absolute;z-index:9;overflow:hidden;border-radius:inherit;pointer-events:none;inset:0}.screen-bezel>.grime{border-radius:9px;inset:6px}.print{position:absolute;opacity:.1;mix-blend-mode:screen;filter:blur(.35px);animation:.6s ease-out both print-in;background-size:100% 100%;width:46px;height:58px}.display-glass .print{opacity:.13;width:36px;height:46px}.print:before{content:"";position:absolute;background:radial-gradient(closest-side,#ffffff59,#0000);border-radius:50%;inset:8% 12%}@keyframes print-in{0%{opacity:.2;filter:blur(0)}}.smear{position:absolute;transform-origin:0 50%;mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mix-blend-mode:screen;filter:blur(.6px);background:repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 4px),linear-gradient(90deg,#ffffff0f,#ffffff06 70%,#0000);border-radius:11px;height:22px;margin-top:-11px}html.is-wiping .print,html.is-wiping .smear{opacity:0;transition:opacity .4s ease calc(var(--sweep)*.55s)}html.is-wiping .grime:after{content:"";position:absolute;animation:1s ease-in-out forwards wipe-sweep;background:linear-gradient(90deg,#0000,#ffffff17,#0000);width:40%;top:-20%;bottom:-20%;left:-40%;transform:skew(-12deg)}@keyframes wipe-sweep{to{left:110%}}.wipe-btn{position:absolute;z-index:10;font:750 9.5px var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:#163552;cursor:pointer;opacity:.85;transition:transform .2s var(--ease-out),opacity .2s;animation:cloth-in .5s var(--ease-out)both;background:repeating-linear-gradient(45deg,#ffffff2e 0 1px,#0000 1px 3px),repeating-linear-gradient(-45deg,#0000000f 0 1px,#0000 1px 3px),#92bce6;border:0;border-radius:3px 3px 10px;padding:6px 11px 6px 12px;font-stretch:110%;bottom:18px;right:20px;transform:rotate(2.5deg);box-shadow:0 4px 10px #00000073,inset 0 0 0 1px #ffffff40}.wipe-btn:hover{opacity:1;transform:rotate(0)translateY(-2px)}.wipe-btn:focus-visible{opacity:1;transform:rotate(0)translateY(-2px)}.wipe-btn:disabled{cursor:progress}@keyframes cloth-in{0%{opacity:0;transform:rotate(12deg)translateY(10px)}}.toast{position:fixed;z-index:50;color:#eef1ec;animation:toast-in .4s var(--ease-out)both;background:linear-gradient(#2d3238,#1a1d21);border-radius:8px;max-width:min(560px,100vw - 32px);padding:10px 16px;font-size:12.5px;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px -8px #0009,inset 0 1px #ffffff1a}.toast-error{box-shadow:0 12px 30px -8px #0009,inset 3px 0 0 var(--led-red)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,14px)}}@media (max-width:980px){body{overflow:auto}.console{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 420px auto;height:auto;min-height:100vh}.library{grid-area:2/1/3/2;max-height:60vh}.screen-bezel{grid-column:1;grid-row:3}.dock{grid-column:1;grid-row:4;grid-template-columns:minmax(0,1fr)}.transport{flex-wrap:wrap;gap:12px;padding:10px 16px}.display{flex-basis:100%;order:3}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.gate-backdrop{position:fixed;z-index:60;display:grid;backdrop-filter:blur(6px);animation:.3s ease-out both lane-in;background:#14161a73;place-items: center;padding:16px;inset:0}.gate{position:relative;display:flex;background:radial-gradient(circle at 9px 9px,#fdfdfc 0 1px,#8e928c 1.5px 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 9px)9px,#fdfdfc 0 1px,#8e928c 1.5px 3px,transparent 3.5px),radial-gradient(circle at 9px calc(100% - 9px),#fdfdfc 0 1px,#8e928c 1.5px 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 9px)calc(100% - 9px),#fdfdfc 0 1px,#8e928c 1.5px 3px,transparent 3.5px),var(--tex-grain),var(--tex-brush),linear-gradient(180deg,var(--alu-hi),var(--alu)55%,var(--alu-lo));box-shadow:var(--panel-shadow),0 30px 60px -20px #0009;animation:panel-in .5s var(--ease-out)both;border-radius:12px;flex-direction:column;gap:14px;width:min(380px,100%);padding:26px 26px 22px}.gate.is-wrong{animation:.4s ease-in-out gate-shake}@keyframes gate-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.gate-text{color:var(--ink-2);margin:0;font-size:12.5px}.gate-display{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:10px 14px}.gate-input{letter-spacing:.2em;width:100%}.crate-tools{display:flex;flex-wrap:wrap;align-items: center;gap:6px}.crate-tools .hw-select{flex:120px;width:auto;min-width:0;padding-top:4px;padding-bottom:4px;font-size:11px}.toggle{display:inline-flex;font:600 10.5px var(--font-ui);color:var(--ink-2);cursor:pointer;align-items: center;gap:5px}.toggle input{accent-color:var(--signal)}.track-card.is-reference{box-shadow:inset 0 1px 0 #fff,0 0 0 1.5px var(--vfd),0 4px 12px -4px #6ff3d373}.tuned-chip{font:700 9px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--tape-ink);background:var(--tape);border-radius:3px;padding:0 5px;box-shadow:0 1px #00000026}.match-row{display:flex;flex-wrap:wrap;gap:4px}.match-badge{font:600 10px var(--font-mono);animation:pop .3s var(--ease-out);border:1px solid #0000;border-radius:10px;padding:1px 7px}.tone-good{color:#0f5a2a;background:#4ae27c38;border-color:#26b26d73}.tone-ok{color:#6b4500;background:#ffb22e38;border-color:#c4840e66}.tone-bad{color:#8e1f17;background:#ff4a3d24;border-color:#b5261c4d}.tone-ref{color:#0b4b3e;font-family:var(--font-ui);background:#6ff3d340;border-color:#28a08273}.card-actions{display:flex;gap:14px}.card-actions .text-btn:disabled{opacity:.4;cursor:not-allowed}.tuner{position:relative;display:flex;overflow-y:auto;background:radial-gradient(circle at 9px 9px,#fdfdfc 0 1px,#8e928c 1.5px 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 9px)9px,#fdfdfc 0 1px,#8e928c 1.5px 3px,transparent 3.5px),radial-gradient(circle at 9px calc(100% - 9px),#fdfdfc 0 1px,#8e928c 1.5px 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 9px)calc(100% - 9px),#fdfdfc 0 1px,#8e928c 1.5px 3px,transparent 3.5px),var(--tex-grain),var(--tex-brush),linear-gradient(180deg,var(--alu-hi),var(--alu)55%,var(--alu-lo));box-shadow:var(--panel-shadow),0 30px 60px -20px #0009;animation:panel-in .45s var(--ease-out)both;border-radius:12px;flex-direction:column;gap:12px;width:min(920px,100%);max-height:calc(100vh - 32px);padding:20px 22px 18px}.tuner-head{display:flex;align-items: center;gap:10px}.tuner-close{color:var(--ink-2);margin-left:auto}.tuner-screen{position:relative;background:linear-gradient(#2c3036,#16191d);border-radius:9px;padding:6px;box-shadow:0 0 0 1px #0a0b0d,0 0 0 3px #c9ccc6}.tuner-zoom,.tuner-overview{display:block;background:var(--screen);border-radius:6px;width:100%;box-shadow:inset 0 2px 8px #000000e6}.tuner-zoom{cursor:ew-resize;touch-action:none;height:160px}.tuner-overview{cursor:pointer;height:40px}.tuner-playhead{position:absolute;background:var(--vfd);box-shadow:0 0 8px var(--vfd);pointer-events:none;width:2px;margin-left:6px;top:6px;bottom:6px}.tuner-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px 16px}.tuner-bpm{text-align:center;width:11ch}.tuner-actions{display:flex;flex-wrap:wrap;align-items: center;gap:8px}.tuner-spacer{flex:1}