:root{font-family:Trebuchet MS,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;color:#302b50;background:#f6f4ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:light;--muted: #655e7c;--line: #ded9ee;--purple: #6844c7;--orange: #b74319;--green: #217d69}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at top right,#fff1d9,transparent 55%),radial-gradient(ellipse at bottom left,#e5f8f3,transparent 65%)}button,input,select{font:inherit}button,select,input[type=range],a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button,select{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,select,summary{outline-offset:3px}:focus-visible{outline:3px solid var(--purple)}button,select{transition:background .15s,box-shadow .15s}button:hover:not(:disabled){box-shadow:inset 0 0 0 2px #302b5020}button svg,.button svg{flex-shrink:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.app-shell{max-width:1600px;padding:0 20px;margin:auto}.app-header{height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:8px;font-size:25px;font-weight:800;letter-spacing:-1px;color:#4c3298}.brand-mark{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#6844c7,#b42d79);border:1px solid #ffffff70;border-radius:11px 11px 11px 4px;transform:rotate(-7deg);box-shadow:2px 2px #d7c5f4}.brand-wordmark{display:inline-flex;align-items:baseline;white-space:nowrap}.brand-lol{display:inline-block;color:#6844c7;transform:rotate(-5deg);margin-right:1px}.brand-caster{position:relative;color:#b42d65}.brand-caster:after{content:"";position:absolute;left:3px;right:0;bottom:-1px;height:3px;border-radius:100%;background:linear-gradient(90deg,#b42d65,#edb269);transform:rotate(-3deg)}.header-divider{height:20px;width:1px;background:var(--line)}.header-subtitle{font-size:12px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.mini-status,.active-dot{width:6px;height:6px;display:inline-block;flex-shrink:0;background:var(--green);border-radius:50%}.icon-button{display:grid;place-items:center;background:transparent;color:var(--muted);min-width:32px;min-height:32px;border-radius:8px}.icon-button:hover{background:#eee7fc}main{padding-top:8px}.eyebrow{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1px}h1{font-size:22px;font-weight:800;letter-spacing:-.6px;line-height:1.2}h1>span{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:700;padding:7px 12px;min-height:34px;border:1px solid transparent;border-radius:9px;white-space:nowrap}.primary{background:var(--purple);color:#fff}.secondary{background:#f1ebff;color:#5336a0;border-color:#dcd0f8}.dashed{background:#fff;color:#4d3b8a;border:1px dashed #a399c2;min-height:32px;font-size:11px}.audio-enabled{background:#e0f5ed;border-color:#b8e2d4;color:#206a53}.full-width{width:100%}.small-button{min-height:32px;padding:6px 10px;font-size:11px}.danger-subtle{color:#ad3549;background:#fff0f2;padding-inline:9px}.panel{background:#ffffffed;border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 12px #57498c06}.transport{padding:10px 16px;display:flex;gap:24px;align-items:center}.transport-time{display:grid;grid-template-columns:auto auto;gap:3px 16px;align-items:center}.status-label{display:flex;align-items:center;gap:6px;font-size:11px;color:#605471}.status-dot{height:6px;width:6px;border-radius:50%;background:var(--green)}.status-label.recording{color:#b52f4b}.recording .status-dot{background:#d93558;box-shadow:0 0 0 4px #e9537420;animation:pulse 1.5s infinite}.is-recording{border-color:#e596a7}.big-time{grid-column:1;grid-row:2;font-family:SFMono-Regular,Consolas,monospace;font-size:30px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:10px;line-height:1.15}.big-time>span{color:#65566d;font:9px Segoe UI,sans-serif;letter-spacing:1px;border:1px solid #d6c8d0;border-radius:4px;padding:3px 4px}.transport-format{grid-column:1;grid-row:3;font-family:Consolas,monospace;font-size:10px;color:#6c5877}.transport-format>span{margin:0 3px}.recording-format-select{grid-column:2;grid-row:1 / 4;display:flex;flex-direction:column;gap:6px;font-size:9px;font-weight:700;color:var(--muted);letter-spacing:.5px}.recording-format-select select{max-width:185px;min-width:0;border:1px solid #d9cbe7;border-radius:7px;background:#fff;padding:7px;font-size:11px;letter-spacing:0}.transport-controls{display:flex;align-items:center;gap:8px;margin-right:auto}.record-button{display:flex;align-items:center;justify-content:center;gap:8px;background:#b83754;color:#fff;border-radius:10px;height:44px;padding:0 18px;font-size:13px;font-weight:700}.record-button svg{width:12px}.transport-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #dfcfd8;border-radius:9px;height:44px;width:46px;background:#fff;color:#684461}.transport-button>span{font-size:9px}.memory-panel{border-left:1px solid #ded2ea;padding-left:16px;width:30%;min-width:220px}.memory-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#5a4779}.memory-heading>span:first-child{display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:.5px;font-weight:700}.memory-heading svg{color:var(--purple)}.memory-track{background:#e6daf6;border-radius:5px;overflow:hidden;height:6px;margin:7px 0 6px}.memory-track>div{background:var(--purple);height:100%;min-width:2px}.memory-track.warning>div{background:#b66312}.memory-stats{display:flex;justify-content:space-between;gap:5px;font-size:10px;color:#625575;font-variant-numeric:tabular-nums}.memory-panel p{color:#6b5b79;font-size:10px;margin-top:5px;line-height:1.3}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:12px;align-items:stretch;min-height:0}.soundboard{display:flex;flex-direction:column;min-width:0;min-height:0}.section-heading{display:flex;align-items:center;gap:9px;padding:10px 14px}.heading-icon{width:28px;height:28px;border:1px solid #d6c8f5;border-radius:8px;display:grid;place-items:center;color:var(--purple);background:#eee6ff;flex-shrink:0}.heading-icon.orange{background:#ffecd3;border-color:#f5d2a8;color:#a95017}h2{font-size:16px;font-weight:700;letter-spacing:-.2px}.section-heading p{font-size:11px;color:var(--muted);margin-top:2px}.section-heading>.button,.section-heading>.tag{margin-left:auto}.bank-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 14px 8px;gap:10px}.bank-tabs{min-width:0;overflow-x:auto;scrollbar-width:thin;padding:3px;border-radius:9px;display:flex;gap:3px;background:#f0ecfa}.bank-tabs button{flex-shrink:0;white-space:nowrap;display:flex;align-items:center;gap:8px;background:transparent;border-radius:6px;padding:5px 10px;min-height:28px;color:#66577c;font-size:11px;font-weight:700}.bank-tabs button[aria-selected=true]{color:#fff;background:var(--purple)}.bank-tabs button span{font-size:10px;opacity:.85}.stop-all{display:flex;align-items:center;gap:6px;font-size:11px;color:#a73750;background:#fff1f3;padding:7px 10px;min-height:30px;border-radius:7px}.pad-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(76px,1fr));gap:8px;padding:0 14px;flex:1;min-height:0}.sound-pad{--pad-bg: #e9ddff;--pad-ink: #48277d;--pad-border: #b9a0df;--pad-fill: #b99bea;position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--pad-border);border-radius:10px;background:var(--pad-bg)}.sound-pad:nth-child(4n+2){--pad-bg: #ffead0;--pad-ink: #703713;--pad-border: #dfb379;--pad-fill: #efbd76}.sound-pad:nth-child(4n+3){--pad-bg: #d8f3ee;--pad-ink: #155446;--pad-border: #82c7b7;--pad-fill: #80d2bd}.sound-pad:nth-child(4n+4){--pad-bg: #ffe0ec;--pad-ink: #792746;--pad-border: #e2a0bb;--pad-fill: #f0a4c2}.sound-pad.loaded{border-width:2px}.sound-pad.empty{border-style:dashed}.sound-pad.playing{outline:2px solid var(--pad-ink);outline-offset:1px;box-shadow:0 2px 10px #6844c725}.pad-main{display:grid;position:relative;grid-template-columns:22px minmax(0,1fr);grid-template-rows:1fr auto;align-content:center;align-items:center;column-gap:6px;width:100%;min-height:48px;flex:1;background:transparent;padding:6px 36px 5px 9px;color:var(--pad-ink);touch-action:none;user-select:none;-webkit-user-select:none;border-radius:8px 8px 0 0;overflow:hidden;text-align:left}.pad-main>span:not(.pad-fill){position:relative;z-index:1}.pad-main .pad-number{position:absolute!important;bottom:5px;right:8px;font:10px Consolas,monospace;color:var(--pad-ink)}.pad-symbol{grid-column:1;grid-row:1 / 3;display:grid;place-items:center;color:var(--pad-ink)}.pad-symbol svg{height:20px;width:20px}.pad-name{grid-column:2;font-size:12px;font-weight:700;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;align-self:end}.pad-time{grid-column:2;color:var(--pad-ink);font:10px Consolas,monospace;padding-top:2px}.pad-fill{position:absolute;inset:0;width:0;background:var(--pad-fill);border-right:2px solid var(--pad-ink);pointer-events:none;transition:width 40ms linear}.pad-stop{position:absolute;right:0;top:0;width:36px;height:36px;display:grid;place-items:center;background:transparent;color:var(--pad-ink);z-index:2;border-radius:8px}.pad-stop:disabled{opacity:.45}.sound-pad.playing .pad-stop{background:#c62828;color:#fff}.sound-pad.playing .pad-stop:hover{background:#a51f1f}.pad-footer{display:flex;align-items:center;justify-content:space-between;background:#ffffff60;border-top:1px solid var(--pad-border);height:28px;flex-shrink:0;border-radius:0 0 8px 8px}.pad-footer select{min-width:0;width:100%;height:28px;font-size:10px;color:var(--pad-ink);background:transparent;padding:3px 2px 3px 8px;border:none;cursor:pointer}.pad-footer option{background:#fff;color:#302b50}.pad-footer button{flex-shrink:0;height:28px;width:30px;display:grid;place-items:center;background:transparent;color:var(--pad-ink);border-radius:6px}.board-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 14px;font-size:10px;color:var(--muted)}.board-footer>span:first-child{display:flex;align-items:center;gap:6px}.footer-dot{padding:0 7px}.mini-status{width:5px;height:5px}.board-mix{display:flex;align-items:center;gap:16px;padding:7px 14px;border-top:1px solid var(--line);background:#f7f3ff;border-radius:0 0 12px 12px}.board-mix>.fader{width:45%}.send-toggles{display:flex;align-items:center;gap:6px;margin-left:auto}.send-toggles>span{font-size:9px;color:var(--muted);font-weight:700}.send-toggles button,.channel-switches button{display:inline-flex;gap:4px;align-items:center;justify-content:center;padding:5px 7px;min-height:28px;border:1px solid #d8cdeb;border-radius:7px;background:#fff;color:#655879;font-size:10px}.send-toggles button[aria-pressed=true],.channel-switches button[aria-pressed=true]{background:#e7dcff;color:#54358f;border-color:#b9a3dc}.mixer{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(0,1fr) auto;min-height:0}.mixer-heading{grid-column:1 / -1;padding:10px 12px;border-bottom:1px solid var(--line)}.mixer-heading .tag{margin-left:auto}.tag{background:#e5f4ee;border:1px solid #b7dfce;color:#2c715b;font:9px Consolas,monospace;letter-spacing:.5px;border-radius:5px;padding:4px 6px;white-space:nowrap}.mixer-section{padding:12px;min-width:0}.input-section{grid-column:1;grid-row:2 / 4;border-right:1px solid var(--line);overflow-y:auto}.output-section{grid-column:2;grid-row:2;overflow-y:auto}.recording-mix{grid-column:2;grid-row:3;background:#fff0f5;border-top:1px solid #f0d7e1;border-radius:0 0 12px}.mixer-section-label{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px;flex-wrap:wrap}.mixer-section-label>span:first-child{display:flex;align-items:center;gap:5px;font-size:10px;letter-spacing:.5px;color:#4b3b72;font-weight:800}.mixer-section-label>span:last-child{font:9px Consolas,monospace;color:var(--muted)}.empty-input{text-align:center;padding:12px 0 18px;color:#56437d}.empty-input>div{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 10px;color:#6c4ba7;border:1px solid #dbcbf5;border-radius:14px;background:#efe5ff;transform:rotate(-7deg)}.empty-input>span{font-size:12px;font-weight:700}.empty-input p{font-size:11px;line-height:1.5;color:var(--muted);margin:7px auto 0;max-width:190px}.hint{font-size:10px;line-height:1.4;color:var(--muted);margin-top:8px}.hint svg{flex-shrink:0;vertical-align:middle;margin-right:3px}.device-channel{background:#f7f2ff;border:1px solid #dfd2f4;padding:6px 7px;border-radius:8px;margin-bottom:8px}.device-title{display:flex;align-items:center;gap:5px;color:#513b75;font-size:11px;margin-bottom:5px}.device-title>span:not(.active-dot){flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.device-title .icon-button{min-width:24px;min-height:24px;flex-shrink:0}.channel-switches{display:flex;gap:3px;margin-top:5px;flex-wrap:wrap}.channel-switches button{flex:1;font-size:9px;padding:4px}.capture-dot{width:5px;height:5px;border-radius:50%;background:#bd3653;display:inline-block;margin-right:4px}.device-select{border:1px solid #cec0e5;border-radius:7px;background:#fff;color:#543c7f;width:100%;padding:7px;font-size:11px;margin-top:3px}.device-select option{background:#fff}.output-settings{margin-top:9px;border-top:1px solid var(--line);padding-top:5px}.output-settings summary{cursor:pointer;font-size:11px;color:#543981;padding:5px 0}.output-settings summary>span{display:block;margin-top:4px;font-size:10px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.output-channel{background:#eef7ff;border:1px solid #c5dfef;padding:6px 7px;border-radius:7px;margin:8px 0}.check-label{display:flex;align-items:center;gap:5px;font-size:10px;color:#456078;margin-top:6px;min-height:24px}.check-label input{accent-color:var(--purple);margin:0}.fader{display:block;min-width:0}.fader-label{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;margin-bottom:2px}.fader-label>span{color:#514367;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fader-label output{font:10px Consolas,monospace;color:#4a3474;white-space:nowrap}.fader input{width:100%;height:24px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;display:block;cursor:pointer}.fader input::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(to right,#9771dd var(--range),#e3dbef var(--range))}.fader input::-moz-range-track{height:5px;border-radius:5px;background:#e3dbef}.fader input::-moz-range-progress{height:5px;background:#9771dd}.fader input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:17px;width:17px;background:#6941ba;border:3px solid #fff;border-radius:50%;margin-top:-6px;box-shadow:0 0 0 1px #8664b7}.fader input::-moz-range-thumb{height:12px;width:12px;background:#6941ba;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #8664b7}.fader-scale{display:flex;justify-content:space-between;color:#716582;font:9px Consolas,monospace}.fader.compact .fader-label{font-size:10px}.meter{position:relative;margin-bottom:8px;padding-right:29px}.meter-line{display:flex;align-items:center;gap:4px;margin-bottom:3px}.meter-line>span{font:9px Consolas,monospace;color:#615376;width:6px}.meter-track{position:relative;height:6px;border-radius:2px;background:#e1ebe7;overflow:hidden;flex:1}.meter-track:after{position:absolute;content:"";inset:0;background:repeating-linear-gradient(to right,transparent 0 5px,#ffffffa0 5px 7px)}.meter-track>div{width:0;height:100%;background:linear-gradient(to right,#249478,#74b72f 65%,#e5ad2e 82%,#d74260)}.meter-peak{position:absolute;right:0;top:0;width:28px;text-align:right;font:9px Consolas,monospace;color:#635274}.meter-peak.clipping{color:#b72140;font-weight:700}.meter-scale{display:flex;justify-content:space-between;padding-left:10px;font:8px Consolas,monospace;color:#685b77}.meter.small{margin-bottom:6px}.meter-caption{font-size:9px;color:#6c6179;margin-top:4px}.review{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;padding:7px 14px;gap:4px 14px;align-items:center}.review .section-heading{padding:0;grid-column:1;gap:7px}.review .section-heading p{display:none}.review .section-heading h2{font-size:13px}.review .heading-icon{height:24px;width:24px}.review .section-heading .tag{margin-left:6px}.review-player{display:flex;align-items:center;gap:12px;min-width:0;grid-column:1;grid-row:2}.round-play{display:grid;place-items:center;height:34px;width:34px;border-radius:50%;color:#fff;background:var(--purple);flex-shrink:0}.review-timeline{flex:1;min-width:50px}.review-timeline input{width:100%;accent-color:var(--purple);height:18px;margin:0}.review-timeline>div{display:flex;justify-content:space-between;font:10px Consolas,monospace;color:var(--muted)}.review-volume{width:145px;padding-left:10px;border-left:1px solid var(--line)}.review-bottom{display:flex;flex-direction:column;align-items:end;justify-content:center;gap:4px;grid-column:2;grid-row:1 / 3}.take-details{color:#594270;font-size:10px;overflow-wrap:anywhere;line-height:1.3;text-align:right}.take-details>span{color:var(--muted)}.button-group{display:flex;align-items:center;gap:6px}.empty-review{border:1px dashed #c8b7e4;border-radius:11px;display:flex;align-items:center;gap:12px;padding:10px 16px;background:#f5efff}.empty-review-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d7c8ed;border-radius:11px;color:#7350ac;background:#ece1fd;flex-shrink:0}.empty-review h3{font-size:13px;font-weight:700;color:#594079;margin-bottom:3px}.empty-review p{font-size:11px;color:#6e5a82;line-height:1.4}.empty-review>.tag{margin-left:auto}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#696079;padding:5px 0}.app-footer>span,.app-footer>button{display:flex;align-items:center;gap:5px}.app-footer button{color:#5f4399;font-size:10px;background:transparent;padding:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.notice-stack{position:fixed;top:8px;right:14px;display:grid;gap:8px;z-index:20;max-width:min(450px,calc(100vw - 28px));max-height:40dvh;overflow-y:auto}.notice{display:flex;gap:10px;align-items:start;background:#edf7f2;border:1px solid #86bda7;border-radius:10px;padding:12px;box-shadow:0 6px 25px #302b5020;color:#2d5342}.notice>svg{flex-shrink:0}.notice p{font-size:12px;line-height:1.5}.notice button{padding:0;margin-left:auto;background:transparent;color:inherit;min-width:24px;min-height:24px}.notice.error{background:#fff0f2;border-color:#d894a4;color:#933047}.notice.warning{background:#fff5dc;border-color:#d4b16a;color:#75521f}.busy-indicator{position:fixed;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:9px;background:#efe7ff;border:1px solid #b19bd9;color:#503780;font-size:12px;z-index:20;box-shadow:0 4px 20px #302b5015}.spinner{height:14px;width:14px;border:2px solid #d9c8f6;border-top-color:var(--purple);border-radius:50%;animation:spin 1s linear infinite}dialog{color:#302b50;background:#fffcff;border:1px solid #d8c9ef;padding:24px;border-radius:16px;width:min(480px,calc(100% - 24px));max-height:calc(100dvh - 32px);box-shadow:0 25px 80px #35245040}dialog::backdrop{background:#382b5c66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.dialog-head h2{font-size:22px;margin-top:7px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#57416f;margin-bottom:18px}.field input,.field select{background:#fff;color:#302b50;border:1px solid #cdbbe3;border-radius:8px;padding:10px;width:100%}.dialog-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.replace-recording-dialog>p{font-size:13px;line-height:1.5}.replace-recording-summary{display:flex;align-items:center;gap:12px;padding:14px;margin:16px 0;border:1px solid var(--line);border-radius:12px;background:#f1ebff;color:#5336a0}.replace-recording-summary>svg{flex-shrink:0}.replace-recording-summary>div{min-width:0;flex:1}.replace-recording-download{flex-shrink:0;min-width:44px;min-height:44px;padding:8px}.replace-recording-summary strong{display:block;overflow-wrap:anywhere;font-size:12px}.replace-recording-summary span{display:block;margin-top:5px;font-size:11px}.replace-recording-dialog .dialog-actions{margin-bottom:0}.replace-recording-dialog .dialog-actions .button{min-height:44px;flex:1 1 auto}.replace-recording-confirm{background:#b52f4b;color:#fff}.bank-controls{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px 6px;min-width:0;flex:1}.bank-controls .button{min-height:44px;padding:5px 8px;font-size:10px}.bank-controls>.button{min-height:28px;padding-block:4px}.bank-controls .check-label{min-height:44px;font-size:10px;max-width:190px;margin-top:0}.bank-recovery{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;font-size:11px}.soundboard>.section-heading{flex-wrap:wrap}.bank-recovery p{flex-basis:100%;overflow-wrap:anywhere}.board-footer>.bank-save-status{display:block;max-width:65%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bank-status-error{color:var(--orange)}.help-dialog{width:min(590px,calc(100% - 24px))}.help-content{margin-bottom:20px}.help-content h3{font-size:14px;margin:18px 0 7px;color:#634092}.help-content p{color:#62506e;font-size:12px;line-height:1.7;margin-top:7px}.help-content a{text-decoration:underline;color:var(--purple)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@media(min-width:1100px)and (min-height:700px){.app-shell{height:100dvh;display:grid;grid-template-rows:42px minmax(0,1fr) 24px}.app-header{height:42px}main{display:grid;grid-template-rows:86px minmax(0,1fr) 78px;gap:8px;padding-bottom:2px;min-height:0}.studio-layout{grid-template-rows:minmax(0,1fr)}.soundboard>.section-heading{min-height:40px;padding:4px 12px;flex-shrink:0}.bank-toolbar{height:34px;padding:0 12px 4px;flex-shrink:0}.bank-tabs{padding:2px}.bank-tabs button{min-height:26px;padding-block:4px}.pad-grid{grid-template-rows:repeat(4,minmax(0,1fr));gap:6px;padding-inline:12px}.pad-main{min-height:40px}.pad-footer,.pad-footer select,.pad-footer button{height:24px}.board-footer{height:18px;padding:2px 12px;flex-shrink:0}.board-mix{height:44px;padding:3px 12px;flex-shrink:0}.soundboard:has(.bank-recovery){overflow-y:auto}.soundboard:has(.bank-recovery) .pad-grid{flex-shrink:0;grid-template-rows:repeat(4,minmax(76px,1fr))}}@media(min-width:1100px)and (min-height:700px)and (max-height:719px){main{grid-template-rows:86px minmax(0,1fr) 72px}.mixer .mixer-section{padding:8px}.mixer-section-label{margin-bottom:8px}}@media(max-width:1099px),(max-height:699px){main{display:grid;gap:10px}.studio-layout{align-items:start}.pad-grid{grid-template-rows:repeat(4,82px)}.mixer{grid-template-rows:auto minmax(200px,1fr) auto}.input-section{max-height:400px}.output-section{max-height:270px}}@media(max-width:1199px){.app-shell{padding:0 14px}.studio-layout{grid-template-columns:minmax(0,1fr) 390px}.transport{gap:14px;padding:10px 12px}.transport-time{gap:3px 10px}.big-time{font-size:26px}.mixer-section{padding:10px}.send-toggles>span{display:none}.pad-main{grid-template-columns:minmax(0,1fr);padding-left:8px}.pad-symbol{display:none}.pad-name,.pad-time{grid-column:1}}@media(max-width:1000px){.brand{font-size:20px;line-height:1.05;letter-spacing:-.6px}.studio-layout{grid-template-columns:minmax(0,1fr)}.mixer{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto 1fr}.input-section{grid-column:1;grid-row:2;max-height:340px}.output-section{grid-column:2;grid-row:2;max-height:340px}.recording-mix{grid-column:3;grid-row:2;border-top:0;border-left:1px solid var(--line)}.transport{flex-wrap:wrap;gap:10px}.memory-panel{flex:1;min-width:180px}.transport-time{grid-template-columns:1fr}.recording-format-select{grid-column:1;grid-row:4;flex-direction:row;align-items:center}.pad-main{grid-template-columns:22px minmax(0,1fr)}.pad-symbol{display:grid}.pad-name,.pad-time{grid-column:2}.review{margin-bottom:2px}}@media(max-width:620px){.bank-controls{flex-basis:100%;justify-content:flex-start}.app-shell{padding:0 10px}.app-header{gap:8px;height:48px}.header-subtitle,.header-divider{display:none}.header-actions{gap:4px}h1{font-size:18px;letter-spacing:-.4px}.header-actions>.button{font-size:10px;padding:6px 8px;gap:4px}.header-actions>.button svg:last-child{display:none}.transport{gap:12px}.transport-time{flex:1}.big-time{font-size:26px}.big-time>span{display:none}.transport-format{font-size:9px}.recording-format-select{gap:5px;font-size:8px}.recording-format-select select{max-width:145px;padding:6px 2px;font-size:10px}.transport-controls{gap:5px;margin:0}.record-button{height:44px;font-size:11px;padding:0 10px;gap:5px}.transport-button{width:36px}.transport-button>span{font-size:8px}.memory-panel{flex:1 0 100%;padding:8px 0 0;border-left:0;border-top:1px solid #ded2ea}.memory-panel p{font-size:9px}.section-heading{padding:9px 10px;gap:7px}.section-heading h2{font-size:15px}.small-button{font-size:10px;padding:6px 8px}.bank-toolbar{padding:0 10px 8px}.bank-tabs button{font-size:10px;padding:5px 7px;gap:5px}.stop-all{font-size:10px;padding:6px}.pad-grid{padding:0 8px;gap:6px;grid-template-rows:repeat(4,110px)}.pad-main{display:flex;flex-direction:column;align-items:center;justify-content:end;margin-top:22px;padding:8px 3px 4px;gap:2px;min-height:48px;text-align:center}.pad-main .pad-number{inset:5px auto auto 5px;font-size:9px}.pad-symbol{display:none}.pad-name{font-size:10px;align-self:center}.pad-time{font-size:9px;padding:0}.pad-stop{height:44px;width:44px}.pad-stop svg{width:16px}.pad-footer{height:34px}.pad-footer select{font-size:9px;padding-left:4px;appearance:none;height:34px}.pad-footer button{width:24px;height:34px}.pad-footer button svg{width:12px}.board-footer{padding:6px 10px;font-size:9px}.board-footer>span:last-child{font-size:8px}.board-mix{gap:8px;padding:7px 10px}.board-mix>.fader{width:44%}.send-toggles{gap:4px}.send-toggles button{font-size:9px;padding:5px;min-height:32px}.send-toggles button svg{width:12px}.mixer{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}.input-section{grid-column:1 / -1;grid-row:2;max-height:none;border-right:0;border-bottom:1px solid var(--line)}.output-section{grid-column:1;grid-row:3;max-height:none}.recording-mix{grid-column:2;grid-row:3}.empty-input{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 0 8px;text-align:left}.empty-input>div{margin:0;height:30px;width:30px}.empty-input>span{font-size:11px}.empty-input p{margin:0;max-width:none;font-size:10px}.input-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.device-channel{margin:0 0 6px}.hint{font-size:10px}.review{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;padding:10px;gap:10px}.review-bottom{grid-column:1;grid-row:3;align-items:stretch}.take-details{text-align:left}.review-volume{width:110px}.button-group{justify-content:end}.button-group .button{font-size:11px}.empty-review{padding:10px;gap:8px}.empty-review .tag{display:none}.empty-review p{font-size:10px}.app-footer{flex-wrap:wrap;justify-content:center;font-size:9px;gap:4px 12px}}@media(max-width:360px){.app-shell{padding:0 6px}h1,.brand{font-size:16px}.header-actions>.button svg{display:none}.transport{padding:9px;gap:6px}.recording-format-select{flex-wrap:wrap}.transport-controls{gap:4px}.record-button{padding:0 7px}.transport-button{width:32px}.pad-grid{padding:0 6px;gap:4px}.board-footer>span:last-child:not(.bank-save-status){display:none}.small-button>span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}:root[data-theme=dark]{color-scheme:dark;color:#eee7fa;background:#181525;--muted: #c1b6d1;--line: #473c59;--purple: #bd9bff;--orange: #ffc48f;--green: #7cd8b7}:root[data-theme=dark] body{background:radial-gradient(ellipse at top right,#30243a,transparent 55%),radial-gradient(ellipse at bottom left,#18352f,transparent 65%)}:root[data-theme=dark] .brand{color:#d5bcff}:root[data-theme=dark] :is(.primary,.round-play){background:#bda0f7;color:#251637}:root[data-theme=dark] .brand-mark{box-shadow:2px 2px #584275}:root[data-theme=dark] .brand-lol{color:#c6a6ff}:root[data-theme=dark] .brand-caster{color:#ff9cbd}:root[data-theme=dark] .brand-caster:after{background:linear-gradient(90deg,#ff9cbd,#ffd08e)}:root[data-theme=dark] .icon-button:hover{background:#3b2f50}:root[data-theme=dark] .secondary{background:#3b2b54;color:#e1ccff;border-color:#695282}:root[data-theme=dark] .dashed{background:#262031;color:#deccf7;border-color:#816b9b}:root[data-theme=dark] .audio-enabled{background:#203e34;color:#a3edce;border-color:#467e68}:root[data-theme=dark] :is(.danger-subtle,.stop-all){background:#492b38;color:#ffc4d3}:root[data-theme=dark] .panel{background:#252030;box-shadow:0 3px 12px #0002}:root[data-theme=dark] :is(.status-label,.big-time>span,.transport-format,.memory-heading,.memory-stats,.memory-panel p){color:#d3c1df}:root[data-theme=dark] .status-label.recording{color:#ffb5c8}:root[data-theme=dark] .big-time>span{border-color:#756278}:root[data-theme=dark] :is(.recording-format-select select,.device-select,.device-select option,.field input,.field select,.pad-footer option){background:#211b2d;color:#eee2ff;border-color:#705b88}:root[data-theme=dark] .record-button{background:#b83754;color:#fff}:root[data-theme=dark] .transport-button{background:#3c2d42;color:#efd5ea;border-color:#775d79}:root[data-theme=dark] .memory-panel{border-color:var(--line)}:root[data-theme=dark] .memory-track{background:#4b3b63}:root[data-theme=dark] .memory-track.warning>div{background:#ffc56a}:root[data-theme=dark] .heading-icon{color:#d5baff;background:#3e2c59;border-color:#695083}:root[data-theme=dark] .heading-icon.orange{color:#ffd2a4;background:#483120;border-color:#856346}:root[data-theme=dark] .bank-tabs{background:#1b1527}:root[data-theme=dark] .bank-tabs button{color:#cebddf}:root[data-theme=dark] .bank-tabs button[aria-selected=true]{background:#bda0f7;color:#251637}:root[data-theme=dark] .sound-pad{--pad-bg: #342647;--pad-ink: #e9d8ff;--pad-border: #8566a8;--pad-fill: #594170}:root[data-theme=dark] .sound-pad:nth-child(4n+2){--pad-bg: #3d2c20;--pad-ink: #ffe0b7;--pad-border: #a27a4f;--pad-fill: #694526}:root[data-theme=dark] .sound-pad:nth-child(4n+3){--pad-bg: #193b36;--pad-ink: #bdffe7;--pad-border: #539c8c;--pad-fill: #286050}:root[data-theme=dark] .sound-pad:nth-child(4n+4){--pad-bg: #422739;--pad-ink: #ffd5e6;--pad-border: #ad6c8c;--pad-fill: #733d57}:root[data-theme=dark] .pad-footer{background:#0002}:root[data-theme=dark] .board-mix{background:#2d243c}:root[data-theme=dark] :is(.send-toggles button,.channel-switches button){background:#211b2d;color:#d4c3e4;border-color:#705b88}:root[data-theme=dark] :is(.send-toggles button[aria-pressed=true],.channel-switches button[aria-pressed=true]){background:#594170;color:#f0e4ff;border-color:#a785ce}:root[data-theme=dark] .tag{background:#233d33;color:#aee9cc;border-color:#527a63}:root[data-theme=dark] .recording-mix{background:#38232f;border-color:#654254}:root[data-theme=dark] :is(.mixer-section-label>span:first-child,.empty-input,.device-title,.output-settings summary,.fader-label>span,.field,.take-details,.help-content h3){color:#dcc6ef}:root[data-theme=dark] .empty-input>div{color:#d6baff;background:#3c2957;border-color:#71558f}:root[data-theme=dark] .device-channel{background:#312540;border-color:#5d466f}:root[data-theme=dark] .output-channel{background:#203344;border-color:#41647a}:root[data-theme=dark] .check-label{color:#bddcec}:root[data-theme=dark] .fader-label output{color:#dfc5ff}:root[data-theme=dark] .fader input::-webkit-slider-runnable-track{background:linear-gradient(to right,#b691ee var(--range),#514262 var(--range))}:root[data-theme=dark] .fader input::-moz-range-track{background:#514262}:root[data-theme=dark] .fader input::-moz-range-progress{background:#b691ee}:root[data-theme=dark] .fader input::-webkit-slider-thumb{background:#d7b8ff;border-color:#392847;box-shadow:0 0 0 1px #bd9bdf}:root[data-theme=dark] .fader input::-moz-range-thumb{background:#d7b8ff;border-color:#392847;box-shadow:0 0 0 1px #bd9bdf}:root[data-theme=dark] :is(.fader-scale,.meter-line>span,.meter-peak,.meter-scale,.meter-caption,.empty-review p,.app-footer,.help-content p){color:var(--muted)}:root[data-theme=dark] .meter-track{background:#35443e}:root[data-theme=dark] .meter-track:after{background:repeating-linear-gradient(to right,transparent 0 5px,#161121a0 5px 7px)}:root[data-theme=dark] .meter-peak.clipping{color:#ffb6c5}:root[data-theme=dark] .empty-review{background:#2d233d;border-color:#785895}:root[data-theme=dark] .empty-review-icon{background:#44315d;color:#dbc1ff;border-color:#806297}:root[data-theme=dark] :is(.empty-review h3,.app-footer button){color:#dcc6ef}:root[data-theme=dark] .notice{background:#203d32;color:#bcebd2;border-color:#6d9f87}:root[data-theme=dark] .notice.error{background:#492738;color:#ffd1de;border-color:#bc7a8e}:root[data-theme=dark] .notice.warning{background:#44351e;color:#ffe3a9;border-color:#ad8b4d}:root[data-theme=dark] .busy-indicator{background:#3e2b56;color:#e7d3ff;border-color:#a187ba}:root[data-theme=dark] .spinner{border-color:#695180;border-top-color:#dfc3ff}:root[data-theme=dark] dialog{background:#272031;color:#eee7fa;border-color:#705587}:root[data-theme=dark] dialog::backdrop{background:#090612a6}:root[data-theme=dark] .replace-recording-summary{background:#3b2b54;color:#e1ccff}:root[data-theme=dark] .replace-recording-confirm{background:#ff9cbd;color:#351525}