:root{--bg-main: #151515;--bg-panel: #252526;--bg-header: #333337;--border-color: #3e3e42;--text-main: #d4d4d4;--text-muted: #888888;--color-blue: #0078d7;--color-pink: #e91e63;--color-purple: #9c27b0}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:Segoe UI,Tahoma,sans-serif;background:var(--bg-main);color:var(--text-main);overflow:hidden}.studio-one-daw{display:flex;flex-direction:column;height:100vh}.s1-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:9999;display:flex;justify-content:center;align-items:center}.s1-hardware-modal{background:var(--bg-panel);border:1px solid var(--border-color);width:450px;border-radius:6px;box-shadow:0 15px 30px #000c}.modal-header{background:var(--bg-header);padding:12px 15px;border-bottom:1px solid var(--border-color);border-radius:6px 6px 0 0}.modal-body{padding:20px;display:flex;flex-direction:column;gap:15px}.form-row{display:flex;flex-direction:column;gap:5px}.form-row label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase}.form-row select{background:#1e1e1e;color:#fff;border:1px solid #444;padding:8px;border-radius:3px;font-size:13px;outline:none}.latency-readout{font-size:12px;margin-top:10px;background:#111;padding:10px;border-radius:4px;text-align:center}.latency-readout .good{color:#4caf50;font-weight:700}.latency-readout .warning{color:#f44336;font-weight:700}.modal-footer{padding:15px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border-color)}.btn-primary{background:var(--color-blue);color:#fff;border:none;padding:8px 16px;border-radius:3px;font-weight:700;cursor:pointer}.btn-secondary{background:#444;color:#fff;border:none;padding:8px 16px;border-radius:3px;cursor:pointer}.s1-toolbar{background:var(--bg-panel);height:50px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.branding{font-weight:900;letter-spacing:1px}.track-adders{display:flex;gap:10px}.btn-add{padding:6px 12px;border:none;border-radius:3px;font-weight:700;cursor:pointer;color:#fff;font-size:11px}.btn-add.blue{background:var(--color-blue)}.btn-add.pink{background:var(--color-pink)}.btn-add.purple{background:var(--color-purple)}.btn-hardware{background:#333;color:#fff;border:1px solid #555;padding:6px 12px;border-radius:3px;cursor:pointer;font-size:11px}.s1-workspace{display:flex;flex:1;overflow:hidden}.s1-inspector{width:340px;background:var(--bg-panel);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto}.inspector-header{background:var(--bg-header);padding:10px 15px;display:flex;justify-content:space-between;align-items:center;font-size:12px;border-bottom:1px solid var(--border-color)}.badge{padding:3px 8px;border-radius:12px;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.5)}.badge-blue{background:var(--color-blue)}.badge-pink{background:var(--color-pink)}.badge-purple{background:var(--color-purple)}.inspector-empty{padding:30px;text-align:center;color:var(--text-muted);font-size:12px;font-style:italic}.s1-inspector-routing{padding:15px;background:#1e1e21;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px}.inspector-group{display:flex;flex-direction:column;gap:4px}.inspector-group label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;display:flex;align-items:center;gap:5px}.routing-select{background:#111;color:#fff;border:1px solid #333;padding:6px;border-radius:3px;font-size:11px;outline:none}.sync-group{padding:8px;background:#2a2a2e;border:1px solid #444;border-radius:4px;margin-bottom:5px}.ms-input-wrapper{display:flex;align-items:center;background:#000;border:1px solid #444;border-radius:3px;overflow:hidden;width:80px}.ms-input{background:none;border:none;color:#0ff;font-family:monospace;font-size:12px;padding:4px 6px;width:100%;outline:none;text-align:right}.ms-input-wrapper .unit{font-size:10px;color:#666;padding-right:6px}.nam-plugin-ui{margin:15px;padding:15px;background:linear-gradient(to bottom,#303036,#1c1c20);border:1px solid #000;border-radius:6px;box-shadow:0 10px 20px #00000080}.nam-header{display:flex;justify-content:space-between;margin-bottom:20px;border-bottom:1px solid #111;padding-bottom:10px;font-weight:900;font-size:11px;color:#aaa}.nam-header .version{color:var(--color-blue);font-family:monospace}.nam-loaders{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.loader-slot{display:flex;align-items:center;background:#111;padding:6px 10px;border-radius:4px;border:1px solid #333;gap:10px}.file-name{flex:1;font-size:11px;color:#ccc;font-family:monospace;overflow:hidden;white-space:nowrap}.btn-browse{background:#333;color:#fff;border:1px solid #555;padding:4px 8px;border-radius:2px;font-size:10px;cursor:pointer}.nam-eq-section{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.nam-dial-group{display:flex;flex-direction:column;align-items:center;gap:5px}.dial-label{font-size:9px;font-weight:700;color:#888}.dial-body{width:40px;height:40px;border-radius:50%;background:conic-gradient(from 180deg at 50% 50%,#444,#222,#444);border:2px solid #111;position:relative;box-shadow:0 4px 6px #0009;cursor:ns-resize}.dial-pointer{position:absolute;top:2px;left:17px;width:2px;height:12px;background:var(--color-blue);transform-origin:center 16px;border-radius:2px}.dial-readout{font-size:9px;background:#000;color:#0ff;padding:2px 6px;border-radius:2px;font-family:monospace}.s1-timeline{flex:1;display:flex;position:relative;background:var(--bg-main);overflow-y:auto}.track-headers-column{width:280px;background:var(--bg-panel);border-right:1px solid var(--border-color);z-index:10}.s1-track-header{height:80px;background:#2d2d30;border-bottom:1px solid var(--border-color);border-left:4px solid transparent;padding:10px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:.1s}.s1-track-header.active{background:#3f3f46}.track-header-top{display:flex;justify-content:space-between;align-items:center}.track-name{font-size:12px;font-weight:600}.btn-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-icon:hover{color:#fff}.btn-icon.danger:hover{color:#f44336}.track-header-controls{display:flex;gap:5px;align-items:center}.btn-state{width:22px;height:22px;border-radius:3px;border:1px solid #111;background:#444;color:#aaa;font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-state.arm.active{background:#f44336;color:#fff;box-shadow:0 0 8px #f4433699}.btn-state.mute.active{background:#ff9800;color:#fff}.btn-state.solo.active{background:#4caf50;color:#fff}.upload{margin-left:auto}.arranger-grid{flex:1;position:relative;background-image:linear-gradient(var(--border-color) 1px,transparent 1px),linear-gradient(90deg,#222 1px,transparent 1px);background-size:100% 80px,120px 100%}.audio-clip{position:absolute;left:100px;height:70px;width:450px;border-radius:4px;display:flex;align-items:center;padding-left:15px;font-size:11px;font-weight:700;font-family:monospace;color:#ffffffe6;border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 0 20px #0003}.clip-blue{background:var(--color-blue)}.clip-pink{background:var(--color-pink)}.clip-purple{background:var(--color-purple)}.s1-mixer-transport-wrapper{display:flex;flex-direction:column;height:320px;border-top:1px solid var(--border-color)}.s1-mixer-area{flex:1;background:var(--bg-panel);overflow:hidden;padding-bottom:5px}.mixer-container{display:flex;gap:4px;height:100%;width:100%;padding:10px;overflow-x:auto}.mixer-strip{width:85px;background:#2a2a2e;border:1px solid #111;display:flex;flex-direction:column;align-items:center;padding:8px 4px;font-size:10px}.mixer-strip.active{background:#333338;border-color:#555}.strip-routing{width:100%;display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.routing-slot{background:#111;padding:4px;text-align:center;border-radius:2px;color:#aaa}.strip-pan{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:10px}.pan-knob{width:26px;height:26px;border-radius:50%;background:#444;border:1px solid #111;position:relative}.pan-indicator{position:absolute;top:2px;left:12px;width:2px;height:8px;background:#fff;transform-origin:1px 11px}.pan-val{color:var(--color-blue);font-family:monospace}.strip-controls{display:flex;gap:4px;width:100%;justify-content:center;margin-bottom:10px}.btn-mix{width:26px;height:20px;background:#444;border:1px solid #222;border-radius:2px;color:#aaa;cursor:pointer;font-weight:700}.btn-mix.mute.active{background:#ff9800;color:#000}.btn-mix.solo.active{background:#4caf50;color:#000}.fader-section{flex:1;display:flex;gap:6px;width:100%;justify-content:center;margin-bottom:5px}.peak-meter{width:8px;background:#111;border-radius:2px;border:1px solid #000;position:relative;overflow:hidden}.meter-fill{position:absolute;bottom:0;width:100%;background:linear-gradient(to top,#4caf50 60%,#ffeb3b 85%,#f44336)}.fader-track{width:6px;background:#000;border-radius:3px;position:relative;height:100%;display:flex;justify-content:center}.fader-cap{position:absolute;width:24px;height:35px;background:linear-gradient(to bottom,#666,#333);border:1px solid #111;border-radius:2px;box-shadow:0 5px 10px #000c;cursor:pointer;border-bottom:2px solid white;transform:translateY(50%)}.fader-cap.red{border-bottom:2px solid #f44336}.strip-db-readout{background:#000;color:#0ff;width:100%;text-align:center;padding:3px 0;font-family:monospace;border-radius:2px;margin-bottom:4px}.strip-label{width:100%;text-align:center;background:#111;padding:4px 0;border-radius:2px;border-bottom:2px solid transparent;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mixer-divider{width:2px;background:var(--bg-main);margin:0 4px}.master-bus{width:100px;background:#1a1a1c}.s1-transport-bar{height:60px;background:#1a1a1c;border-top:1px solid #000;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:20px}.transport-section{display:flex;align-items:center;gap:10px;height:100%}.perf-meters{flex-direction:column;justify-content:center;width:100px;gap:4px}.perf-bar{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:9px;color:#888;font-weight:700}.meter-bg{flex:1;height:6px;background:#111;border:1px solid #333;margin-left:8px;border-radius:2px}.meter-fg{height:100%;border-radius:1px}.main-controls{background:#222;padding:0 15px;border-radius:4px;border:1px solid #333;box-shadow:inset 0 2px 5px #00000080}.btn-transport{background:none;border:none;color:#888;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;transition:.1s}.btn-transport:hover{color:#fff}.btn-transport.play.active{color:#4caf50}.btn-transport.record.active{color:#f44336}.timecode-display{background:#000;padding:8px 15px;border-radius:4px;border:1px solid #222;box-shadow:inset 0 2px 10px #000c}.bars-beats{display:flex;align-items:baseline;gap:2px}.big-time{font-family:monospace;font-size:24px;color:#0ff;font-weight:700}.small-time{font-family:monospace;font-size:14px;color:#0aa}.time-divider{width:1px;height:30px;background:#333;margin:0 15px}.tempo-data{display:flex;flex-direction:column;gap:2px}.tempo-row{display:flex;justify-content:space-between;width:70px;font-size:9px;color:#666;font-weight:700}.tempo-row .value{font-family:monospace;font-size:11px}.value.blue{color:var(--color-blue)}.value.pink{color:var(--color-pink)}.btn-zmix{background:#111;color:#4caf50;border:1px solid #222;padding:6px 12px;border-radius:4px;font-weight:700;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:5px;box-shadow:0 0 10px #4caf5033}.btn-zmix:hover{background:#222;box-shadow:0 0 15px #4caf5066}