:root{--bg:#fff;--ink:#111;--gray-1:#f5f5f5;--gray-2:#e6e6e6;--gray-3:#c9c9c9;--gray-4:#9a9a9a;--gray-5:#666;--accent:#ff4141;--wave-idle:#dcdcdc;--text-title:88px;--text-brand:26px;--text-base:22px;--text-small:17px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--bg);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:22px;font-size:var(--text-base);margin:0}.wordmark,body{color:#111;color:var(--ink)}.wordmark{align-items:center;display:inline-flex;font-weight:700;gap:.3em;letter-spacing:-.03em}.wordmark-dot{background:#ff4141;background:var(--accent);border-radius:50%;flex-shrink:0;height:.52em;transform:translateY(.1em);width:.52em}*{box-sizing:border-box}button,input,select{font-family:inherit}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e6e6e6;background:var(--gray-2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c9c9c9;background:var(--gray-3)}.app-shell{min-height:100vh}.app-shell,.landing{background:var(--bg)}.landing{align-items:center;display:flex;flex-direction:column;gap:26px;inset:0;justify-content:center;position:fixed}.landing-title{font-size:var(--text-title);margin:0}.landing-drop{background:none;border:none;color:var(--gray-4);cursor:pointer;font-size:var(--text-base);padding:0;transition:color .12s ease}.landing-drop:hover{color:var(--ink)}.landing.dragging .landing-drop{color:var(--accent)}.landing-yt-input{background:#0000;border:none;color:var(--ink);font-size:var(--text-base);max-width:90vw;outline:none;padding:6px 0;text-align:center;width:520px}.landing-yt-input::placeholder{color:var(--gray-3)}.landing-yt-input:focus::placeholder{color:var(--gray-4)}.landing-status{animation:landing-pulse 1.1s ease-in-out infinite}.landing-error,.landing-status{color:var(--accent);font-size:var(--text-base)}@keyframes landing-pulse{0%,to{opacity:1}50%{opacity:.35}}.sampler-options{align-items:flex-end;display:flex;flex-direction:column;gap:12px;position:fixed;right:26px;top:94px;z-index:5}.sampler-options button:focus:not(:focus-visible){outline:none}.sampler-options-toggle{align-items:center;background:none;border:none;color:var(--gray-4);cursor:pointer;display:inline-flex;font-size:var(--text-base);gap:7px;padding:0;transition:color .12s ease}.sampler-options-toggle:hover{color:var(--ink)}.sampler-options-tri{display:inline-block;font-size:var(--text-small);transition:transform .15s ease}.sampler-options-tri.open{transform:rotate(90deg)}.sampler-options-list{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.sampler-option{align-items:center;background:none;border:none;color:var(--gray-4);cursor:pointer;display:inline-flex;font-size:var(--text-base);gap:10px;padding:0;transition:color .12s ease}.sampler-option.on,.sampler-option:hover{color:var(--ink)}.sampler-option-box{border:1.5px solid var(--gray-3);border-radius:2px;height:15px;transition:background .12s ease,border-color .12s ease;width:15px}.sampler-option.on .sampler-option-box{background:var(--accent);border-color:var(--accent)}.sampler-transpose{align-items:center;color:var(--gray-4);display:inline-flex;font-size:var(--text-base);gap:12px;margin-top:4px}.sampler-transpose-controls{align-items:center;display:inline-flex;gap:6px}.sampler-transpose-btn{background:none;border:none;color:var(--gray-4);cursor:pointer;font-size:var(--text-base);padding:0 4px}.sampler-transpose-btn:hover{color:var(--ink)}.sampler-transpose-value{font-feature-settings:"tnum";background:none;border:none;color:var(--gray-4);cursor:pointer;font-size:var(--text-base);font-variant-numeric:tabular-nums;min-width:3.2ch;padding:0;text-align:center}.sampler-transpose-value.set{color:var(--accent)}.sampler-drumloop{align-items:center;display:inline-flex;gap:12px;margin-top:4px}.sampler-drumloop,.sampler-drumloop-play{color:var(--gray-4);font-size:var(--text-base)}.sampler-drumloop-play{background:none;border:none;cursor:pointer;padding:0}.sampler-drumloop-play:hover{color:var(--ink)}.sampler-drumloop-play.on{color:var(--accent)}.sampler-drumloop-edit{background:none;border:none;color:var(--gray-3);cursor:pointer;font-size:var(--text-base);padding:0;transition:color .12s ease}.sampler-drumloop-edit:hover{color:var(--ink)}.station{align-items:center;display:flex;flex-direction:column;gap:26px;justify-content:center;min-height:100vh;padding:72px 24px 48px}.station-brand{font-size:var(--text-brand);left:26px;position:fixed;top:22px}.station-file{color:var(--gray-4);font-size:var(--text-base);max-width:36vw;overflow:hidden;position:fixed;right:26px;text-overflow:ellipsis;top:25px;white-space:nowrap}.station-videos{align-items:center;display:flex;gap:18px;justify-content:center;max-width:94vw}.station-video{background:#000;cursor:pointer;display:block;max-height:40vh;max-width:min(760px,88vw);transition:opacity .15s ease}.station-videos.multi .station-video{max-height:30vh;max-width:min(46vw,520px)}.station-video.unfocused{opacity:.45}.station-waves{align-items:center;display:flex;flex-direction:column;gap:26px;width:100%}.source-wave{transition:opacity .15s ease;width:min(1040px,92vw)}.source-wave.unfocused{cursor:pointer;opacity:.4}.source-wave.zoomed{width:100vw}.source-wave.zoomed .station-time{padding-right:16px}.add-source{align-items:flex-end;display:flex;flex-direction:column;gap:10px;position:fixed;right:26px;top:58px;z-index:7}.add-source-toggle{background:none;border:none;color:var(--gray-4);cursor:pointer;font-size:var(--text-base);padding:0;transition:color .12s ease}.add-source-toggle:hover{color:var(--ink)}.add-source button:focus:not(:focus-visible){outline:none}.add-source-panel{align-items:flex-end;background:var(--bg);border:1px solid var(--gray-2);display:flex;flex-direction:column;gap:10px;padding:14px 16px}.add-source-upload{background:none;border:none;color:var(--gray-4);cursor:pointer;font-size:var(--text-base);padding:0}.add-source-upload:hover,.add-source-url{color:var(--ink)}.add-source-url{background:#0000;border:none;border-bottom:1.5px solid var(--gray-2);font-size:var(--text-base);outline:none;padding:2px 0;text-align:right;width:260px}.add-source-url::placeholder{color:var(--gray-3)}.add-source-url:focus{border-bottom-color:var(--accent)}.add-source-status{color:var(--accent);font-size:var(--text-small)}.station-wave-canvas{cursor:crosshair;display:block;width:100%}.station-time{font-feature-settings:"tnum";color:var(--gray-4);font-size:var(--text-small);font-variant-numeric:tabular-nums;margin-top:8px;text-align:right}.chop-lane{flex-wrap:wrap;gap:18px;justify-content:flex-start;min-height:140px;padding:4px 2px;width:min(1040px,92vw)}.chop-cell,.chop-lane{align-items:center;display:flex}.chop-cell{cursor:pointer;flex-direction:column;flex-shrink:0;gap:8px;opacity:.4;transition:opacity .25s ease}.chop-cell.lit{opacity:1;transition:opacity .04s linear}.chop-cell.selected{opacity:1}.chop-cell.selected .chop-cell-key{text-decoration:underline;text-underline-offset:3px}.chop-cell canvas{display:block}.chop-cell-key{font-size:var(--text-small);font-weight:700;letter-spacing:.04em}.station-hint{color:var(--gray-4);font-size:var(--text-base)}.chop-menu{align-items:stretch;background:var(--bg);border:1px solid var(--gray-2);display:flex;flex-direction:column;min-width:130px;padding:6px 0;position:fixed;z-index:20}.chop-menu-item{background:none;border:none;color:var(--gray-5);cursor:pointer;font-size:var(--text-base);padding:8px 18px;text-align:left}.chop-menu-item:hover{background:var(--gray-1);color:var(--ink)}.chop-menu-item.danger:hover{color:var(--accent)}.projects-panel{align-items:flex-start;bottom:22px;display:flex;flex-direction:column;gap:14px;left:26px;position:fixed;z-index:6}.projects-toggle{background:none;border:none;color:var(--gray-4);cursor:pointer;font-size:var(--text-base);padding:0;transition:color .12s ease}.projects-toggle-active,.projects-toggle:hover{color:var(--ink)}.projects-row-dot{background:var(--accent);border-radius:50%;flex-shrink:0;height:9px;width:9px}.projects-row.active .projects-row-name{color:var(--ink)}.projects-panel button:focus:not(:focus-visible){outline:none}.projects-list{align-items:flex-start;display:flex;flex-direction:column;gap:10px;max-height:50vh;overflow-y:auto}.projects-empty{color:var(--gray-3);font-size:var(--text-base)}.projects-row{align-items:center;color:var(--gray-5);cursor:pointer;display:inline-flex;font-size:var(--text-base);gap:10px}.projects-row:hover .projects-row-name{color:var(--ink)}.projects-row-delete{background:none;border:none;color:var(--gray-3);cursor:pointer;font-size:var(--text-base);opacity:0;padding:0 2px;transition:opacity .12s ease,color .12s ease}.projects-row:hover .projects-row-delete{opacity:1}.projects-row-delete:hover{color:var(--accent)}.projects-save-btn{background:none;border:none;color:var(--gray-3);cursor:pointer;font-size:var(--text-base);padding:0;transition:color .12s ease}.projects-save-btn:hover{color:var(--accent)}.projects-save-row{align-items:center;display:inline-flex;gap:10px}.projects-save-input{background:#0000;border:none;border-bottom:1.5px solid var(--gray-2);color:var(--ink);font-size:var(--text-base);outline:none;padding:2px 0;width:200px}.projects-save-input:focus{border-bottom-color:var(--accent)}.projects-save-confirm{background:none;border:none;color:var(--accent);cursor:pointer;font-size:var(--text-base);padding:0}.loop-editor{align-items:center;background:var(--bg);display:flex;flex-direction:column;gap:22px;justify-content:center;min-height:100vh;padding:72px 24px 48px}.loop-editor-brand{font-size:var(--text-brand);left:26px;position:fixed;top:22px}.loop-editor-title{font-size:var(--text-brand);font-weight:700;letter-spacing:-.02em;margin:0}.loop-editor-sub{color:var(--gray-4);font-size:var(--text-base)}.loop-editor-file{color:var(--gray-3);font-size:var(--text-small)}.loop-editor-wave-wrap{width:min(1040px,92vw)}.loop-editor-wave-wrap.zoomed{width:100vw}.loop-editor-canvas{cursor:crosshair;display:block;touch-action:none;width:100%}.loop-editor-loading{align-items:center;color:var(--gray-3);display:flex;font-size:var(--text-base);height:240px;justify-content:center}.loop-editor-readout{font-feature-settings:"tnum";color:var(--gray-5);font-size:var(--text-base);font-variant-numeric:tabular-nums}.loop-editor-actions{display:flex;gap:22px}.loop-editor-btn{background:none;border:none;color:var(--gray-4);cursor:pointer;font-size:var(--text-base);padding:0;transition:color .12s ease}.loop-editor-btn:hover{color:var(--ink)}.loop-editor-btn.primary{color:var(--accent)}.loop-editor-btn:focus:not(:focus-visible){outline:none}.mixer{align-items:flex-end;bottom:22px;display:flex;flex-direction:column;gap:16px;position:fixed;right:26px;z-index:6}.mixer-toggle{background:none;border:none;color:var(--gray-4);cursor:pointer;font-size:var(--text-base);padding:0;transition:color .12s ease}.mixer-toggle:hover{color:var(--ink)}.mixer button:focus:not(:focus-visible){outline:none}.mixer-panel{display:flex;gap:34px;padding:4px 6px}.mixer-channel{align-items:center;display:flex;flex-direction:column;gap:10px}.mixer-readout{font-feature-settings:"tnum";color:var(--gray-4);font-size:var(--text-small);font-variant-numeric:tabular-nums}.mixer-readout.set{color:var(--accent)}.mixer-readout.muted{color:var(--gray-3)}.mixer-track{cursor:ns-resize;position:relative;touch-action:none;width:28px}.mixer-track-line{background:var(--gray-2);bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.mixer-zero-tick{background:var(--gray-3);height:2px;width:14px}.mixer-handle,.mixer-zero-tick{left:50%;position:absolute;transform:translate(-50%,-50%)}.mixer-handle{background:#fff;border:2.5px solid var(--ink);border-radius:50%;height:17px;width:17px}.mixer-label{color:var(--gray-4);font-size:var(--text-base)}.deck{align-items:center;background:var(--bg);display:flex;inset:0;justify-content:center;position:fixed;z-index:30}.deck-image{max-height:94vh;max-width:94vw;object-fit:contain;-webkit-user-select:none;user-select:none}.deck-counter{font-feature-settings:"tnum";bottom:22px;color:var(--gray-3);font-size:var(--text-small);font-variant-numeric:tabular-nums;position:fixed;right:26px}.deck-audio-slide{align-items:center;display:flex;flex-direction:column;gap:26px;width:min(1040px,92vw)}.deck-audio-title{font-size:var(--text-brand);font-weight:700;letter-spacing:-.02em;margin:0}.deck-audio-sub{color:var(--gray-4);font-size:var(--text-base)}.deck-wave{cursor:pointer;display:block;width:100%}.deck-cell-row{align-items:center;display:flex;height:128px;width:100%}.deck-cell{display:block}.deck-audio-hint,.deck-loading{color:var(--gray-3);font-size:var(--text-base)}.deck-loading{align-items:center;display:flex;height:220px}
/*# sourceMappingURL=main.4c7b8e1f.css.map*/