@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";:root{--bg: #010401;--green: #76f75a;--green-bright: #83ff63;--green-soft: #55c944;--green-dim: #174d1a;--amber: #ffb13b;--muted: #71816d;color:var(--green);background:var(--bg);font-family:IBM Plex Mono,monospace;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:var(--bg)}button,input{font:inherit}button{color:inherit}.terminal-shell{position:relative;display:grid;grid-template-columns:266px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 169px;column-gap:13px;row-gap:18px;width:100vw;height:100vh;min-height:720px;padding:10px 9px 12px 7px;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(118,247,90,.015) 4px),var(--bg)}.terminal-panel{position:relative;background:#000300f0;border:1px dashed rgba(118,247,90,.65)}.sidebar{grid-row:1;display:grid;grid-template-rows:53px 74px 341px 79px minmax(0,1fr);gap:18px;padding:18px 18px 10px;overflow:hidden}.brand{border:0;border-bottom:1px dashed rgba(118,247,90,.46);padding:0 0 13px;background:transparent;color:var(--green);font-size:30px;font-weight:600;line-height:1.2;letter-spacing:.01em;text-align:left;text-shadow:0 0 5px rgba(118,247,90,.42);cursor:pointer}.open-audio{display:grid;align-content:center;gap:7px;height:74px;border:1px solid var(--amber);padding:9px 12px;background:#ffb13b04;color:var(--amber);font-size:14px;line-height:1.2;letter-spacing:.08em;text-align:center;cursor:pointer}.open-audio span{color:var(--green);font-size:13px;letter-spacing:.03em}.visual-list{display:grid;grid-template-rows:53px repeat(4,56px);gap:12px;align-content:start}.visual-list h2{display:flex;align-items:center;margin:0;border-bottom:1px dashed rgba(118,247,90,.46);color:var(--green);font-size:15px;font-weight:500;letter-spacing:.04em}.visual-item{display:grid;grid-template-columns:20px 58px 1fr;align-items:center;min-height:56px;color:var(--green);font-size:15px;letter-spacing:.08em}.visual-item.active{color:var(--amber);background:linear-gradient(90deg,#76f75a1c,#76f75a04)}.item-arrow{color:var(--amber);font-size:17px}.item-label{padding-left:24px}.visual-item i{display:block;width:46px;height:31px;margin-left:8px;color:var(--green);opacity:.88}.icon-wave{background:linear-gradient(var(--green),var(--green)) 4px 18px / 3px 8px no-repeat,linear-gradient(var(--green),var(--green)) 10px 11px / 3px 22px no-repeat,linear-gradient(var(--green),var(--green)) 16px 5px / 3px 30px no-repeat,linear-gradient(var(--green),var(--green)) 22px 10px / 3px 20px no-repeat,linear-gradient(var(--green),var(--green)) 28px 15px / 3px 13px no-repeat,linear-gradient(var(--green),var(--green)) 34px 8px / 3px 24px no-repeat}.icon-tunnel{border:2px dotted var(--green);border-bottom:0;border-radius:46px 46px 0 0}.icon-orbit{border:2px dotted var(--green);border-radius:50%}.icon-rain{background:repeating-linear-gradient(90deg,var(--green) 0 2px,transparent 2px 8px);-webkit-mask-image:linear-gradient(#000 0 70%,transparent);mask-image:linear-gradient(#000 0 70%,transparent)}.metric{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 36px;gap:8px 14px;align-content:start;align-items:end;border-top:1px dashed rgba(118,247,90,.46);padding-top:17px}.metric>span{grid-column:1 / -1;color:var(--green);font-size:15px}.metric strong{color:var(--amber);font-size:28px;font-weight:500;line-height:1}.metric-bars{display:flex;gap:3px;padding-bottom:4px}.metric-bars i{width:4px;height:13px;background:#ffb13bb8}.metric-bars i.lit{background:var(--green);box-shadow:0 0 5px #76f75a73}.mini-spectrum{grid-column:2;display:flex;align-items:end;gap:2px;height:36px}.mini-spectrum i{width:3px;background:var(--green);opacity:.82}.visual-panel{grid-row:1;min-width:0;overflow:hidden}.ascii-canvas{display:block;width:100%;height:100%}.deck{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:228px minmax(0,1fr);gap:14px}.signal-card{display:grid;place-content:center;text-align:center;color:#9da09585}.signal-content{display:grid;gap:10px;transform:translateY(-8px)}.signal-card span{font-size:16px}.signal-card strong{font-size:15px;font-weight:400}.playback-panel{display:grid;grid-template-columns:minmax(0,1fr) 360px;min-width:0;overflow:hidden}.player-card{display:grid;grid-template-columns:330px minmax(0,1fr);grid-template-rows:auto auto 1fr;align-items:center;gap:4px 0;min-width:0;padding:16px 26px 28px}.track-heading{display:flex;align-items:center;gap:12px;min-width:0}.track-heading strong{overflow:hidden;color:#a8dc99;font-size:16px;font-weight:500;letter-spacing:.07em;text-overflow:ellipsis;white-space:nowrap}.music-note{color:var(--green);font-size:22px}.player-card p{grid-column:1;margin:0;color:#b4c6a5b3;font-size:12px;letter-spacing:.04em}.transport-row{grid-column:2;grid-row:1 / 3;display:flex;align-items:center;justify-content:space-between;width:420px;max-width:calc(100% - 45px);height:72px;margin-left:45px}.transport-row button{display:grid;place-items:center;flex:0 0 auto;border:0;padding:0;background:transparent;color:var(--green);cursor:pointer}.play-pause{position:relative;width:112px;height:72px;color:var(--amber)!important}.corner{position:absolute;width:12px;height:12px;border-color:var(--amber);border-style:solid}.corner-tl{top:0;left:0;border-width:2px 0 0 2px}.corner-tr{top:0;right:0;border-width:2px 2px 0 0}.corner-bl{bottom:0;left:0;border-width:0 0 2px 2px}.corner-br{right:0;bottom:0;border-width:0 2px 2px 0}.progress-row{grid-column:1 / -1;display:grid;grid-template-columns:70px 1fr 148px;align-self:end;align-items:center;gap:18px;color:#9bd489;font-size:13px}.progress-row time{text-align:right}input[type=range]{--progress: 0%;width:100%;height:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:none;background:linear-gradient(90deg,var(--green) var(--progress),rgba(118,247,90,.2) var(--progress))}input[type=range]::-webkit-slider-thumb{width:9px;height:9px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;background:var(--green);box-shadow:0 0 7px #76f75aad;cursor:pointer}.progress-row input[type=range]{height:8px;background:linear-gradient(90deg,var(--green) 0 var(--progress),rgba(118,247,90,.19) var(--progress) 100%);-webkit-mask:repeating-linear-gradient(90deg,#000 0 7px,transparent 7px 10px);mask:repeating-linear-gradient(90deg,#000 0 7px,transparent 7px 10px)}.output-card{display:grid;grid-template-rows:auto 1fr;gap:16px;border-left:1px solid rgba(118,247,90,.34);padding:34px 27px 16px 12px}.volume-line{display:grid;grid-template-columns:auto 1fr 42px;align-items:center;gap:13px;color:var(--green);font-size:13px}.output-spectrum{display:flex;align-self:end;align-items:end;gap:3px;height:45px}.output-spectrum i{width:4px;background:var(--green);box-shadow:0 0 3px #76f75a5c}.output-spectrum i:nth-child(n+32){background:var(--amber)}.file-input{display:none}.drop-overlay{position:fixed;z-index:50;top:12px;right:12px;bottom:12px;left:12px;display:grid;place-items:center;border:1px dashed var(--amber);background:#020502db;color:var(--amber);font-size:18px;letter-spacing:.16em}@media(max-height:840px)and (min-width:901px){.terminal-shell{grid-template-rows:minmax(0,1fr) 150px;row-gap:12px}.sidebar{grid-template-rows:46px 70px minmax(210px,1fr) 68px 72px;gap:10px;padding:12px 14px 8px}.brand{padding-bottom:9px;font-size:27px}.open-audio{height:70px}.visual-list{grid-template-rows:42px repeat(4,minmax(38px,1fr));gap:4px;min-height:0}.visual-item{min-height:38px}.metric{grid-template-rows:auto 30px;gap:4px 10px;padding-top:9px}.metric strong{font-size:24px}.mini-spectrum{height:30px}.player-card{padding-top:10px;padding-bottom:10px}.output-card{padding-top:19px;padding-bottom:12px}}@media(max-width:900px){body{overflow:auto}.terminal-shell{grid-template-columns:1fr;grid-template-rows:auto 520px auto;height:auto;min-height:100vh;padding:8px}.sidebar{grid-row:auto;grid-template-rows:auto auto auto auto auto;overflow:visible}.visual-list{grid-template-rows:53px repeat(4,56px)}.visual-panel{grid-row:auto;height:520px}.deck{grid-row:auto;grid-template-columns:1fr}.playback-panel,.player-card{grid-template-columns:1fr}.transport-row{grid-column:1;grid-row:auto;justify-self:center;max-width:100%;margin-left:0}.output-card{border-top:1px solid rgba(118,247,90,.34);border-left:0}.progress-row{grid-template-columns:48px 1fr 112px}}