:root{--bg:#090e18;--panel:#111a27;--line:#2b374a;--muted:#7f90a7;--bright:#f2f5f4;--cyan:#78f5eb;--pink:#ff79ad;--purple:#bd96f7;--yellow:#eefa85;--track-color:#ff79ad;--mono:'Courier New',Courier,monospace;--ui:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--bright);font-family:var(--mono);min-width:320px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,label:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}a{color:inherit;text-decoration:none}::selection{background:var(--cyan);color:#061018}.page-glow{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 50% 30% at 89% 0%,rgba(143,80,194,.13),transparent 90%),radial-gradient(ellipse 45% 45% at 0% 28%,rgba(30,192,184,.065),transparent 80%)}.app-wrap{max-width:1510px;margin:0 auto;padding:0 47px}.app-header{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px}.brand-icon{display:flex;align-items:flex-end;gap:3px;width:29px;height:35px;transform:skew(-8deg)}.brand-icon span{display:block;width:5px;background:var(--cyan);box-shadow:0 0 9px rgba(120,245,235,.4)}.brand-icon span:nth-child(1){height:16px}.brand-icon span:nth-child(2){height:26px}.brand-icon span:nth-child(3){height:34px}.brand-icon span:nth-child(4){height:23px}.brand-icon span:nth-child(5){height:12px}.brand-name{font-size:23px;font-weight:900;letter-spacing:-1.4px;line-height:1.05}.brand-name>span{color:var(--cyan)}.brand-name small{display:block;font-size:9px;letter-spacing:2.7px;margin-top:8px;color:#8696a7;font-weight:700}.header-right{display:flex;align-items:center;gap:25px;font-size:10px;letter-spacing:1.1px;font-weight:bold;color:var(--muted)}.led{display:flex;align-items:center;gap:10px;color:var(--cyan);border:1px solid #235249;background:#12271f;padding:11px 13px;white-space:nowrap}.led i,.tiny-indicator{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.intro{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:38px 0 36px}.eyebrow{font-size:11px;letter-spacing:2.9px;color:var(--cyan);font-weight:bold;margin:0 0 13px}.star{font-size:19px;vertical-align:middle;margin-right:4px}h1{font-family:var(--ui);font-size:clamp(36px,4.5vw,65px);font-weight:950;line-height:.99;letter-spacing:-3.7px;margin:0}h1 em{font-style:normal;color:var(--pink)}.intro-aside{font-family:var(--ui);font-size:13px;line-height:1.8;max-width:306px;color:#9cabbf;margin:0 1px 4px 0}.workspace{display:grid;grid-template-columns:minmax(0,1.88fr) minmax(304px,1fr);gap:22px}.main-column,.side-column{display:flex;flex-direction:column;gap:22px;min-width:0}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 35px rgba(0,0,0,.12)}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 21px;border-bottom:1px solid var(--line);font-size:11px;font-weight:900;letter-spacing:1.5px;gap:10px}.panel-heading>span:first-child{display:flex;align-items:center;gap:9px}.panel-edge,.small-dim{color:#8190a4;font-size:10px;font-weight:500}.square-dot{display:inline-block;width:9px;height:9px;background:var(--cyan);box-shadow:0 0 12px rgba(120,245,235,.3)}.square-dot.yellow{background:var(--yellow)}.square-dot.purple{background:var(--purple)}.square-dot.pink{background:var(--pink)}.screen{margin:20px 20px 0;padding:21px;border:1px solid #274c51;background:linear-gradient(128deg,#081c24 0%,#092129 55%,#091c22 100%);box-shadow:inset 0 0 48px rgba(7,43,43,.8),0 0 0 4px rgba(7,20,27,.7);position:relative;overflow:hidden}.screen:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.09;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,#b8fdfb 4px,transparent 5px)}.screen-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:bold;letter-spacing:2px;color:#74b7b6}.screen-status{color:var(--cyan)}.screen-status:before{content:'●';font-size:8px;margin-right:7px}.blinker{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.song-topline{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-top:16px}.song-name{font-size:clamp(19px,2.5vw,33px);font-weight:bold;color:#e5fff9;letter-spacing:-1.4px;line-height:1.2;min-height:38px;overflow-wrap:anywhere}.signal-art{font-size:14px;line-height:10px;letter-spacing:-2px;color:var(--cyan);opacity:.65;transform:rotate(-12deg)}.song-meta{display:flex;gap:17px;align-items:center;flex-wrap:wrap;font-size:10px;letter-spacing:.55px;margin:6px 0 19px;color:#93aeb1;text-transform:uppercase}.song-meta>span:not(:first-child){border-left:1px solid #38595d;padding-left:13px}.scope-border{position:relative;height:171px;border:1px solid #2b5456;overflow:hidden;background:radial-gradient(ellipse at center,#0b2931 0%,#06181d 85%)}canvas#scope{display:block;width:100%;height:100%}.scope-label,.scope-corner{pointer-events:none;position:absolute;bottom:10px;color:#5d979c;font-size:9px;letter-spacing:1px}.scope-label{left:12px}.scope-label span{margin-left:8px}.scope-corner{right:12px}.channel-strips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:16px}.channel-strip{min-width:0;display:flex;align-items:center;gap:8px;font-size:10px;color:#74abb0}.channel-strip>span:last-child{opacity:.55}.meter{flex:1;height:5px;background:#214247;overflow:hidden}.meter i{display:block;width:0;height:100%;background:var(--cyan);box-shadow:0 0 13px var(--cyan);transition:width .12s}.player-controls{padding:24px 20px 18px}.progress-row{display:flex;align-items:center;gap:14px}.timestamp{font-size:11px;font-weight:900;letter-spacing:1px;color:#d6e4ef;font-variant-numeric:tabular-nums}.seek-slider,.volume-control input{appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--cyan) 0,var(--cyan) var(--fill,0%),#344154 var(--fill,0%),#344154 100%);height:4px;cursor:pointer;border:0;border-radius:0;min-width:0}.seek-slider{flex:1}.seek-slider::-webkit-slider-thumb,.volume-control input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--cyan);border:2px solid var(--bg);outline:1px solid var(--cyan);border-radius:0}.seek-slider::-moz-range-thumb,.volume-control input::-moz-range-thumb{width:10px;height:10px;background:var(--cyan);border:1px solid var(--bg);border-radius:0}.button-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:20px}.transport-group{display:flex;align-items:center;gap:8px}.transport{height:43px;min-width:43px;border:1px solid #3a485d;background:#1b2838;color:#d3e2ee;font-size:14px;font-weight:bold;transition:background .15s,transform .1s}.transport:hover{background:#2b3f52;transform:translateY(-1px)}.transport.primary{height:50px;min-width:65px;background:var(--cyan);color:#062329;border-color:var(--cyan);font-size:20px;box-shadow:0 0 22px rgba(120,245,235,.13)}.transport.primary:hover{background:#c5fffa}.stop-button{font-size:15px}.aux-controls{display:flex;align-items:center;gap:22px}.mode-button{background:none;border:1px solid #3d485a;color:#9cacc0;height:36px;padding:0 11px;font-size:10px;letter-spacing:1px}.mode-button.active{color:var(--cyan);border-color:#418981;background:#102d31}.loop-icon{font-size:19px;vertical-align:-2px;margin-right:4px}.volume-control{display:flex;align-items:center;gap:10px;color:#9fb0be;font-size:10px;letter-spacing:1px}.volume-control input{width:80px}.volume-control span:last-child{width:21px;color:var(--cyan)}.player-foot{border-top:1px solid var(--line);padding:13px 20px;display:flex;justify-content:space-between;color:#8597a8;font-size:9px;letter-spacing:1px}.tiny-indicator{width:5px;height:5px;vertical-align:1px;margin-right:6px}.footer-glyph{color:var(--cyan);font-size:13px}.tracker-top{display:flex;justify-content:space-between;align-items:center;padding:9px 18px;color:#94a1b4;font-size:10px;letter-spacing:1px}.tracker-top b{color:var(--purple)}.tracker-top p{margin:5px 0}.live-circle{display:inline-block;background:var(--purple);border-radius:50%;width:6px;height:6px;margin-right:7px;box-shadow:0 0 9px var(--purple)}.tracker-grid-wrap{margin:0 18px;background:#0c1520;border:1px solid #2b3647;overflow:hidden}.tracker-headings,.tracker-row{display:grid;grid-template-columns:48px repeat(4,minmax(0,1fr))}.tracker-headings{border-bottom:1px solid #394658;background:#172235}.row-number-header{font-size:9px;color:#6b819b;display:flex;align-items:center;justify-content:center}.track-heading{border:none;border-left:1px solid #344258;background:none;padding:12px 5px;color:#b2c0d2;font-size:10px;font-weight:bold;letter-spacing:.6px;display:flex;align-items:center;justify-content:space-around;gap:5px;min-width:0;white-space:nowrap}.track-heading:hover{background:#25354c}.track-heading .ch-state{font-size:8px;color:var(--cyan)}.track-heading.is-muted{opacity:.5}.track-heading.is-muted .ch-state{color:var(--pink)}.tracker-rows{min-height:345px}.tracker-row{height:23px;border-bottom:1px solid #162432;color:#798ba4;font-variant-numeric:tabular-nums;font-size:10px;white-space:nowrap;letter-spacing:.15px}.tracker-row:last-child{border-bottom:0}.tracker-row.current{background:#204242;box-shadow:inset 3px 0 0 var(--cyan)}.tracker-row.current .row-num{color:var(--cyan);font-weight:bold}.tracker-row:nth-child(4n+1):not(.current){background:#101d29}.row-num{display:flex;align-items:center;justify-content:center;color:#627690;border-right:1px solid #26374a}.cell{display:flex;align-items:center;justify-content:center;gap:clamp(4px,.75vw,13px);min-width:0;padding:0 2px;border-right:1px solid #243449}.cell:last-child{border:0}.cell .pitch{color:#b4a0f6;font-weight:bold}.cell .pitch.empty{color:#496073}.cell .instrument{color:#eaf294}.cell .effect{color:#70b5b2}.cell.cell-muted{opacity:.28}.tracker-empty{text-align:center;padding:120px 10px;color:var(--muted);font-size:11px}.tracker-key{display:flex;align-items:center;gap:17px;padding:15px 19px;font-size:9px;letter-spacing:1px;color:#8d9eb0;flex-wrap:wrap}.key-swatch{display:inline-block;width:7px;height:7px;margin-right:5px}.key-swatch.note{background:var(--purple)}.key-swatch.instr{background:var(--yellow)}.key-swatch.fx{background:var(--cyan)}.tracker-hint{margin-left:auto}.count-chip{border:1px solid #3b4656;padding:5px 6px;color:#b7c6d7;font-size:9px;white-space:nowrap}.library-hero{display:flex;align-items:center;gap:20px;padding:24px 21px;background:radial-gradient(ellipse at 30% 35%,#27354a 0%,#171e2d 75%);min-height:155px;overflow:hidden}.library-cube{perspective:200px;flex-shrink:0}.cube-face{height:90px;width:91px;border:3px solid #d7c5fb;box-shadow:5px 5px 0 #735f9c,11px 11px 0 #343451,inset 0 0 30px #302c5b;transform:rotate(-12deg) skewY(-5deg);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(140deg,#6c5c8b,#23263d);font-size:29px;font-weight:bold;color:#fff;letter-spacing:-3px}.cube-face span{color:var(--cyan);font-size:22px;line-height:17px;align-self:end;margin-right:8px}.library-hero-text{display:flex;flex-direction:column;gap:5px;min-width:0}.library-hero-text>span{font-size:10px;color:#ac9bdb;letter-spacing:1.5px}.library-hero-text strong{font-size:22px;letter-spacing:-1.8px;line-height:1.12;font-family:var(--ui)}.library-hero-text small{font-size:10px;line-height:1.6;color:#9eaac0}.library-label{padding:17px 18px 11px;display:flex;justify-content:space-between;color:#7e90a4;font-size:10px;letter-spacing:1px}.playlist{padding:0 12px 8px}.playlist-item{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) 42px;align-items:center;gap:10px;padding:15px 11px;border:1px solid transparent;border-bottom-color:#293647;background:transparent;color:#d6e4ef;text-align:left;min-height:75px}.playlist-item:hover{background:#1a2939}.playlist-item.active{border-color:#437271;background:#102d32}.playlist-item .track-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#071c22;background:#c9b4ff;font-size:17px;font-weight:bold}.playlist-item[data-shade="pink"] .track-icon{background:var(--pink)}.playlist-item[data-shade="yellow"] .track-icon{background:var(--yellow)}.playlist-item[data-shade="cyan"] .track-icon{background:var(--cyan)}.playlist-item[data-shade="purple"] .track-icon{background:var(--purple)}.playlist-item .track-copy{min-width:0}.track-copy strong,.track-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-copy strong{font-size:11px;letter-spacing:.5px}.track-copy small{font-size:9px;margin-top:8px;color:#7e93a9}.playlist-item.active strong{color:var(--cyan)}.playlist-item .track-duration{font-size:11px;color:#9daec0;text-align:right}.playlist-placeholder{padding:30px;color:var(--muted);font-size:11px}.drop-zone{margin:11px 19px 19px;min-height:83px;padding:13px;display:flex;align-items:center;gap:13px;border:1px dashed #587a84;background:#102631;cursor:pointer;transition:background .15s,border-color .15s}.drop-zone:hover,.drop-zone.dragover{background:#193c45;border-color:var(--cyan)}.import-symbol{font-family:var(--ui);font-size:28px;color:var(--cyan);line-height:1}.drop-zone>span:nth-child(2){display:flex;flex-direction:column;gap:6px;min-width:0}.drop-zone strong{font-size:11px;letter-spacing:.6px}.drop-zone small{font-size:10px;line-height:1.5;color:#94aaba}.file-caret{margin-left:auto;color:var(--cyan);font-size:20px}.library-bottom{border-top:1px solid var(--line);padding:13px 18px;display:flex;justify-content:space-between;gap:5px;color:#74879c;font-size:9px;letter-spacing:.6px}.info-body{padding:24px 21px 19px}.ascii-title{font-family:var(--ui);font-size:31px;font-weight:900;line-height:.93;letter-spacing:-1.6px}.ascii-title span{color:var(--purple)}.info-body p{font-family:var(--ui);font-size:12px;line-height:1.85;color:#9cabbe;margin:17px 0 22px}.info-body b{color:#e0eaf5}.spec-row{display:flex;justify-content:space-between;gap:9px;border-top:1px solid #29374a;padding:14px 0;font-size:9px;letter-spacing:.6px;color:#8194a9}.spec-row strong{color:#c2d0dc;text-align:right;font-weight:normal}.keyboard-tip{border:1px dashed #334558;padding:14px;font-size:9px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;color:#7890a3;letter-spacing:.2px}.keyboard-tip>span{font-size:18px;color:var(--purple)}.keyboard-tip b{background:#253143;color:#a2b4c9;padding:5px 6px;font-weight:normal}.bottom{display:flex;justify-content:space-between;gap:25px;padding:40px 0 32px;color:#5d7085;font-size:10px;letter-spacing:1px}.toast{pointer-events:none;position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#1a3740;border:1px solid var(--cyan);padding:15px 21px;color:var(--cyan);font-size:12px;opacity:0;transition:opacity .2s,transform .2s;max-width:min(90vw,520px);z-index:20}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1160px){.app-wrap{padding:0 25px}.workspace{grid-template-columns:minmax(0,1.5fr) minmax(290px,.85fr);gap:15px}.main-column,.side-column{gap:15px}.track-heading{font-size:9px}.track-heading .ch-state{display:none}.cell{gap:4px;font-size:9px}.aux-controls{gap:8px}.volume-control input{width:51px}.intro-aside{max-width:260px}.library-hero{gap:12px}.cube-face{width:70px;height:75px;font-size:24px}.library-hero-text strong{font-size:20px}}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.main-column{order:0}.side-column{order:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.keyboard-tip{grid-column:1/-1}.intro{align-items:start}.intro-aside{margin-top:15px}.song-name{font-size:31px}.library-hero{min-height:130px}.track-heading .ch-state{display:inline}.cell{font-size:11px;gap:10px}}
@media(max-width:590px){.app-wrap{padding:0 12px}.app-header{height:75px}.brand-name{font-size:19px}.brand-icon{transform:scale(.86) skew(-8deg)}.header-right{font-size:9px}.desktop-only{display:none}.led{padding:8px}.intro{padding:29px 3px 26px;display:block}.intro-aside{margin-top:15px;font-size:12px;max-width:360px}.eyebrow{font-size:9px;letter-spacing:1.8px}h1{font-size:clamp(36px,9.7vw,54px);letter-spacing:-2px}.side-column{display:flex}.panel-heading{padding:15px 13px;font-size:10px}.panel-edge{font-size:9px}.screen{margin:12px 12px 0;padding:14px}.song-name{font-size:25px}.song-meta{font-size:9px;gap:6px}.song-meta>span:not(:first-child){padding-left:7px}.scope-border{height:144px}.channel-strips{gap:8px}.channel-strip{gap:4px}.player-controls{padding:20px 12px 17px}.button-row{flex-wrap:wrap;gap:15px}.transport-group{width:100%;justify-content:center}.aux-controls{width:100%;justify-content:space-between}.volume-control input{width:115px}.player-foot{padding:12px;font-size:8px}.player-foot>span:last-child{display:none}.tracker-top{padding:8px 10px;font-size:9px}.tracker-top p:last-child{display:none}.tracker-grid-wrap{margin:0 8px;overflow-x:auto}.tracker-headings,.tracker-row{min-width:440px;grid-template-columns:36px repeat(4,minmax(101px,1fr))}.tracker-headings{border-right:0}.tracker-row{height:23px}.cell{gap:5px;font-size:9px}.track-heading .ch-state{display:none}.tracker-key{padding:13px 11px;gap:12px}.tracker-hint{margin-left:0}.bottom{display:block;text-align:center;line-height:2.2}.bottom span{display:block}.library-hero{min-height:148px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}