.clip-edit__wave.svelte-1uif4eg{height:160px;background:var(--bg-app);border:1px solid var(--border-strong);border-radius:4px;overflow:hidden;cursor:crosshair}.clip-edit__grid.svelte-1uif4eg{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.clip-edit__actions.svelte-1uif4eg{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid var(--border);padding-top:8px}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px;color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}:root{--bg-app: #000000;--bg-panel: #070707;--bg-elev: #0d0d0d;--bg-track-even: #070707;--bg-track-odd: #000000;--text-primary: #f0e6dc;--text-muted: #8a7d70;--text-dim: #5a5048;--accent: #ffb070;--accent-strong: #ff8c3a;--accent-soft: rgba(255,176,112,.15);--accent-2: #ff7a2a;--clip-default: #1a0e07;--clip-stroke: #ffb070;--clip-fill: rgba(255,176,112,.18);--grid-bar: #5a4030;--grid-beat: #2e221a;--grid-snap: #1a130d;--led-clip: #ffb070;--shadow: 0 1px 0 rgba(0,0,0,.7);--border: #1a1410;--border-strong: #2a2018;--waveform: #ffb070}.app{display:grid;grid-template-rows:36px 1fr;grid-template-columns:248px 1fr;grid-template-areas:"transport transport" "browser arrangement";height:100vh;width:100vw}.app__transport{grid-area:transport;border-bottom:1px solid var(--border)}.app__browser{grid-area:browser;border-right:1px solid var(--border);overflow:hidden}.app__arrangement{grid-area:arrangement;overflow:hidden}.placeholder{padding:12px;color:var(--text-muted);font-size:12px}.audio-gate{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#000000eb;z-index:1000}.audio-gate h1{margin:0;font-size:28px;font-weight:600;color:var(--accent);letter-spacing:1px;display:flex;align-items:center;gap:12px}.audio-gate p{margin:0;color:var(--text-muted);font-size:12px;letter-spacing:.5px}.audio-gate button{background:var(--accent);color:#000;border:none;padding:10px 22px;font-size:13px;font-weight:600;border-radius:4px;cursor:pointer;letter-spacing:.5px}.audio-gate button:hover{background:var(--accent-strong)}.transport{display:flex;align-items:center;gap:10px;padding:0 10px;height:100%;background:var(--bg-app);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none}.transport__brand{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:600;font-size:13px;letter-spacing:.5px}.transport__brand small{color:var(--text-dim);font-size:9px;font-weight:400;letter-spacing:.6px;margin-top:2px;text-transform:uppercase}.transport__sep{width:1px;height:18px;background:var(--border)}.transport__btn{width:26px;height:22px;border-radius:3px;background:var(--bg-elev);border:1px solid var(--border-strong);color:var(--text-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .08s ease;flex-shrink:0}.transport__btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.transport__btn:disabled{opacity:.35;cursor:default}.transport__btn.active{background:var(--accent);color:#000;border-color:var(--accent)}.transport__btn--wide{width:auto;padding:0 8px;gap:4px;font-size:11px}.transport__field{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.transport__field input[type=number]{width:52px;padding:3px 5px;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:3px;color:var(--text-primary);text-transform:none;font-size:12px}.transport__field input[type=range]{accent-color:var(--accent);width:80px}.transport__field input:focus{outline:none;border-color:var(--accent)}.transport__readout{font-variant-numeric:tabular-nums;font-size:10px;color:var(--text-muted);min-width:36px;text-align:right;text-transform:none}.transport__position{font-variant-numeric:tabular-nums;font-size:16px;color:var(--accent);letter-spacing:.5px;min-width:86px;text-align:center;font-weight:500}.transport__spacer{flex:1}.transport__donate{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-size:10px;text-decoration:none;padding:3px 8px;border:1px solid var(--border-strong);border-radius:3px;background:var(--bg-elev);text-transform:uppercase;letter-spacing:.6px;transition:all .08s ease}.transport__donate:hover{color:var(--accent);border-color:var(--accent)}.browser{display:flex;flex-direction:column;height:100%;background:var(--bg-app);position:relative}.browser__header{display:flex;align-items:center;gap:6px;padding:8px;border-bottom:1px solid var(--border)}.browser__pick{display:inline-flex;align-items:center;gap:5px;background:var(--bg-elev);border:1px solid var(--border-strong);color:var(--text-primary);padding:5px 10px;font-size:11px;border-radius:3px;cursor:pointer;transition:all .08s ease}.browser__pick:hover{border-color:var(--accent);color:var(--accent)}.browser__search{flex:1;background:var(--bg-elev);border:1px solid var(--border-strong);color:var(--text-primary);padding:5px 8px;font-size:11px;border-radius:3px;min-width:0}.browser__search:focus{outline:none;border-color:var(--accent)}.browser__label{padding:4px 10px;font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border);background:var(--bg-panel)}.browser__tree{flex:1;overflow:auto;font-size:12px;padding:4px 0}.tree-row{display:flex;align-items:center;gap:4px;padding:0 6px;height:20px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:11.5px}.tree-row:hover{background:var(--accent-soft)}.tree-row--file{color:var(--text-primary)}.tree-row--dir{color:var(--text-muted)}.tree-row--previewing{color:var(--accent);background:var(--accent-soft)}.tree-row__caret{width:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.tree-row__icon{width:14px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted)}.tree-row--file .tree-row__icon{color:var(--accent)}.tree-row__name{flex:1;overflow:hidden;text-overflow:ellipsis}.browser__empty{padding:32px 16px;font-size:11px;color:var(--text-muted);text-align:center;line-height:1.6}.browser__empty strong{color:var(--accent);font-weight:500}.browser__drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffb0701a;border:2px dashed var(--accent);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--accent);pointer-events:none;z-index:20;text-transform:uppercase;letter-spacing:.8px}.arrangement{display:grid;grid-template-rows:28px 20px 1fr auto;grid-template-columns:var(--track-header-width, 124px) 1fr;height:100%;background:var(--bg-app)}.arrangement .clip-editor{grid-row:4;grid-column:1 / -1}.arr__ruler{height:20px}.arr__ruler-tick{line-height:20px}.arr__toolbar{grid-row:1;grid-column:1 / -1;display:flex;align-items:center;gap:6px;padding:0 8px;background:var(--bg-app);border-bottom:1px solid var(--border);font-size:11px;color:var(--text-muted);-webkit-user-select:none;user-select:none}.arr__toolbar select,.arr__toolbar button{display:inline-flex;align-items:center;gap:4px;background:var(--bg-elev);border:1px solid var(--border-strong);color:var(--text-primary);padding:2px 7px;font-size:11px;border-radius:3px;cursor:pointer;transition:all .08s ease;height:22px}.arr__toolbar button:disabled{opacity:.4;cursor:default}.arr__toolbar button:disabled:hover{color:var(--text-primary);border-color:var(--border-strong)}.arr__toolbar select:hover,.arr__toolbar button:hover{border-color:var(--accent);color:var(--accent)}.arr__toolbar button.active{background:var(--accent);color:#000;border-color:var(--accent)}.arr__toolbar .group{display:flex;align-items:center;gap:4px}.arr__toolbar .group-label{color:var(--text-dim);margin-right:2px}.arr__corner{grid-row:2;grid-column:1;background:var(--bg-panel);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.arr__ruler-wrap{grid-row:2;grid-column:2;overflow:hidden;position:relative;border-bottom:1px solid var(--border);background:var(--bg-panel)}.arr__ruler{position:relative;height:22px;will-change:transform}.arr__ruler-tick{position:absolute;top:0;bottom:0;border-left:1px solid var(--grid-beat);font-size:10px;color:var(--text-muted);padding-left:4px;line-height:20px}.arr__ruler-tick--bar{border-left-color:var(--grid-bar);color:var(--text-primary)}.arr__headers-wrap{grid-row:3;grid-column:1;overflow:hidden;background:var(--bg-panel);border-right:1px solid var(--border)}.arr__headers{position:relative;will-change:transform}.track-header{height:var(--track-height, 54px);border-bottom:1px solid var(--border);padding:5px 6px;display:flex;flex-direction:column;gap:3px;-webkit-user-select:none;user-select:none}.track-header__row{display:flex;align-items:center;gap:4px}.track-header__name{flex:1;background:transparent;border:1px solid transparent;color:var(--text-primary);font-size:12px;padding:2px 4px;border-radius:2px;min-width:0}.track-header__name:hover,.track-header__name:focus{background:var(--bg-elev);border-color:var(--border-strong);outline:none}.track-header__btn{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-elev);border:1px solid var(--border-strong);color:var(--text-muted);border-radius:2px;cursor:pointer;font-size:9px;font-weight:700;letter-spacing:.5px;flex-shrink:0}.track-header__btn:hover{color:var(--accent);border-color:var(--accent)}.track-header__btn.on{background:var(--accent);color:#000;border-color:var(--accent)}.track-header__btn--solo.on{background:var(--accent-strong);color:#000;border-color:var(--accent-strong)}.track-header__vol{width:100%;margin:0;accent-color:var(--accent)}.track-header__db{font-size:9px;color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;min-width:28px}.arr__lanes-wrap{grid-row:3;grid-column:2;overflow:auto;position:relative}.arr__lanes-wrap--os-drop{outline:2px dashed var(--accent);outline-offset:-2px;background:var(--accent-soft)}.arr__empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:var(--text-muted);font-size:13px;text-align:center;padding:0 24px;z-index:3}.arr__empty-state small{color:var(--text-dim);font-size:11px}.arr__lanes{position:relative}.lane{position:relative;height:var(--track-height, 72px);border-bottom:1px solid var(--border);background:var(--bg-track-odd)}.lane:nth-child(2n){background:var(--bg-track-even)}.lane--drop-target{background:var(--accent-soft)}.lane:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--grid-bar) 0 1px,transparent 1px),linear-gradient(to right,var(--grid-beat) 0 1px,transparent 1px),linear-gradient(to right,var(--grid-snap) 0 1px,transparent 1px);background-size:calc(var(--ppb, 32px) * 4) 100%,var(--ppb, 32px) 100%,calc(var(--ppb, 32px) * var(--snap-mult, 1)) 100%;pointer-events:none;opacity:.95}.clip{position:absolute;top:4px;bottom:4px;background:var(--clip-default);border:1px solid var(--clip-stroke);border-radius:3px;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;contain:layout paint;box-shadow:0 1px #0006}.clip:active{cursor:grabbing}.clip--selected{box-shadow:0 0 0 1px var(--accent-strong) inset,0 0 0 1px var(--accent-strong)}.clip--reversed{border-style:dashed}.clip--muted{opacity:.45}.clip__head{height:14px;display:flex;align-items:center;padding:0 4px;font-size:10px;color:var(--text-primary);background:var(--clip-fill);border-bottom:1px solid var(--clip-stroke);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.clip__head-icons{margin-left:auto;display:inline-flex;gap:2px;opacity:.8}.clip__body{flex:1;position:relative}.clip__waveform{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.clip__db{position:absolute;bottom:2px;right:4px;font-size:10px;font-variant-numeric:tabular-nums;color:var(--text-primary);background:#000000b3;padding:1px 4px;border-radius:2px;cursor:ns-resize;-webkit-user-select:none;user-select:none}.clip__edge{position:absolute;top:0;bottom:0;width:6px;cursor:ew-resize;z-index:2}.clip__edge--l{left:0}.clip__edge--r{right:0}.clip__fade-poly{position:absolute;top:0;left:0;pointer-events:none}.lane--slice-mode,.lane--slice-mode .clip{cursor:crosshair}.lane--pencil-mode{cursor:cell}.lane--pencil-mode .clip{cursor:grab}.marquee{position:absolute;border:1px dashed var(--accent);background:var(--accent-soft);pointer-events:none;z-index:4}.snap-tip{position:absolute;z-index:6;background:var(--bg-elev);border:1px solid var(--accent);color:var(--accent);font-size:10px;padding:2px 5px;border-radius:3px;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap}.loop-region{position:absolute;top:0;height:100%;background:#ffffff0d;border-left:1px solid var(--accent-2);border-right:1px solid var(--accent-2);pointer-events:none}.loop-region__bar{position:absolute;top:0;height:4px;background:var(--accent-2)}.playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--accent);pointer-events:none;z-index:5;will-change:transform}.playhead:before{content:"";position:absolute;top:-2px;left:-4px;width:9px;height:5px;background:var(--accent);clip-path:polygon(0 0,100% 0,50% 100%)}.clip-menu{position:fixed;z-index:100;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:4px;padding:4px;min-width:180px;box-shadow:0 8px 32px #000000b3;-webkit-user-select:none;user-select:none}.clip-menu__item{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:12px;color:var(--text-primary);border-radius:2px;cursor:pointer}.clip-menu__item:hover{background:var(--accent-soft);color:var(--accent)}.clip-menu__item--danger:hover{background:#ff5a5a1f;color:#ff6b6b}.clip-menu__sep{height:1px;background:var(--border);margin:4px 2px}.clip-menu__hotkey{margin-left:auto;color:var(--text-dim);font-size:10px}.clip-editor{position:relative;border-top:1px solid var(--border);background:var(--bg-panel);padding:10px 12px;display:flex;align-items:center;gap:12px;font-size:11px;-webkit-user-select:none;user-select:none;flex-wrap:wrap}.clip-editor__title{color:var(--accent);text-transform:uppercase;letter-spacing:.6px;font-size:10px;display:inline-flex;align-items:center;gap:6px}.clip-editor__group{display:flex;align-items:center;gap:6px;padding-right:12px;border-right:1px solid var(--border)}.clip-editor__group:last-child{border-right:none}.clip-editor__label{color:var(--text-muted);font-size:10px}.clip-editor__num{width:64px;padding:3px 6px;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:3px;color:var(--text-primary);font-size:11px;font-variant-numeric:tabular-nums}.clip-editor__btn{display:inline-flex;align-items:center;gap:4px;background:var(--bg-elev);border:1px solid var(--border-strong);color:var(--text-primary);padding:4px 10px;border-radius:3px;font-size:11px;cursor:pointer;transition:all .08s ease}.clip-editor__btn:hover{border-color:var(--accent);color:var(--accent)}.clip-editor__btn.on{background:var(--accent);color:#000;border-color:var(--accent)}.clip-editor__check{display:inline-flex;align-items:center;gap:4px;cursor:pointer;color:var(--text-primary)}.clip-editor__check input{accent-color:var(--accent)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:200}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:201;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:6px;width:460px;max-width:92vw;box-shadow:0 20px 60px #000000b3;-webkit-user-select:none;user-select:none}.dialog__head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:.6px}.dialog__close{margin-left:auto;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:inline-flex}.dialog__close:hover{color:var(--accent)}.dialog__body{padding:12px;display:flex;flex-direction:column;gap:10px}.dialog__row{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--text-muted)}.dialog__row>span:first-child{width:130px;flex-shrink:0}.dialog__row select,.dialog__row input{flex:1;background:var(--bg-app);border:1px solid var(--border-strong);border-radius:3px;color:var(--text-primary);padding:4px 8px;font-size:11px;min-width:0}.dialog__row select:focus,.dialog__row input:focus{outline:none;border-color:var(--accent)}.dialog__hint{font-size:10px;color:var(--text-dim);line-height:1.5;border-top:1px solid var(--border);padding-top:8px}.dialog__foot{display:flex;gap:6px;justify-content:flex-end;padding:10px 12px;border-top:1px solid var(--border)}.dialog__btn{background:var(--bg-app);border:1px solid var(--border-strong);color:var(--text-primary);padding:5px 14px;border-radius:3px;font-size:11px;cursor:pointer}.dialog__btn:hover{border-color:var(--accent);color:var(--accent)}.dialog__btn--primary{background:var(--accent);color:#000;border-color:var(--accent)}.dialog__btn--primary:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#000}