:root{color-scheme:dark;--bg:#080d17;--surface:#111b2d;--line:#2a3955;--mint:#5ee9c3;--muted:#a2b2ce}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#42207c33,transparent 55%),var(--bg);color:#edf3ff;font:14px system-ui}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,select,input[type=number],input[type=text]{border:1px solid var(--line);border-radius:7px;padding:7px 10px;background:#17243a;color:inherit}button{cursor:pointer}button:hover{border-color:var(--mint)}button:disabled{opacity:.45;cursor:wait}button.accent{background:var(--mint);color:#082821;font-weight:700}.record{color:#ffaaa9!important;border-color:#b34c66!important}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;gap:30px;padding:16px 24px;border-bottom:1px solid var(--line)}header span{margin-left:auto;color:var(--muted);font-size:12px}.brand{font-size:21px;font-weight:800;display:flex;align-items:center;gap:10px}nav{display:flex;gap:20px}main{padding:18px 24px;max-width:1700px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-size:26px;margin:0}p{color:var(--muted);line-height:1.6}.heading p{margin:5px 0 16px}.actions,.transport,.studio-actions,.clip-tools,.master{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.transport,.clip-tools,.master{background:var(--surface);padding:12px;border:1px solid var(--line);border-radius:10px}.transport label,.studio-actions label,.clip-tools label,.master label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}input[type=range]{accent-color:var(--mint);width:80px}input[type=checkbox]{accent-color:var(--mint)}input[type=number]{width:72px}#clock{font:700 21px ui-monospace;margin:0 8px}.studio-actions{margin-top:14px}#status{min-height:22px;margin:10px 0}.timeline-scroll{overflow:auto;border:1px solid var(--line);border-radius:10px;max-height:550px;background:#0c1423}#timeline{position:relative;min-width:100%}#ruler{height:35px;margin-left:240px;position:relative;cursor:crosshair;background:#1a263b;border-bottom:1px solid var(--line)}.tick{position:absolute;top:8px;color:var(--muted);font-size:11px;border-left:1px solid var(--line);padding-left:5px}.track{display:flex;min-height:150px;border-bottom:1px solid var(--line)}.track-panel{position:sticky;left:0;width:240px;flex:none;z-index:3;background:#111b2d;border-right:1px solid var(--line);padding:10px}.track-panel input[type=text]{width:130px;font-weight:600}.track-panel .row{display:flex;gap:6px;align-items:center;margin:7px 0}.track-panel button{padding:4px 7px;font-size:12px}.track-panel label{font-size:11px;color:var(--muted)}.track-panel input[type=range]{width:76px}.track-panel output{font-size:11px;min-width:28px}.track-panel details{font-size:12px}.track-panel details label{display:inline-flex;gap:4px;width:105px;align-items:center;margin:5px 0}.track-panel .on{background:#6350a1;border-color:#a891ff}.lane{position:relative;flex:1;background:repeating-linear-gradient(90deg,transparent,transparent 34px,#92b9ff07 35px)}.clip{position:absolute;top:28px;height:83px;background:linear-gradient(150deg,#147663,#224e6a);border:1px solid #62e2c899;border-radius:6px;overflow:hidden;cursor:grab;touch-action:none;min-width:8px}.clip.selected{border:2px solid #d5b6ff;box-shadow:0 0 15px #a480ff33}.clip span{position:absolute;top:4px;left:7px;right:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;pointer-events:none}.clip canvas{width:100%;height:52px;margin-top:24px;pointer-events:none}#playhead{position:absolute;left:240px;top:0;bottom:0;width:2px;background:#e5c8ff;z-index:2;pointer-events:none}.clip-tools{margin-top:12px}.clip-tools b{font-size:12px;max-width:190px;overflow:hidden;text-overflow:ellipsis}.master{margin:12px 0}meter{width:90px;height:15px}#clipWarning{font-size:12px;color:var(--muted)}summary{cursor:pointer;color:var(--muted)}details p{max-width:900px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,#ruler:focus-visible{outline:2px solid var(--mint);outline-offset:3px}@media(max-width:750px){header{padding:12px;gap:16px}header span{display:none}main{padding:14px 10px}.heading{align-items:flex-start;flex-direction:column;gap:0}.actions{margin-bottom:12px}nav{gap:12px}.transport{gap:9px}.studio-actions label{max-width:100%}select{max-width:170px}.track-panel{width:240px}.clip-tools label{font-size:12px}}

.recording-clip{background:#8c284d;border-color:#ffaaa9;padding:10px;pointer-events:none}

[hidden]{display:none!important}.recording-notice{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:#5ee9c312;border:1px solid #5ee9c34d;border-radius:8px;padding:12px;margin-bottom:12px}.recording-notice a,#rawTake{color:#5ee9c3;text-decoration:underline;font-weight:600}#rawTake{display:inline-block;margin-top:10px}

.selected-track>.track-panel{box-shadow:inset 4px 0 #5ee9c3;background:#17273c}.selected-track>.lane{box-shadow:inset 0 0 0 1px #5ee9c333}dialog{color:#edf3ff;background:#111b2d;border:1px solid #5ee9c35c;border-radius:12px;width:min(680px,calc(100% - 24px));max-height:85vh;padding:20px}dialog::backdrop{background:#030712bb}.shortcut-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.shortcut-heading h2{margin:0}dialog table{border-collapse:collapse;width:100%;font-size:14px}dialog td,dialog th{padding:9px;border-bottom:1px solid #2a3955;text-align:left}dialog td:last-child{color:#78f4d8}