@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Syne:wght@500;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&display=swap";:root{color:var(--text,#f3f1ea);background:var(--background,#0d0e0d);font-family:DM Mono,monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:#0d0e0d;margin:0}button,select,input{font:inherit}.app{width:100%;height:100dvh;min-height:0;color:var(--text);background:var(--background);grid-template-rows:52px 28px minmax(0,1fr);transition:color .16s,background .16s;display:grid;overflow:hidden}.topbar{z-index:5;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--background) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:9px;height:52px;padding:0 14px;display:flex;position:relative}.brand{height:40px;color:var(--text);letter-spacing:.08em;align-items:center;gap:7px;font:800 1.05rem Syne,sans-serif;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;width:38px;height:38px;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--accent) 38%, transparent))}.brand span{color:var(--text)}.topbar p{color:var(--muted);margin:0 auto;font-size:.68rem}.midi{background:var(--elevated);height:34px;color:var(--text);cursor:pointer;border:0;padding:0 11px;font-size:.58rem;font-weight:700}.theme-toggle{border:1px solid var(--border-strong);background:var(--surface);width:32px;height:32px;color:var(--accent);cursor:pointer;border-radius:50%;flex:0 0 32px;place-items:center;padding:0;transition:transform .14s,color .14s,border-color .14s;display:grid}.theme-toggle:hover{border-color:var(--accent);transform:rotate(8deg)scale(1.05)}.theme-toggle:active{transform:scale(.92)}.theme-toggle svg{display:block}.ui-mode-toggle{border:1px solid var(--border-strong);background:var(--surface);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:50%;flex:0 0 32px;place-items:center;padding:0;transition:transform .14s,color .14s,border-color .14s,background .16s;display:grid}.ui-mode-toggle:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.ui-mode-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.app[data-ui-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-weight:500}.app[data-ui-mode=light] button,.app[data-ui-mode=light] input,.app[data-ui-mode=light] select,.app[data-ui-mode=light] small,.app[data-ui-mode=light] label{font-weight:500}.app[data-ui-mode=light] .topbar{background:color-mix(in srgb, var(--background) 96%, transparent)}.app[data-ui-mode=light] .help-backdrop{background:#23272261}.app[data-ui-mode=light] .help-panel{background:var(--surface);box-shadow:0 28px 80px #20261f38, inset 0 3px 0 var(--accent)}.app[data-ui-mode=light] .folder-error{color:#862d20;background:#fff0ec}.app[data-ui-mode=light] .song-carousel-delete:hover{color:#a82f20;background:#ffe9e4}.app[data-ui-mode=light] .master-record{color:#8e3f30;background:#fff2ef;border-color:#c9aaa3}.loop-generator-link{border:1px solid var(--border-strong);height:32px;color:var(--accent);background:var(--surface);letter-spacing:.08em;align-items:center;gap:6px;padding:0 9px;font-size:.54rem;font-weight:700;text-decoration:none;transition:border-color .14s,transform .14s,background .14s;display:inline-flex}.loop-generator-link:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.loop-page-open{grid-template-rows:minmax(0,1fr);min-width:0}.loop-page-open>.topbar .loop-generator-link{border-color:var(--accent);background:var(--accent-soft)}.loop-generator{background:radial-gradient(circle at 90% 0, color-mix(in srgb, var(--loop-accent-3) 16%, transparent), transparent 35%), radial-gradient(circle at 4% 80%, color-mix(in srgb, var(--loop-accent-2) 12%, transparent), transparent 30%), var(--background);min-width:0;min-height:0;padding:clamp(18px,3vw,38px);overflow-y:auto}.saas-loop-shell{flex-direction:column;width:100%;min-width:0;max-width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.saas-loop-shell>.loop-generator{flex:1 1 0;width:100%;min-width:0;max-width:100%}.saas-loop-shell>.saas-auth-screen{flex:1 1 0;width:100%;min-height:0}.saas-account-bar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.04em;background:#040408c7;border:1px solid #ffffff1f;border-radius:12px;justify-content:flex-end;align-items:center;gap:9px;min-height:38px;padding:4px;font-size:.58rem;display:flex;position:absolute;top:12px;right:18px;box-shadow:0 10px 32px #00000052}.saas-account-bar span{color:var(--muted)}.saas-account-bar strong{color:var(--accent)}.saas-account-bar small{color:var(--muted);font-size:.55rem}.saas-empty-wallet{box-shadow:inset 0 -2px #ff4d4d}.saas-account-bar .saas-upgrade-cta{color:#fff;background:#ff4d4d;border-color:#ff4d4d;animation:1.8s ease-in-out infinite saas-pulse}.saas-account-bar button,.saas-auth-card button,.saas-shop button{border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text);font:inherit;letter-spacing:.06em;cursor:pointer;padding:8px 12px;font-weight:800}.saas-account-bar button:hover,.saas-auth-card button:hover,.saas-shop button:hover{border-color:var(--accent)}.saas-admin-backdrop{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.saas-admin-card{border:1px solid var(--border-strong);background:var(--surface);gap:14px;width:min(620px,100%);padding:clamp(24px,5vw,42px);display:grid;position:relative;box-shadow:0 28px 80px #00000080}.saas-admin-card>span{color:var(--accent);letter-spacing:.18em;font-size:.62rem;font-weight:900}.saas-admin-card h2{margin:0;font-size:clamp(1.5rem,5vw,2.3rem)}.saas-admin-card p,.saas-admin-card small{color:var(--muted);line-height:1.5}.saas-admin-card form{gap:14px;margin-top:8px;display:grid}.saas-admin-card label{color:var(--muted);letter-spacing:.09em;gap:7px;font-size:.62rem;font-weight:800;display:grid}.saas-admin-card input{border:1px solid var(--border-strong);background:var(--background);min-height:43px;color:var(--text);font:inherit;padding:10px 12px}.saas-admin-card form button{background:var(--accent);min-height:46px;color:var(--background);border-color:var(--accent)}.saas-admin-inventory{border:1px solid var(--border);background:#ffffff06;gap:10px;min-width:0;padding:13px;display:grid}.saas-admin-inventory-summary{flex-wrap:wrap;align-items:baseline;gap:8px 14px;display:flex}.saas-admin-inventory-summary strong{color:var(--accent);letter-spacing:.12em;font-size:.65rem}.saas-admin-inventory-summary small,.saas-admin-inventory>small,.saas-admin-inventory-empty small{color:var(--muted);font-size:.61rem}.saas-admin-inventory-tools{grid-template-columns:minmax(0,1.6fr) minmax(130px,.8fr) auto;align-items:end;gap:8px;display:grid}.saas-admin-inventory-tools label{min-width:0}.saas-admin-inventory-tools input,.saas-admin-inventory-tools select{border:1px solid var(--border-strong);background:var(--background);width:100%;min-width:0;min-height:38px;color:var(--text);font:inherit;padding:8px 10px}.saas-admin-inventory-tools button{border:1px solid var(--border-strong);background:var(--surface-raised);min-height:38px;color:var(--text);font:inherit;cursor:pointer;padding:8px 10px;font-weight:800}.saas-admin-inventory-tools button:hover{border-color:var(--accent)}.saas-admin-inventory-table{border:1px solid var(--border);max-height:290px;overflow-x:auto}.saas-admin-inventory-table table{border-collapse:collapse;width:100%;min-width:690px;font-size:.6rem}.saas-admin-inventory-table th,.saas-admin-inventory-table td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:7px 8px}.saas-admin-inventory-table th{background:var(--surface);color:var(--muted);letter-spacing:.08em;font-size:.54rem;position:sticky;top:0}.saas-admin-inventory-table td{color:var(--text)}.saas-inventory-present{color:#72e3a3;font-weight:800}.saas-inventory-missing{color:#ff9a8f;font-weight:800}.saas-admin-inventory-empty{border:1px dashed var(--border-strong);gap:5px;padding:13px;display:grid}.saas-admin-inventory-empty strong{color:var(--muted);letter-spacing:.1em;font-size:.65rem}.saas-auth-screen{background:radial-gradient(circle at 70% 10%, var(--accent-soft), transparent 35%), var(--background);place-items:center;min-height:100%;padding:24px;display:grid}.saas-auth-card{border:1px solid var(--border-strong);background:var(--surface);width:min(440px,100%);padding:clamp(24px,5vw,48px);box-shadow:0 28px 70px #00000047}.saas-auth-card>span,.saas-shop>span{color:var(--accent);letter-spacing:.18em;font-size:.62rem;font-weight:900}.saas-auth-card h1,.saas-shop h2{margin:8px 0 10px;font-size:clamp(1.6rem,5vw,2.6rem)}.saas-auth-card p,.saas-shop p{color:var(--muted);line-height:1.5}.saas-auth-card form{gap:14px;margin-top:24px;display:grid}.saas-auth-card label{color:var(--muted);letter-spacing:.09em;gap:7px;font-size:.62rem;font-weight:800;display:grid}.saas-auth-card input{border:1px solid var(--border-strong);background:var(--background);min-height:43px;color:var(--text);font:inherit;padding:0 12px}.saas-auth-card form button{background:var(--accent);min-height:46px;color:var(--background);border-color:var(--accent)}.saas-auth-card .saas-switch,.saas-auth-card .saas-dev-verify{width:100%;margin-top:12px}.saas-auth-screen{isolation:isolate;scrollbar-width:none;color:#fff;background:radial-gradient(circle at 12% 16%,#00e0ff1f,#0000 25%),radial-gradient(circle at 88% 80%,#ff19bc1f,#0000 27%),#020203;height:100%;position:relative;overflow:hidden auto}.saas-auth-screen::-webkit-scrollbar{display:none}.saas-auth-screen:before,.saas-auth-screen:after{content:"";z-index:-1;aspect-ratio:1;filter:blur(2px);opacity:.85;pointer-events:none;border-radius:50%;width:min(46vw,620px);position:fixed}.saas-auth-screen:before{background:repeating-radial-gradient(circle,#0000 0 14px,#00dbff38 15px 16px,#0000 17px 29px);top:-31%;left:-15%;-webkit-mask-image:linear-gradient(135deg,#000,#0000 72%);mask-image:linear-gradient(135deg,#000,#0000 72%)}.saas-auth-screen:after{background:repeating-radial-gradient(circle,#0000 0 17px,#ff1cb93d 18px 19px,#0000 20px 34px);bottom:-40%;right:-17%;-webkit-mask-image:linear-gradient(315deg,#000,#0000 70%);mask-image:linear-gradient(315deg,#000,#0000 70%)}.saas-auth-card{background:linear-gradient(150deg,#101016 0%,#08080c 62%,#0e0710 100%);border:1px solid #3e3e4a;border-radius:22px;grid-template-columns:minmax(0,1fr);width:min(760px,100%);min-height:0;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #000000b8,0 0 0 1px #ffffff06,0 0 42px #7126ff1f}.saas-auth-visual{z-index:0;filter:saturate(1.18)contrast(1.06);background:url(/auth/onus-login-wave.webp) 50%/cover no-repeat;min-width:0;position:absolute;inset:0;transform:scale(1.015)}.saas-auth-visual:after{content:"";background:linear-gradient(90deg,#02020585,#02020538 30% 70%,#02020585),linear-gradient(#02020559,#0000 36%,#0202057a);position:absolute;inset:0}.saas-auth-content{z-index:1;text-shadow:0 1px 12px #000c;flex-direction:column;justify-content:center;width:min(560px,100% - 48px);min-width:0;margin:24px auto;padding:clamp(27px,4vh,42px) clamp(24px,5vw,48px);display:flex;position:relative}.saas-auth-card:before{content:"";background:linear-gradient(90deg,#00dcff,#1768ff,#8b25ff,#ff24c6,#ff375f,#ff9f0a,#b7ff00);height:3px;position:absolute;inset:0 0 auto;box-shadow:0 0 15px #b825ffb3}.saas-auth-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff23be29,#0000 67%);border-radius:50%;width:210px;height:210px;position:absolute;top:-90px;right:-90px}.saas-auth-card .saas-auth-content>span{color:#51e9ff;text-shadow:0 0 12px #00daff9e}.saas-auth-card h1{color:#fff;overflow-wrap:normal;word-break:normal;text-wrap:balance;letter-spacing:-.055em;max-width:100%;margin-top:10px;font:800 clamp(1.7rem,8vw,2.8rem)/.98 Syne,sans-serif}.saas-auth-card .saas-auth-content>p:not(.saas-message){color:#c6c4d2;font-size:.72rem}.saas-auth-card form{gap:14px;margin-top:21px}.saas-auth-card label{color:#dcdae6}.saas-auth-card input{color:#fff;caret-color:#20ddff;background:#030305;border-color:#42424e;border-radius:10px;outline:0;min-height:48px;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:inset 0 1px #ffffff09}.saas-auth-card input:hover{border-color:#626271}.saas-auth-card input:focus{background:#050912;border-color:#19d9ff;box-shadow:0 0 0 3px #19d9ff21,0 0 17px #19d9ff2e}.saas-auth-card form button{color:#fff;text-shadow:0 1px 3px #0000005c;background:linear-gradient(105deg,#ff8a17,#ff365f 29%,#e124c6 56%,#6638ff 78%,#087dff);border:0;border-radius:11px;min-height:50px;transition:transform .15s,filter .15s,box-shadow .15s;box-shadow:0 10px 30px #de25b647,inset 0 1px #ffffff6b}.saas-auth-card form button:hover:not(:disabled){filter:brightness(1.12)saturate(1.1);border-color:#0000;transform:translateY(-1px);box-shadow:0 13px 34px #de25b666,inset 0 1px #ffffff7a}.saas-auth-card form button:disabled{filter:grayscale(.25);opacity:.58;cursor:wait}.saas-back{color:#b9b7c5;transition:color .14s,transform .14s}.saas-back:hover{color:#52e9ff;transform:translate(-2px)}.saas-auth-card .saas-switch,.saas-auth-card .saas-dev-verify{color:#d4d2df;text-transform:none;letter-spacing:.02em;background:#09090d;border-color:#383843;border-radius:9px;min-height:39px}.saas-auth-card .saas-switch:hover{color:#e6b7ff;background:#180925;border-color:#a43cff;box-shadow:0 0 13px #a43cff2e}.saas-auth-card .saas-dev-verify{color:#c5ff62;background:#102000;border-color:#9cff18}.saas-message{background:#00cfff14;border-left:3px solid #20e6ff;border-radius:0 8px 8px 0;padding:10px 12px;font-size:.67rem;color:#79ecff!important}@media (width<=780px){.saas-auth-screen{padding:14px}.saas-auth-card{border-radius:18px;width:min(560px,100%)}.saas-auth-content{width:calc(100% - 20px);margin:10px auto;padding:clamp(22px,4vh,30px) clamp(19px,6vw,30px)}.saas-auth-card h1{font-size:clamp(1.65rem,8vw,2.25rem)}.saas-auth-card form{gap:12px;margin-top:18px}}@media (width<=420px){.saas-auth-card h1{letter-spacing:-.06em;font-size:clamp(1.35rem,6.5vw,1.75rem)}}@media (height<=720px) and (width>=601px){.saas-auth-screen{padding-block:12px}.saas-auth-content{margin-block:12px;padding-block:22px}.saas-auth-card h1{margin-bottom:6px;font-size:clamp(1.7rem,6vh,2.35rem)}.saas-auth-card form{gap:10px;margin-top:15px}.saas-auth-card input{min-height:43px}.saas-auth-card form button{min-height:45px}.saas-auth-card .saas-switch,.saas-auth-card .saas-dev-verify{min-height:35px;margin-top:9px}}.saas-back{color:var(--muted);margin-bottom:16px;font-size:.65rem;font-weight:800;text-decoration:none;display:inline-block}.saas-message{color:var(--accent)!important}.saas-toast{z-index:20;border:1px solid var(--accent);background:var(--surface);max-width:420px;color:var(--text);padding:12px 16px;font-size:.7rem;position:absolute;top:52px;right:20px}.saas-shop-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.saas-shop{border:1px solid var(--border-strong);background:var(--surface);width:min(760px,100%);padding:clamp(24px,5vw,48px);position:relative}.saas-shop-close{position:absolute;top:12px;right:12px;font-size:1.3rem!important}.saas-shop>div{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px;display:grid}.saas-shop>div button{text-align:left;gap:6px;min-height:110px;display:grid}.saas-shop>div button b{color:var(--accent);font-size:1.15rem}.saas-shop>div button em{color:var(--muted);font-style:normal}.saas-shop>div .saas-plan-recommended{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}@keyframes saas-pulse{50%{box-shadow:0 0 0 5px #ff4d4d29}}.loop-header{grid-template-columns:130px minmax(0,1fr) auto;align-items:end;gap:22px;max-width:1380px;margin:0 auto 18px;display:grid}.loop-header>div>span,.loop-progress-heading span,.loop-status span{color:var(--accent);letter-spacing:.18em;font-size:.56rem}.loop-header h1{color:var(--text);letter-spacing:-.055em;align-items:center;gap:11px;margin:3px 0;font:800 clamp(1.7rem,4vw,3.4rem)/.95 Syne,sans-serif;display:flex}.loop-header h1 svg{width:.8em;height:.8em;color:var(--loop-accent-3)}.loop-header p{color:var(--muted);margin:8px 0 0;font-size:.62rem}.loop-back{border:1px solid var(--border-strong);background:var(--surface);height:36px;color:var(--text);cursor:pointer;padding:0 12px;font-size:.56rem}.loop-back:hover{border-color:var(--accent);color:var(--accent)}.loop-live{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-self:center;align-items:center;gap:8px;font-size:.54rem;display:flex}.loop-live i{background:var(--loop-accent-2);width:7px;height:7px;box-shadow:0 0 12px var(--loop-accent-2);border-radius:50%}.loop-live.connected{color:#35d978}.loop-live.connected i{background:#35d978;box-shadow:0 0 14px #35d978}.loop-live.incompatible{color:#ff785a}.loop-live.incompatible i{background:#ff785a;box-shadow:0 0 14px #ff785a}.loop-live a,.loop-live button{border:1px solid var(--border-strong);color:var(--accent);background:var(--surface);font:inherit;letter-spacing:.06em;white-space:nowrap;cursor:pointer;padding:7px 9px;font-weight:800;text-decoration:none}.loop-live a:hover,.loop-live button:hover{border-color:var(--accent);background:var(--accent-soft)}.loop-live .loop-network-access{color:#35d978;border-color:color-mix(in srgb, #35d978 62%, var(--border))}.loop-live .loop-execution-target{justify-content:flex-end;gap:4px;width:100%;display:flex}.loop-live .loop-execution-target button{color:var(--muted)}.loop-live .loop-execution-target button.active{color:#35d978;background:color-mix(in srgb, #35d978 10%, var(--surface));border-color:#35d978}.loop-live .loop-execution-target button:disabled{cursor:not-allowed;opacity:.45}.loop-live .loop-execution-target span.active{color:#35d978;background:color-mix(in srgb, #35d978 10%, var(--surface));font:700 10px/1 var(--font-mono);letter-spacing:.08em;border:1px solid #35d978;padding:6px 10px}.loop-live .loop-engine-download{color:var(--text);border-color:color-mix(in srgb, var(--loop-accent-3) 65%, var(--border));background:color-mix(in srgb, var(--loop-accent-3) 12%, var(--surface))}.loop-engine-versions{color:var(--muted);background:color-mix(in srgb, #35d978 7%, var(--surface));letter-spacing:.04em;text-align:left;border-left:2px solid #35d978;gap:2px;padding:5px 8px;font-size:.46rem;line-height:1.2;display:grid}.loop-engine-versions b{color:var(--text)}.loop-engine-versions em{font-style:normal}.loop-engine-versions strong{color:#ffb13b;font-size:.44rem}.loop-engine-versions.update{background:color-mix(in srgb, #ffb13b 10%, var(--surface));border-left-color:#ffb13b}.loop-progress{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);max-width:1380px;margin:0 auto 12px;padding:13px 15px 15px}.loop-progress-heading{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.loop-progress-heading strong{color:var(--text);font-size:.64rem}.loop-stage-grid{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.loop-stage-grid div{border:1px solid var(--border);min-width:0;height:31px;color:var(--muted);background:var(--elevated);align-items:center;gap:7px;padding:0 9px;font-size:.5rem;display:flex}.loop-stage-grid b{color:var(--border-strong)}.loop-stage-grid div.active{border-color:color-mix(in srgb, var(--accent) 62%, var(--border));color:var(--text);background:var(--accent-soft)}.loop-stage-grid div.active b{color:var(--accent)}.loop-progress-bar{background:var(--border);height:3px;margin-top:9px;overflow:hidden}.loop-progress-bar i{background:linear-gradient(90deg, var(--accent), var(--loop-accent-2), var(--loop-accent-3), var(--loop-accent-4));height:100%;box-shadow:0 0 12px var(--accent);transition:width .28s;display:block}.loop-workspace{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1380px;margin:0 auto;display:grid}.loop-panel{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);min-width:0;box-shadow:inset 4px 0 0 var(--panel-accent);padding:clamp(15px,2vw,24px)}.loop-import{--panel-accent:var(--accent)}.loop-create{--panel-accent:var(--loop-accent-3)}.loop-panel-title{grid-template-columns:42px 1fr;gap:11px;margin-bottom:18px;display:grid}.loop-panel-title>span{color:var(--panel-accent);font:800 1.3rem Syne,sans-serif}.loop-panel h2{color:var(--text);letter-spacing:-.02em;margin:0;font:700 .93rem Syne,sans-serif}.loop-panel-title p{color:var(--muted);margin:4px 0 0;font-size:.54rem}.loop-drop{border:1px dashed color-mix(in srgb, var(--panel-accent) 55%, var(--border));min-height:95px;color:var(--panel-accent);background:color-mix(in srgb, var(--panel-accent) 15%, transparent);text-align:center;cursor:pointer;place-content:center;gap:5px;display:grid;position:relative}.loop-drop input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.loop-drop strong{font:700 .67rem Syne,sans-serif}.loop-drop small{color:var(--muted);font-size:.48rem}.loop-audio{width:100%;height:30px;accent-color:var(--panel-accent);margin-top:8px}.loop-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0;display:grid}.loop-fields label{min-width:0;color:var(--muted);letter-spacing:.08em;gap:5px;font-size:.48rem;display:grid}.loop-fields .wide{grid-column:1/-1}.loop-fields input,.loop-fields select{border:1px solid var(--border-strong);background:var(--elevated);width:100%;min-width:0;height:37px;color:var(--text);border-radius:0;outline:0;padding:0 10px;font-size:.58rem}.loop-fields input:focus,.loop-fields select:focus{border-color:var(--panel-accent)}.loop-action{border:1px solid var(--accent);background:var(--accent);width:100%;height:42px;color:var(--background);cursor:pointer;justify-content:space-between;align-items:center;padding:0 13px;font:700 .62rem Syne,sans-serif;display:flex}.loop-action.secondary{border-color:var(--loop-accent-3);background:var(--loop-accent-3)}.loop-action:disabled{opacity:.38;cursor:wait}.loop-pad-preview{grid-template-columns:repeat(4,1fr);gap:5px;margin:13px 0;display:grid}.loop-pad-preview div{border:1px solid color-mix(in srgb, var(--pad-color) 50%, var(--border));background:color-mix(in srgb, var(--pad-color) 8%, var(--elevated));min-height:55px;box-shadow:inset 3px 0 0 var(--pad-color);padding:7px;transition:filter .18s,background .18s;position:relative;overflow:hidden}.loop-pad-preview div.active{background:color-mix(in srgb, var(--pad-color) 25%, var(--elevated));filter:brightness(1.3)}.loop-pad-preview span{color:var(--pad-color);font-size:.45rem}.loop-pad-preview b{color:var(--text);margin-top:7px;font:700 .55rem Syne,sans-serif;display:block}.loop-pad-preview i{background:var(--pad-color);width:28%;height:2px;box-shadow:0 0 6px var(--pad-color);position:absolute;bottom:7px;right:6px}.loop-status{border:1px solid var(--border);background:var(--elevated);align-items:center;gap:14px;max-width:1380px;min-height:46px;margin:12px auto 0;padding:8px 12px;display:flex}.loop-status>div{gap:2px;min-width:0;display:grid}.loop-status strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.55rem;overflow:hidden}.loop-status a,.loop-status button{color:var(--background);background:var(--accent);cursor:pointer;border:0;margin-left:auto;padding:8px 10px;font-size:.53rem;font-weight:700;text-decoration:none}.loop-result-audio{width:min(280px,30vw);height:30px;accent-color:var(--loop-accent-2)}.loop-status small{color:var(--loop-accent-2);margin-left:auto;font-size:.53rem}.loop-status.error{border-color:#ff785a;align-items:flex-start}.loop-status.error>div{flex:1}.loop-status.error strong{color:#ff785a;text-overflow:clip;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;max-height:min(45vh,440px);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55;overflow:auto}.help-button{border:1px solid var(--border-strong);background:var(--surface);width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:50%;flex:0 0 32px;place-items:center;padding:0;transition:color .14s,border-color .14s,transform .14s;display:grid}.help-button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.help-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050605d1;place-items:center;padding:24px;animation:.16s ease-out help-in;display:grid;position:fixed;inset:0}.help-panel{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 94%, #000);width:min(1120px,100%);max-height:min(880px,100vh - 48px);box-shadow:0 28px 90px #0000008c, inset 0 3px 0 var(--accent);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.help-panel>header{border-bottom:1px solid var(--border);grid-template-columns:50px minmax(0,1fr) 40px;align-items:start;gap:16px;padding:24px 26px 20px;display:grid}.help-title-icon{border:1px solid var(--accent);width:48px;height:48px;color:var(--accent);background:var(--accent-soft);place-items:center;display:grid}.help-title-icon svg{width:24px;height:24px}.help-panel header span,.help-panel h3 span,.help-panel footer span{color:var(--accent);letter-spacing:.14em;font-size:.55rem}.help-panel h2{letter-spacing:-.04em;margin:3px 0 5px;font:800 clamp(1.35rem,3vw,2rem) Syne,sans-serif}.help-panel header p{color:var(--muted);margin:0;font-size:.62rem}.help-close{border:1px solid var(--border-strong);background:var(--elevated);width:36px;height:36px;color:var(--text);cursor:pointer;padding:0;font-size:1.45rem;line-height:1}.help-close:hover{border-color:var(--accent);color:var(--accent)}.help-content{background:var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;min-height:0;display:grid;overflow-y:auto}.help-content article{background:var(--surface);padding:22px 26px}.help-content article.help-wide{grid-column:1/-1}.help-content h3{text-transform:uppercase;align-items:center;gap:10px;margin:0 0 16px;font:700 .85rem Syne,sans-serif;display:flex}.keyboard-pad-guide{border:1px solid var(--border);background:var(--elevated);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:-4px 0 17px;padding:11px;display:grid}.keyboard-pad-guide section>strong{color:var(--accent);letter-spacing:.08em;margin-bottom:6px;font-size:.5rem;display:block}.keyboard-pad-guide section>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.keyboard-pad-guide b{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));min-height:28px;color:var(--text);background:var(--accent-soft);place-items:center;font-size:.55rem;display:grid}.keyboard-pad-guide p{color:var(--muted);text-align:center;grid-column:1/-1;margin:2px 0 0;font-size:.52rem}.keyboard-pad-guide p strong{color:var(--accent)}.keyboard-pad-guide p span{padding:0 5px}.help-content ul{gap:13px;margin:0;padding:0;list-style:none;display:grid}.help-content li{grid-template-columns:132px minmax(0,1fr);align-items:start;gap:15px;display:grid}.help-controls{align-items:center;gap:4px;min-height:28px;display:flex}.help-key,.help-pad{border:1px solid color-mix(in srgb, var(--accent) 58%, var(--border-strong));background:var(--elevated);min-width:27px;height:27px;color:var(--text);box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--accent) 30%, #000);white-space:nowrap;place-items:center;padding:0 6px;font-size:.48rem;font-weight:700;display:inline-grid}.help-key.wide{min-width:58px}.help-pad{background:var(--accent-soft);width:27px;color:var(--accent);box-shadow:0 0 8px color-mix(in srgb, var(--accent) 25%, transparent), inset 0 -2px 0 var(--accent);border-radius:4px;padding:0}.help-plus,.help-x2,.help-swap{color:var(--muted);font-size:.55rem}.help-x2{background:var(--accent);color:var(--background);align-self:flex-start;margin-left:-8px;padding:1px 3px}.help-theme-dot{border:2px solid var(--accent);background:conic-gradient(var(--accent), var(--accent-soft), var(--text), var(--accent));border-radius:50%;width:27px;height:27px}.help-content li strong{color:var(--text);margin:1px 0 3px;font:700 .66rem Syne,sans-serif;display:block}.help-content li p{color:var(--muted);margin:0;font-size:.56rem;line-height:1.55}.help-panel footer{border-top:1px solid var(--border);color:var(--muted);padding:13px 26px;font-size:.55rem}.help-panel footer span{margin-right:9px}@keyframes help-in{0%{opacity:0}to{opacity:1}}.dot{background:#555;border-radius:50%;width:7px;height:7px;display:inline-block}.dot.online{background:var(--accent);box-shadow:0 0 8px var(--accent)}.mobile-deck-switch{display:none}.surface-mode-switch{border-bottom:1px solid var(--border);background:var(--background);justify-content:center;align-items:center;gap:2px;min-width:0;padding:3px 8px;display:flex}.surface-mode-switch button{border:1px solid var(--border-strong);background:var(--surface);height:25px;color:color-mix(in srgb, var(--text) 88%, white);letter-spacing:.06em;cursor:pointer;align-items:center;gap:7px;padding:0 6px 0 10px;font-size:.53rem;font-weight:700;display:flex}.surface-mode-switch button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.live-song-surface{display:none}.live-song-surface.active{display:contents}.surface-side-state{gap:2px;display:inline-flex}.surface-side-state i{border:1px solid var(--border-strong);width:14px;height:14px;color:var(--muted);text-align:center;border-radius:2px;font-size:.46rem;font-style:normal;line-height:12px}.surface-side-state i.active{border-color:var(--accent);background:var(--accent);color:var(--background);box-shadow:0 0 7px color-mix(in srgb, var(--accent) 65%, transparent)}.decks{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;min-height:0;display:grid;overflow:hidden}.deck{border-right:1px solid var(--border);grid-template-rows:45px 43px 34px 38px 52px minmax(0,1fr);min-width:0;height:100%;min-height:0;padding:7px 9px 9px;display:grid;position:relative;overflow:hidden}.quality-warning{pointer-events:none;z-index:8;color:#ffd68a;background:#301f0bf5;border:1px solid #e8a13a;align-items:center;gap:8px;min-height:30px;padding:6px 9px;font-size:.5rem;display:flex;position:absolute;top:48px;left:10px;right:10px;box-shadow:0 5px 18px #00000059}.quality-warning strong{color:#ffbd4a}.quality-warning details{pointer-events:auto;margin-left:auto}.quality-warning summary{cursor:pointer}.quality-warning ul{background:#241709;border:1px solid #e8a13a;width:min(420px,92%);margin:0;padding:8px 8px 8px 24px;position:absolute;top:28px;right:0}.quality-warning .dismiss-warning{pointer-events:auto;color:inherit;cursor:pointer;background:0 0;border:0;margin-left:2px;font-size:.8rem;line-height:1}.deck:last-child{border-right:0}@media (width>=701px){.decks.unified-stems{grid-template-rows:minmax(0,1fr);padding-top:212px;position:relative}.decks.unified-stems .unified-bank{grid-template-rows:minmax(0,1fr);padding-top:0;position:static}.decks.unified-stems .deck-header{z-index:4;background:var(--background);width:auto;height:45px;position:absolute;top:0;left:9px;right:9px}.decks.unified-stems .unified-bank-a>.deck-transport,.decks.unified-stems .unified-bank-a>.performance-strip,.decks.unified-stems .unified-bank-a>.pitch-strip,.decks.unified-stems .unified-bank-a>.fx-strip{z-index:3;background:var(--background);position:absolute;left:9px;right:9px}.decks.unified-stems .unified-bank-a>.deck-transport{height:43px;top:45px}.decks.unified-stems .unified-bank-a>.performance-strip{height:34px;top:88px}.decks.unified-stems .unified-bank-a>.pitch-strip{height:38px;top:122px}.decks.unified-stems .unified-bank-a>.fx-strip{height:52px;top:160px}.decks.unified-stems .unified-bank-b>.deck-transport,.decks.unified-stems .unified-bank-b>.performance-strip,.decks.unified-stems .unified-bank-b>.pitch-strip,.decks.unified-stems .unified-bank-b>.fx-strip{display:none}.decks.unified-stems .deck-pads{padding-top:7px}}.deck-header{z-index:40;border-bottom:1px solid var(--border);grid-template-columns:minmax(90px,.62fr) minmax(0,2.38fr);align-items:center;gap:7px;min-width:0;min-height:0;display:grid;position:relative;overflow:visible}.deck-header>div:first-child{gap:2px;min-width:0;display:grid}.load-progress{background:#071025;border:1px solid #21ddff;grid-template-columns:minmax(0,1fr) 18px;align-items:center;min-width:0;height:14px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 9px #22b6ff6b}.load-progress>i{background:linear-gradient(105deg,#7e18f4,#085eea 56%,#04c9ff);transition:width .12s linear;position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #22b6ffb8,inset 0 1px #ffffff61}.load-progress>small{z-index:1;color:#fff;text-shadow:0 1px 2px #00102a;text-overflow:ellipsis;white-space:nowrap;padding-left:4px;font-size:.39rem;font-weight:700;position:relative;overflow:hidden}.load-progress>button{z-index:1;border:0;border-left:1px solid var(--border-strong);background:var(--elevated);color:var(--text);cursor:pointer;align-self:stretch;padding:0;position:relative}.deck-header span{color:var(--accent);letter-spacing:.12em;font-size:.62rem}.deck-header strong{text-overflow:ellipsis;white-space:nowrap;font:700 clamp(.7rem,1.15vw,1rem) Syne,sans-serif;overflow:hidden}.deck-library{justify-content:flex-end;gap:4px;min-width:0;display:flex;position:relative}.deck-library button,.deck-library select{border:1px solid var(--border-strong);background-color:var(--surface);min-width:0;height:30px;color:color-mix(in srgb, var(--text) 92%, white);padding:5px 7px;font-size:.57rem;font-weight:600}.deck-library button{color:var(--accent);cursor:pointer}.deck-library button:disabled{opacity:.3;cursor:not-allowed}.deck-library .reload-song{flex:0 0 32px;place-items:center;width:32px;padding:0;display:grid}.deck-library .reload-song svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.folder-browser{border:1px solid var(--border-strong);background:var(--surface);align-items:stretch;min-width:190px;max-width:min(280px,31vw);height:30px;display:flex;position:relative}.folder-browser.folder-import{flex:0 0 62px;width:62px;min-width:62px;max-width:62px}.folder-import>.folder-loading{z-index:31;border:1px solid var(--border-strong);background:var(--surface);min-width:62px;height:22px;position:absolute;top:calc(100% + 4px);left:0}.deck-library .folder-browser button{border:0;border-right:1px solid var(--border-strong);background:0 0;height:28px}.folder-root,.folder-open{flex:0 0 30px;place-items:center;width:30px;display:grid;padding:0!important}.image-root{flex:0 0 30px;width:30px;padding:0!important;font-size:.48rem!important}.folder-root svg,.folder-open svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.folder-open:disabled{opacity:.28}.folder-open:not(:disabled){color:var(--accent);box-shadow:inset 0 0 10px color-mix(in srgb, var(--accent) 18%, transparent);background:var(--accent-soft)!important}.folder-path{align-items:stretch;min-width:0;display:flex;overflow:hidden}.folder-path button{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:86px;overflow:hidden;color:color-mix(in srgb, var(--text) 84%, white)!important}.folder-path button:after{content:"›";color:var(--accent);margin-left:5px}.folder-path button.current{color:var(--accent)!important}.folder-list{z-index:30;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 97%, #000);scrollbar-width:thin;scrollbar-color:var(--accent) var(--surface);width:min(360px,52vw);max-height:184px;position:absolute;top:32px;right:0;overflow-y:auto;box-shadow:0 14px 30px #00000080}.deck-library .folder-list .folder-entry,.audio-file-entry{border:0;border-bottom:1px solid var(--border);width:100%;height:23px;color:color-mix(in srgb, var(--text) 92%, white);text-align:left;white-space:nowrap;align-items:center;gap:7px;padding:0 8px;display:flex;overflow:hidden}.deck-library .folder-list .folder-entry span,.audio-file-entry span{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.folder-entry svg,.audio-file-entry svg{fill:none;stroke:currentColor;stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 14px;width:14px;height:14px}.folder-entry svg:last-child{width:12px;color:var(--accent);flex-basis:12px}.audio-file-entry{color:color-mix(in srgb, var(--text) 78%, white);cursor:default}.audio-file-entry svg{color:var(--muted)}.deck-library .folder-list .folder-entry:hover,.deck-library .folder-list .folder-entry.selected{background:var(--accent-soft);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.folder-browser>.pack-ready,.folder-browser>.pack-invalid,.folder-browser>.folder-loading{min-width:86px;color:var(--muted);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;flex:auto;place-items:center;padding:0 7px;font-size:.5rem;display:grid;overflow:hidden}.folder-browser>.pack-ready{color:var(--accent)}.folder-browser>.folder-loading{color:var(--accent);animation:.8s step-end infinite record-pulse}.folder-error{z-index:31;color:#ffc0ad;background:#2a1714;border:1px solid #df765f;width:100%;padding:5px 7px;font-size:.5rem;position:absolute;top:calc(100% + 4px);left:0}.song-carousel{border:1px solid var(--border-strong);background:var(--surface);flex:520px;grid-template-columns:29px minmax(0,1fr) 29px;min-width:260px;height:34px;display:grid;overflow:hidden}.deck-library .song-carousel-arrow{background:var(--elevated);border:0;place-items:center;width:29px;height:32px;padding:0;display:grid}.song-carousel-arrow:first-child{border-right:1px solid var(--border-strong)!important}.song-carousel-arrow:last-child{border-left:1px solid var(--border-strong)!important}.song-carousel-arrow svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.song-carousel-viewport{scroll-snap-type:x mandatory;scrollbar-width:none;min-width:0;display:flex;overflow:auto hidden}.song-carousel-viewport::-webkit-scrollbar{display:none}.song-carousel-empty{width:100%;color:var(--muted);letter-spacing:.08em;place-items:center;font-size:.48rem;display:grid}.song-carousel-item{scroll-snap-align:center;border-right:1px solid color-mix(in srgb, var(--song-color) 58%, #111);background:linear-gradient(135deg, color-mix(in srgb, var(--song-color) 84%, white 16%), color-mix(in srgb, var(--song-color) 66%, white 34%));min-width:180px;max-width:240px;box-shadow:inset 4px 0 0 color-mix(in srgb, var(--song-color) 72%, #111);flex:1 0 180px;grid-template-columns:minmax(0,1fr) 29px;transition:background .15s,filter .15s,box-shadow .15s;display:grid}.song-carousel-item.selected{background:color-mix(in srgb, var(--song-color) 88%, white);box-shadow:inset 4px 0 0 #111, inset 0 -3px 0 #111, 0 0 14px color-mix(in srgb, var(--song-color) 42%, transparent)}.deck-library .song-carousel-select{color:#080a08;text-align:left;background:0 0;border:0;align-content:center;gap:1px;height:32px;padding:2px 8px;display:grid;overflow:hidden}.song-carousel-select strong{color:#080a08;text-overflow:ellipsis;white-space:nowrap;font-size:.59rem;overflow:hidden}.song-carousel-select small{color:#000000ad;letter-spacing:.07em;font-size:.41rem}.song-carousel-item.selected .song-carousel-select strong{color:#000}.song-carousel-item.selected .song-carousel-select small{color:#000000c7}.deck-library .song-carousel-delete{color:#080a08;background:#ffffff29;border:0;border-left:1px solid #0000004d;place-items:center;width:29px;height:32px;padding:0;display:grid}.song-carousel-delete svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.deck-library select{appearance:none;text-overflow:ellipsis;white-space:nowrap;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 10px) 12px,calc(100% - 6px) 12px;background-repeat:no-repeat;background-size:4px 4px,4px 4px;min-width:0;max-width:132px;padding-right:27px;font-size:.62rem}.deck-library select option{color:#fff;background:#171917;font-size:.68rem}.deck-transport{border-bottom:1px solid var(--border);align-items:center;gap:5px;min-width:0;min-height:0;display:flex;overflow:hidden}.transport{border:1px solid var(--border-strong);display:flex}.transport button{border:0;border-right:1px solid var(--border-strong);background:var(--elevated);min-width:29px;height:29px;color:var(--text);cursor:pointer;white-space:nowrap;padding:0 7px}.transport .restart{flex:0 0 29px;place-items:center;width:29px;padding:0;display:grid;overflow:hidden}.transport .restart svg{fill:currentColor;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;display:block}.transport button:last-child{border-right:0}.transport button:hover:not(:disabled){color:var(--accent)}.transport .play{background:var(--accent);color:var(--background)}.transport button:disabled{opacity:.3;cursor:not-allowed}.master-record{color:#bf8274;cursor:pointer;background:#1d1715;border:1px solid #49342f;min-width:82px;height:32px;padding:0 8px;font-size:.5rem;font-weight:700}.master-record i{background:#d45842;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.master-record.active{color:#ff806a;background:#381914;border-color:#ff6045;box-shadow:inset 0 0 14px #ff60452e}.master-record.active i{background:#ff3b2f;animation:1s step-end infinite record-pulse;box-shadow:0 0 9px #ff3b2f}.master-record:disabled{opacity:.3;cursor:not-allowed}.output-meter{background:#42d66b;border-radius:2px;flex:0 0 6px;width:6px;height:24px;transition:background 60ms linear;box-shadow:0 0 7px #42d66b73}.output-meter.hot{background:#ffbf37;box-shadow:0 0 8px #ffbf37b3}.output-meter.clip{background:#ff453a;box-shadow:0 0 10px #ff453ae6}.deck-transport>span{color:#b5b7ae;flex:none;font-size:.51rem}.deck-transport>small{min-width:0;color:color-mix(in srgb, var(--text) 78%, white);text-align:right;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:.52rem;overflow:hidden}.free-pad-volume{letter-spacing:.06em;align-items:center;gap:6px;margin-left:auto;font-size:.52rem;display:flex}.free-pad-volume input{width:110px;accent-color:var(--accent)}.free-pad-volume output{width:34px;color:var(--accent);text-align:right}.free-pad-quantization{border:0;align-items:center;gap:3px;margin:0 0 0 auto;padding:0;display:flex}.free-pad-quantization legend{float:left;color:var(--muted);margin-right:3px;font-size:.48rem}.free-pad-quantization button{min-height:22px;padding:2px 6px;font-size:.48rem}.free-pad-quantization button.active{border-color:var(--accent);color:var(--accent)}.free-pad-quantization:disabled{opacity:.42}.bpm{color:color-mix(in srgb, var(--text) 84%, white);align-items:center;gap:5px;font-size:.59rem;display:flex}.bpm input{border:1px solid var(--border-strong);background:var(--surface);width:40px;height:27px;color:var(--text);text-align:center;padding:0 3px}.mode{border:1px solid var(--border-strong);background:var(--surface);min-width:29px;height:27px;color:color-mix(in srgb, var(--text) 84%, white);cursor:pointer;padding:0 5px;font-size:.54rem;font-weight:700}.mode.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.phrase-recorder{z-index:6;pointer-events:none;align-items:center;gap:5px;display:flex;position:absolute;top:54px;right:12px}.phrase-recorder button{pointer-events:auto;color:#ff8b7a;border-color:#7c3d34;min-width:76px}.phrase-recorder button.active{color:#fff;background:#7b2018;border-color:#ff503c;animation:1s step-end infinite record-pulse;box-shadow:0 0 10px #ff503c59}.phrase-recorder span{color:var(--muted);font-size:.43rem;font-weight:700}.decks.unified-stems .unified-bank-b>.phrase-recorder{display:none}.performance-page-empty{border:1px dashed var(--border-strong);background:var(--surface);min-height:0;color:var(--muted);text-align:center;grid-column:1/-1;place-content:center;gap:7px;padding:18px;display:grid}.performance-page-empty strong{color:var(--text);letter-spacing:.04em;font:700 clamp(.7rem,1.2vw,1rem) Syne,sans-serif}.performance-page-empty span{font-size:.56rem}.performance-page-empty small{color:var(--accent);font-size:.48rem}.mode.loop-align{border-color:color-mix(in srgb, var(--accent) 65%, var(--border-strong));min-width:68px;color:var(--accent);justify-content:center;align-items:center;gap:3px;display:inline-flex}.mode.loop-align:hover:not(:disabled){background:var(--accent-soft);box-shadow:inset 0 0 10px color-mix(in srgb, var(--accent) 18%, transparent)}.mode.loop-align:disabled{opacity:.3;cursor:not-allowed}.mode.loop-align svg{fill:none;stroke:currentColor;stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.mode.loop-align.processing svg{animation:1.4s linear infinite warp-spin}.warp-progress{border-color:var(--accent)}.warp-progress>i{background:linear-gradient(105deg,#7e18f4,#085eea 56%,#04c9ff)}@keyframes warp-spin{to{transform:rotate(360deg)}}.performance-strip{border-bottom:1px solid var(--border);align-items:center;gap:3px;min-width:0;min-height:0;padding:3px 0;display:flex;overflow:hidden}.performance-strip>span{color:color-mix(in srgb, var(--text) 80%, white);letter-spacing:.08em;font-size:.54rem}.performance-strip button{border:1px solid var(--border-strong);background:var(--surface);min-width:25px;height:25px;color:color-mix(in srgb, var(--text) 86%, white);cursor:pointer;padding:0 5px;font-size:.52rem;font-weight:700}.performance-strip button:hover{border-color:var(--accent);color:var(--accent)}.performance-strip button:disabled{opacity:.28;cursor:not-allowed}.performance-strip .downbeat{min-width:65px;color:var(--accent)}.performance-strip .scene-label{margin-left:auto}.performance-strip .scene.saved{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.performance-strip.presets-armed{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 42%, transparent)}.pitch-strip{border-bottom:1px solid var(--border);align-items:center;gap:4px;min-width:0;min-height:0;padding:4px 0;display:flex;overflow:hidden}.pitch-strip>span{color:color-mix(in srgb, var(--text) 80%, white);letter-spacing:.08em;flex:0 0 48px;font-size:.56rem}.pitch-strip button{border:1px solid var(--border-strong);background:var(--surface);min-width:46px;height:27px;color:var(--text);cursor:pointer;padding:0 6px;font-size:.54rem;font-weight:700}.pitch-strip button:hover,.pitch-strip .pitch-reset{border-color:var(--accent);color:var(--accent)}.pitch-strip small{min-width:0;color:color-mix(in srgb, var(--text) 72%, white);letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:.47rem;overflow:hidden}.fx-strip{border-bottom:1px solid var(--border);align-items:center;gap:4px;min-width:0;min-height:0;padding:4px 0;display:flex;overflow:hidden}.fx-strip>span{color:color-mix(in srgb, var(--text) 80%, white);letter-spacing:.08em;flex:0 0 34px;font-size:.56rem;line-height:1.25}.fx-buttons{grid-template-columns:repeat(3,minmax(0,auto));gap:2px;min-width:0;display:grid}.fx-strip button{border:1px solid var(--border-strong);background:var(--surface);min-width:0;color:color-mix(in srgb, var(--text) 84%, white);text-overflow:ellipsis;cursor:pointer;white-space:nowrap;padding:4px 5px;font-size:.49rem;overflow:hidden}.fx-strip button.active{color:#8bdcff;background:#172932;border-color:#8bdcff}.fx-strip .hold{align-self:stretch;min-width:36px}.fx-strip .hold small{color:currentColor;font-size:.45rem;line-height:1;display:block}.fx-strip .hold.auto-fx-1{opacity:.72}.fx-strip .hold.auto-fx-2{box-shadow:0 0 7px color-mix(in srgb, var(--accent) 45%, transparent)}.fx-strip .hold.auto-fx-3{box-shadow:0 0 10px color-mix(in srgb, var(--accent) 65%, transparent)}.fx-strip .hold.auto-fx-4{box-shadow:0 0 14px color-mix(in srgb, var(--accent) 85%, transparent)}.fx-strip .echo-mode{border-color:var(--accent);min-width:39px;color:var(--accent);align-self:stretch}.fx-strip .targets{text-align:center;border-color:#45483f;place-content:center;align-self:stretch;gap:1px;min-width:78px;display:grid}.fx-strip .targets b{color:var(--text);font-size:.55rem}.fx-strip .targets small{color:var(--accent);font-size:.48rem}.fx-strip .targets em{display:none}.fx-strip .targets.active{background:#312817;border-color:#fc5;box-shadow:inset 0 0 12px #ffcc551f}.fx-strip .targets.active b,.fx-strip .targets.active small{color:#fc5}.fx-depth{background:#282a26;flex:1;min-width:50px;max-width:130px;height:4px;margin-left:auto;overflow:hidden}.fx-depth i{background:#8bdcff;height:100%;transition:width 30ms linear;display:block;box-shadow:0 0 8px #8bdcff}.deck-pads{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;min-width:0;min-height:0;padding-top:7px;display:grid;overflow:hidden}.track{border:1px solid color-mix(in srgb, var(--pad-color) 58%, #353731);background:linear-gradient(145deg, color-mix(in srgb, var(--pad-color) 82%, white 18%), color-mix(in srgb, var(--pad-color) 62%, white 38%));color:#080a08;min-width:0;min-height:0;box-shadow:inset 3px 0 0 color-mix(in srgb, var(--pad-color) 72%, #111);position:relative;overflow:hidden}.track:hover{border-color:var(--pad-color)}.track:after{content:"";z-index:3;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--pad-color) 72%, white) 0, color-mix(in srgb, var(--pad-color) 30%, transparent) 46%, transparent 78%);position:absolute;inset:0}.track[draggable=true]{cursor:grab}.track.dragging{filter:saturate(.45)}.track.drag-over{z-index:2;background:color-mix(in srgb, var(--pad-color) 28%, #171815);box-shadow:0 0 0 2px var(--pad-color), 0 0 24px color-mix(in srgb, var(--pad-color) 62%, transparent), inset 0 0 20px color-mix(in srgb, var(--pad-color) 24%, transparent);border-color:#fff;transform:scale(.985)}.track-toggle{width:100%;height:calc(100% - 22px);min-height:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-rows:14px minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 6px;padding:5px 6px 3px 8px;display:grid}.track-heading{align-items:center;gap:7px;min-width:0;display:flex}.drag-grip{color:#00000094;cursor:grab;font:.75rem/1 sans-serif}.track:hover .drag-grip{color:#000}.track strong{text-overflow:ellipsis;white-space:nowrap;font:700 .66rem Syne,sans-serif;overflow:hidden}.track .octave-badge{color:#080a08;letter-spacing:.04em;background:#ffffff57;border:1px solid #00000073;flex:none;padding:2px 4px;font:700 .45rem DM Mono,monospace}.track small,.pad-number{letter-spacing:.09em;font-size:.48rem}.pad-number{color:#080a08;flex:none}.track small{color:#080a08;text-align:right}.track.muted{background:color-mix(in srgb, var(--pad-color) 34%, #c7c7c3);color:#0000009e;filter:saturate(.45)}.track.muted small{color:#46160d}.track.fx-target{z-index:1;border-color:#fc5;box-shadow:inset 3px 0 #fc5,0 0 18px #fc53}.track.fx-target small{color:#fc5}.track.empty{color:#080a08;background:color-mix(in srgb, var(--pad-color) 38%, #d5d5d0);border-style:dashed;grid-template-rows:auto 1fr auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 7px;padding:7px;display:grid}.track.empty strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.58rem;overflow:hidden}.track.empty .empty-wave{grid-column:1/-1;width:100%}.track.empty small{text-align:right;grid-column:1/-1}.jump-pad{border:1px solid color-mix(in srgb, var(--pad-color) 58%, #353731);background:linear-gradient(145deg, color-mix(in srgb, var(--pad-color) 82%, white 18%), color-mix(in srgb, var(--pad-color) 62%, white 38%));color:#080a08;text-align:left;cursor:pointer;min-height:0;box-shadow:inset 3px 0 0 color-mix(in srgb, var(--pad-color) 72%, #111);grid-template-rows:auto 1fr;grid-template-columns:1fr auto;padding:7px;display:grid}.jump-pad:hover:not(:disabled){background:color-mix(in srgb, var(--pad-color) 72%, white);border-color:#fff}.jump-pad:disabled{cursor:not-allowed}.jump-pad span,.jump-pad small{color:#080a08;letter-spacing:.08em;font-size:.55rem}.jump-pad small{text-align:right}.jump-pad strong{color:#080a08;grid-column:1/-1;align-self:end;font:700 1.6rem Syne,sans-serif}.sampler-pad em{color:#b9bbb3;letter-spacing:.08em;grid-column:1/-1;font:700 .48rem Syne,sans-serif}.empty-wave{background:#292a27;height:1px}.waveform{border-top:1px solid color-mix(in srgb, var(--pad-color) 14%, #292a27);border-bottom:1px solid color-mix(in srgb, var(--pad-color) 14%, #292a27);background:linear-gradient(180deg, color-mix(in srgb, var(--pad-color) 4%, transparent), transparent 48%, color-mix(in srgb, var(--pad-color) 4%, transparent));grid-column:1/-1;width:100%;height:100%;min-height:18px;position:relative;overflow:hidden}.waveform svg{width:100%;height:100%;display:block}.waveform path{stroke-width:.28px;vector-effect:non-scaling-stroke}.waveform-base{fill:color-mix(in srgb, var(--pad-color) 20%, #4b4e47);stroke:color-mix(in srgb, var(--pad-color) 36%, #6a6d65)}.waveform-progress{fill:color-mix(in srgb, var(--pad-color) 70%, transparent);stroke:var(--pad-color)}.waveform-progress.muted{fill:#ff785a61;stroke:#ff785a}.waveform-center{stroke:#ffffff17;stroke-width:.25px;vector-effect:non-scaling-stroke}.waveform .playhead{stroke:#fff;stroke-width:.55px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #000)}.volume{border-top:1px solid #2f302c;align-items:center;gap:5px;height:22px;padding:0 7px;display:flex}.volume span{color:#777971;font-size:.52rem}.volume input{width:100%;height:3px;accent-color:var(--pad-color);cursor:pointer}.app[data-ui-mode=light] .track{border-color:color-mix(in srgb, var(--pad-color) 38%, #7f897c);background:linear-gradient(115deg, color-mix(in srgb, var(--pad-color) 8%, #f5f7f2), #f5f7f2 62%);color:#171a17}.app[data-ui-mode=light] .track.muted{color:#4b534b;background:#dfe3dc}.app[data-ui-mode=light] .track.empty{color:#4b534b;background:color-mix(in srgb, var(--pad-color) 5%, #edf0ea)}.app[data-ui-mode=light] .drag-grip,.app[data-ui-mode=light] .pad-number,.app[data-ui-mode=light] .track small,.app[data-ui-mode=light] .volume span{color:#465046}.app[data-ui-mode=light] .track.muted small{color:#8c2f22}.app[data-ui-mode=light] .track.fx-target small{color:#6b5000}.app[data-ui-mode=light] .track .octave-badge{border-color:color-mix(in srgb, var(--pad-color) 42%, #778174);color:#263026;background:#ffffff9e}.app[data-ui-mode=light] .jump-pad{border-color:color-mix(in srgb, var(--pad-color) 42%, #7f897c);background:linear-gradient(135deg, color-mix(in srgb, var(--pad-color) 9%, #f5f7f2), #f5f7f2 72%);color:#171a17}.app[data-ui-mode=light] .jump-pad:hover:not(:disabled){background:color-mix(in srgb, var(--pad-color) 14%, #f5f7f2)}.app[data-ui-mode=light] .jump-pad span,.app[data-ui-mode=light] .jump-pad small{color:#465046}.app[data-ui-mode=light] .jump-pad strong{color:#202720}.app[data-ui-mode=light] .empty-wave{background:#aeb6ac}.app[data-ui-mode=light] .waveform{border-color:color-mix(in srgb, var(--pad-color) 18%, #c1c7bd)}.app[data-ui-mode=light] .waveform-base{fill:color-mix(in srgb, var(--pad-color) 18%, #aeb6ac);stroke:#657064}.app[data-ui-mode=light] .waveform-center{stroke:#171a172e}.app[data-ui-mode=light] .waveform .playhead{stroke:#171a17;filter:drop-shadow(0 0 1px #fff)}.app[data-ui-mode=light] .volume{border-top-color:#c6ccc1}.app[data-ui-mode=light] .fx-strip button.active{color:#124f64;background:#d9edf3;border-color:#17617a}.app[data-ui-mode=light] .fx-strip .targets.active{background:#f6e7bd;border-color:#876000}.app[data-ui-mode=light] .fx-strip .targets.active b,.app[data-ui-mode=light] .fx-strip .targets.active small{color:#6b5000}.app[data-ui-mode=light] .fx-depth{background:#c4cbc0}.song-carousel-item{border-color:color-mix(in srgb, var(--song-color) 78%, #fff);background:linear-gradient(135deg, color-mix(in srgb, var(--song-color) 92%, #fff), var(--song-color));box-shadow:inset 0 -2px 0 #0000003d, 0 0 10px color-mix(in srgb, var(--song-color) 42%, transparent);filter:saturate(1.28)brightness(1.06)}.song-carousel-item:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--song-color) 82%, #fff), color-mix(in srgb, var(--song-color) 88%, #000));filter:saturate(1.4)brightness(1.12)}.song-carousel-item.selected{background:linear-gradient(135deg, color-mix(in srgb, var(--song-color) 78%, #fff), var(--song-color));box-shadow:inset 0 0 0 2px #ffffffc7, 0 0 18px color-mix(in srgb, var(--song-color) 72%, transparent);filter:saturate(1.5)brightness(1.18);border-color:#fff}.song-carousel-item.browsing:not(.selected){outline:2px solid var(--accent);outline-offset:-2px}.deck-library .song-carousel-select,.song-carousel-select strong,.song-carousel-select small,.song-carousel-item.selected .song-carousel-select strong,.song-carousel-item.selected .song-carousel-select small{color:#080908}.song-carousel-select strong{font-weight:800}.deck-library .song-carousel-delete{color:#080908;border-left-color:#00000047}.deck-library .song-carousel-delete:hover{color:#080908;background:#0000002e}.track{background:linear-gradient(115deg, color-mix(in srgb, var(--pad-color) 10%, #090b0d), #090b0d 66%)}.track:not(.muted){border-color:color-mix(in srgb, var(--pad-color) 82%, #fff);background:linear-gradient(115deg, color-mix(in srgb, var(--pad-color) 31%, #101217), color-mix(in srgb, var(--pad-color) 13%, #090b0d) 70%);box-shadow:inset 4px 0 0 var(--pad-color), inset 0 0 18px color-mix(in srgb, var(--pad-color) 15%, transparent), 0 0 10px color-mix(in srgb, var(--pad-color) 30%, transparent);filter:saturate(1.18)brightness(1.08)}.track.muted{border-color:color-mix(in srgb, var(--pad-color) 38%, #242832);background:linear-gradient(115deg, color-mix(in srgb, var(--pad-color) 7%, #07090c), #07090c 72%);color:#d6d8dc;box-shadow:inset 3px 0 0 color-mix(in srgb, var(--pad-color) 58%, #111)}.waveform-base,.track.muted .waveform-base{fill:#ffffff29;stroke:#fffffff5;filter:drop-shadow(0 0 2px #ffffff57)}.waveform-progress,.track.muted .waveform-progress,.waveform-progress.muted{fill:#ffffff3d;stroke:#fff;filter:drop-shadow(0 0 3px #ffffff9e)}@keyframes record-pulse{0%,49%{opacity:1}50%,to{opacity:.25}}@media (width<=1180px) and (width>=701px){.topbar p{display:none}.topbar .midi{margin-left:auto}.deck{padding-inline:6px}.deck-header{grid-template-columns:58px minmax(0,1fr);gap:4px}.deck-header>div:first-child strong{display:none}.deck-library button,.deck-library select{padding-inline:4px}.deck-library select{max-width:100px}.transport button{min-width:26px;padding-inline:5px}.deck-transport>small,.pitch-strip small,.fx-strip>span{display:none}.fx-strip .targets{min-width:58px}.fx-strip .targets b{display:none}.fx-depth{min-width:22px}}@media (width<=700px){.app.loop-page-open{grid-template-rows:minmax(0,1fr)}.loop-generator-link{justify-content:center;width:29px;padding:0}.loop-generator-link span{display:none}.loop-generator{padding:14px 9px 28px}.loop-header{grid-template-columns:1fr auto;align-items:start;gap:10px}.loop-header>div{grid-area:2/1/auto/-1}.loop-header h1{font-size:1.65rem}.loop-header p{line-height:1.45}.loop-back{grid-area:1/1;justify-self:start}.loop-header>.loop-live{grid-area:1/2;align-self:center}.loop-stage-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.loop-stage-grid div{justify-content:center;height:27px;padding:0}.loop-stage-grid span{display:none}.loop-workspace{grid-template-columns:1fr}.loop-pad-preview div{min-height:48px}.loop-status{flex-direction:column;align-items:stretch}.loop-status a,.loop-status button,.loop-status small{text-align:center;margin-left:0}.app{grid-template-rows:46px 28px 32px minmax(0,1fr)}.surface-mode-switch{padding-inline:4px}.surface-mode-switch button{flex:1;padding-inline:3px;font-size:.4rem}.topbar{flex-wrap:nowrap;gap:6px;height:46px;min-height:0;padding:0 8px}.topbar p{display:none}.brand{font-size:1.05rem}.help-button,.theme-toggle,.ui-mode-toggle{flex-basis:29px;width:29px;height:29px}.help-backdrop{padding:8px}.help-panel{max-height:calc(100vh - 16px)}.help-panel>header{grid-template-columns:40px minmax(0,1fr) 36px;gap:10px;padding:17px}.help-title-icon{width:40px;height:40px}.help-content{grid-template-columns:1fr}.help-content article.help-wide{grid-column:auto}.help-content article{padding:18px}.help-content li{grid-template-columns:105px minmax(0,1fr);gap:10px}.midi{min-width:30px;margin-left:auto;padding:0 8px;font-size:0}.midi .dot{margin:0}.mobile-deck-switch{border-bottom:1px solid var(--border);background:var(--background);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;padding:3px 8px 2px;display:grid}.mobile-deck-switch button{border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);letter-spacing:.09em;cursor:pointer;font-size:.5rem;font-weight:700}.mobile-deck-switch button+button{border-left:0}.mobile-deck-switch button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.decks{grid-template-columns:1fr}.deck{border:0;grid-template-rows:40px 38px 28px 31px 50px minmax(0,1fr);padding:4px 6px 6px;display:none}.deck.mobile-active{display:grid}.deck-header{grid-template-columns:49px auto minmax(0,1fr);gap:4px}.deck-header>div:first-child strong{display:none}.deck-header span{font-size:.5rem}.deck-library button,.deck-library select{height:27px;padding:0 5px;font-size:.48rem}.deck-library>.folder-browser>.folder-root{width:28px;font-size:0;overflow:hidden}.deck-library .reload-song{flex-basis:28px;width:28px;padding:0}.deck-library .reload-song svg{width:16px;height:16px}.deck-library select{background-position:calc(100% - 9px) 11px,calc(100% - 5px) 11px;flex:1;max-width:100px;padding-right:23px;font-size:.52rem}.deck-transport{gap:3px}.transport button{min-width:25px;height:25px;padding:0 4px;font-size:.57rem}.transport .restart{flex-basis:25px;width:25px}.transport .restart svg{width:15px;height:15px}.master-record{width:34px;min-width:34px;height:29px;padding:0;font-size:0;overflow:hidden}.master-record i{width:7px;height:7px;margin:0}.output-meter{flex-basis:4px;width:4px;height:21px}.bpm{gap:2px;font-size:.42rem}.bpm input{width:34px;height:23px;font-size:.5rem}.mode{min-width:23px;height:23px;padding:0 3px;font-size:.43rem}.mode.loop-align{min-width:25px;padding:0}.mode.loop-align span,.deck-transport>span,.deck-transport>small{display:none}.performance-strip{gap:2px;padding:2px 0}.performance-strip>span:first-child,.performance-strip .scene-label{display:none}.performance-strip button{min-width:22px;height:22px;padding:0 4px;font-size:.42rem}.performance-strip .downbeat{min-width:57px}.performance-strip .scene:first-of-type{margin-left:auto}.pitch-strip{gap:3px;padding:2px 0}.pitch-strip>span,.pitch-strip small{display:none}.pitch-strip button{flex:1;min-width:0;height:24px;padding:0 4px;font-size:.44rem}.fx-strip{grid-template-rows:22px 18px;grid-template-columns:minmax(0,1fr) 35px 34px 42px;gap:2px;padding:3px 0;display:grid;position:relative}.fx-strip>span{display:none}.fx-buttons{grid-area:1/1/auto/-1;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;width:100%}.fx-strip button{padding:0 2px;font-size:.37rem}.fx-strip .echo-mode{grid-area:2/2;min-width:0}.fx-strip .hold{grid-area:2/3;min-width:0}.fx-strip .targets{grid-area:2/4;min-width:0}.fx-strip .targets b,.fx-strip .targets em{display:none}.fx-strip .targets small{font-size:.37rem}.fx-depth{grid-area:2/1;width:100%;min-width:0;max-width:none;margin:auto 0}.deck-pads{gap:4px;padding-top:5px}.track-toggle{grid-template-rows:13px minmax(0,1fr);gap:2px 4px;height:calc(100% - 18px);padding:4px 4px 2px 6px}.track-heading{gap:3px}.drag-grip{display:none}.track strong{font-size:.52rem}.track small,.pad-number{font-size:.4rem}.track .octave-badge{padding:1px 2px;font-size:.36rem}.volume{gap:3px;height:18px;padding-inline:5px}.volume span{font-size:.4rem}.jump-pad{padding:5px}.jump-pad strong{font-size:1.1rem}.jump-pad span,.jump-pad small{font-size:.43rem}.track.empty{padding:5px}.track.empty strong{font-size:.48rem}}@media (height<=720px) and (width>=701px){.app:not(.loop-page-open){grid-template-rows:44px 28px minmax(0,1fr)}.app.loop-page-open{grid-template-rows:minmax(0,1fr)}.topbar{height:44px}.deck{grid-template-rows:39px 37px 28px 32px 44px minmax(0,1fr)}.deck-header>div:first-child strong,.pitch-strip small{display:none}.deck-pads{padding-top:5px}.track-toggle{height:calc(100% - 18px)}.volume{height:18px}.fx-strip .targets em{display:none}}.loop-generator-visual{color:#f9f7ff;scrollbar-width:none;background:radial-gradient(circle at 50% -10%,#10142f 0,#050916 38%,#020611 72%);width:100%;min-width:0;max-width:100%;height:100%;min-height:0;padding:10px 26px 14px;font-family:Inter,system-ui,sans-serif;overflow:hidden auto}.loop-generator-visual::-webkit-scrollbar{display:none}.loop-v-back{z-index:11;color:#fff;letter-spacing:.16em;cursor:pointer;background:0 0;border:0;padding:7px 10px;font:600 .74rem Syne,sans-serif;position:absolute;top:15px;left:20px}.loop-v-back:hover{color:#65e8ff}.loop-v-hero{place-items:center;max-width:1160px;min-height:74px;margin:auto;display:grid;position:relative;overflow:hidden}.loop-v-hero h1{z-index:1;letter-spacing:-.045em;text-shadow:0 3px 30px #020611;margin:10px 0 0;font:650 clamp(2.3rem,4.5vw,4.1rem)/1 Syne,sans-serif}.loop-v-ribbon{opacity:.8;filter:blur(11px);clip-path:polygon(0 49%,12% 43%,24% 54%,36% 39%,48% 52%,58% 41%,72% 54%,86% 43%,100% 50%,100% 56%,86% 51%,72% 60%,58% 48%,48% 59%,36% 46%,24% 61%,12% 50%,0 56%);background:radial-gradient(circle at 50% 45%,#ff6d5e 0 2%,#8c4dff 6%,#0000 15%),linear-gradient(90deg,#0000,#ff5d5144 22%,#db3cff88 42%,#2d7dff99 55%,#00ddb477 70%,#d7ea4544 84%,#0000);position:absolute;inset:5px 3%}.loop-generator-visual>main{width:100%;min-width:0;max-width:1280px;margin:auto}.loop-v-section{width:100%;min-width:0;max-width:100%}.loop-v-section h2{text-align:center;color:#cbd0df;margin:0 0 10px;font:500 1.2rem Syne,sans-serif}.loop-v-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.loop-v-mode-grid button,.loop-v-style-grid button{color:#fff;cursor:pointer;background:#070c19;border:1px solid #30374d;border-radius:18px;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.loop-v-mode-grid button:hover,.loop-v-style-grid button:hover{border-color:#6d70a3;transform:translateY(-3px)}.loop-v-mode-grid button.selected,.loop-v-style-grid button.selected{border-color:#b941ff;box-shadow:0 0 0 1px #308dff,0 0 24px #743cff66}.loop-v-mode-grid button.coming-soon,.loop-v-mode-grid button.coming-soon:hover{cursor:not-allowed;filter:grayscale();opacity:.48;border-color:#2b3143;transform:none}.loop-v-mode-grid img{object-fit:cover;width:100%;height:clamp(112px,17vh,176px);display:block}.loop-v-style-grid img{object-fit:cover;width:100%;height:clamp(82px,12vh,122px);display:block}.loop-v-mode-grid span,.loop-v-style-grid span{background:linear-gradient(#0000,#02050bf2 42%);justify-content:center;align-items:center;gap:10px;min-height:52px;padding:16px 12px 10px;font:600 1.06rem Syne,sans-serif;display:flex;position:absolute;inset:auto 0 0}.loop-v-mode-grid span b{color:#e4d4ff;font-size:1.3rem}.loop-v-mode-grid em,.loop-v-style-grid em{background:#5837d7;border:1px solid #e6ddff;border-radius:50%;place-items:center;width:27px;height:27px;font-style:normal;display:grid;position:absolute;top:10px;right:10px}.loop-v-coming-soon{color:#b7bbca;letter-spacing:.08em;background:#111728dd;border:1px solid #7d8293;border-radius:999px;padding:5px 8px;font:600 .6rem DM Mono,monospace;position:absolute;top:10px;right:10px}.loop-v-sources{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:980px;margin:8px auto 4px;display:grid}.loop-v-sources label{cursor:pointer;background:#070c18cc;border:1px dashed #4a5068;border-radius:15px;min-height:58px;padding:12px 52px 12px 56px;position:relative}.loop-v-sources input{opacity:0;cursor:pointer;position:absolute;inset:0}.loop-v-sources b,.loop-v-sources span{display:block}.loop-v-sources b{color:#aab0c0;font-size:.7rem}.loop-v-sources span{color:#ece9f7;margin-top:4px;font-size:.82rem}.loop-v-sources strong{color:#c77dff;font-size:1.4rem;position:absolute;top:17px;left:18px}.loop-v-sources label.loaded{border-style:solid;border-color:#8b4ed4}.loop-v-section-heading{justify-content:center;align-items:center;margin:4px 0 6px;display:flex}.loop-v-section-heading h2{margin:0}.loop-v-section-heading h2 small{color:#858ca0;font:500 .68rem DM Mono,monospace}.loop-v-section-heading button{color:#bbc0d1;cursor:pointer;background:0 0;border:0;position:absolute;right:max(26px,50vw - 640px)}.loop-v-style-grid{scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;grid-auto-columns:minmax(180px,1fr);grid-auto-flow:column;gap:12px;width:100%;min-width:0;max-width:100%;padding:3px;display:grid;overflow:auto hidden}.loop-v-style-grid::-webkit-scrollbar{display:none}.loop-v-style-grid button{scroll-snap-align:start;border-radius:15px}.loop-v-style-grid span{justify-content:flex-start;min-height:44px;font-size:.86rem}.loop-v-style-loading{color:#aeb4c7;scroll-snap-align:start;background:#070c19;border:1px solid #30374d;border-radius:15px;align-content:center;place-items:center;gap:10px;width:180px;min-height:122px;display:grid}.loop-v-style-loading i{border:2px solid #b941ff;border-color:#b941ff #309dff #384158 #384158;border-radius:50%;width:25px;height:25px;animation:.75s linear infinite loop-style-spin}.loop-v-style-loading span{background:0 0;min-height:0;padding:0;font:600 .68rem DM Mono,monospace;position:static}@keyframes loop-style-spin{to{transform:rotate(1turn)}}.loop-v-form{background:#070c18c7;border:1px solid #252c42;border-radius:18px;max-width:1080px;margin:6px auto 0;padding:10px 18px 9px}.loop-v-options{grid-template-columns:1.15fr 1fr 1.15fr .7fr;align-items:center;gap:12px;display:grid}.loop-v-options>span,.loop-v-options>label{color:#d7d9e4;white-space:nowrap;text-overflow:ellipsis;border:1px solid #2c344b;border-radius:10px;min-width:0;padding:10px 13px;font-size:.76rem;overflow:hidden}.loop-v-options input,.loop-v-options select{color:#fff;max-width:calc(100% - 24px);font:inherit;background:0 0;border:0;outline:0}.loop-v-options select{appearance:auto}.loop-v-create{color:#fff;cursor:pointer;background:linear-gradient(105deg,#ff7b38,#f43375 35%,#a22ee4 66%,#3156ff);border:0;border-radius:14px;width:min(540px,100%);margin:8px auto 0;padding:11px 24px;font:650 1.2rem Syne,sans-serif;display:block;box-shadow:0 10px 35px #a9329a44}.loop-v-create:disabled{opacity:.55;cursor:wait}.loop-v-status{text-align:center;color:#83899d;max-width:850px;margin:6px auto 0}.loop-v-stage-line{grid-template-columns:repeat(5,1fr);display:grid}.loop-v-stage-line div{justify-items:center;gap:6px;font:600 .58rem DM Mono,monospace;display:grid;position:relative}.loop-v-stage-line div:before{content:"";background:#343a50;width:100%;height:1px;position:absolute;top:5px;left:-50%}.loop-v-stage-line div:first-child:before{display:none}.loop-v-stage-line i{z-index:1;background:#070c18;border:1px solid #626a82;border-radius:50%;width:11px;height:11px}.loop-v-stage-line .active i{background:#8841ed;border-color:#b858ff;box-shadow:0 0 10px #8841ed}.loop-v-status p{margin:7px 0;font-size:.7rem}.loop-v-status.error p{color:#ff7b72}.loop-v-result{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.loop-v-result audio{height:34px}.loop-v-result button{color:#fff;cursor:pointer;background:#11182a;border:1px solid #454d68;border-radius:10px;min-height:40px;padding:8px 14px}.loop-v-result .loop-v-play{color:#dce3f5}.loop-v-result .loop-v-download{background:linear-gradient(105deg,#ff7138,#ee2b83 42%,#7440ff 75%,#247cff);border-color:#9b4cff;justify-content:center;align-items:center;gap:9px;min-width:210px;font-weight:700;display:inline-flex;box-shadow:0 8px 26px #ae2cdc4d}.loop-v-result .loop-v-download:hover:not(:disabled){filter:brightness(1.1)saturate(1.08);transform:translateY(-1px)}.loop-v-result .loop-v-download.waiting{box-shadow:none;color:#949caf;background:#0b1120;border-color:#343c53}.loop-v-result .loop-v-download:disabled{cursor:wait}.loop-v-download i{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex:0 0 16px;width:16px;height:16px;animation:.72s linear infinite loop-style-spin}.loop-v-download b{font-size:1rem}@media (height<=820px) and (width>=801px){.loop-v-hero{min-height:58px}.loop-v-hero h1{margin-top:5px;font-size:clamp(2rem,4vw,3.4rem)}.loop-v-section h2{margin-bottom:5px;font-size:1rem}.loop-v-mode-grid img{height:116px}.loop-v-mode-grid span{min-height:42px;padding:12px 9px 7px;font-size:.88rem}.loop-v-sources label{min-height:48px;padding-block:8px}.loop-v-sources strong{top:12px}.loop-v-style-grid img{height:78px}.loop-v-style-grid span{min-height:34px;padding:12px 9px 6px;font-size:.72rem}.loop-v-options>span,.loop-v-options>label{padding-block:7px}.loop-v-stage-line div{gap:3px}}@media (width<=800px){.loop-generator-visual{padding:14px 12px 24px}.loop-v-hero{min-height:84px}.loop-v-hero h1{font-size:2.4rem}.loop-v-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.loop-v-mode-grid img{height:clamp(118px,20vw,154px)}.loop-v-sources{grid-template-columns:1fr}.loop-v-section-heading{justify-content:space-between}.loop-v-section-heading button{position:static}.loop-v-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.stempad-workspace{min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.stempad-workspace>.decks{height:100%}.stempad-workspace.with-artwork{background:#020203;grid-template-columns:minmax(320px,46%) minmax(0,1fr);display:grid}.stempad-workspace.with-artwork>.stempad-artwork{isolation:isolate;background:#05050a;border-right:1px solid #30313d;min-width:0;min-height:0;position:relative;overflow:hidden}.stempad-artwork:before,.stempad-artwork:after{content:"";z-index:2;pointer-events:none;position:absolute;inset:0}.stempad-artwork:before{background:linear-gradient(90deg,#02020314 0,#0000 52%,#020203e0 100%),linear-gradient(#0202031f,#0000 28%,#020203d6 100%)}.stempad-artwork:after{opacity:.17;mix-blend-mode:soft-light;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff38 4px,#0000 5px)}.stempad-artwork>img{object-fit:cover;object-position:center;filter:saturate(1.14)contrast(1.08);width:100%;height:100%;display:block}.stempad-artwork-shade{z-index:3;pointer-events:none;background:radial-gradient(circle at 34% 36%,#0000 0 22%,#0000002e 70%,#0000008a 100%);position:absolute;inset:0}.stempad-artwork-meta{z-index:4;text-shadow:0 2px 12px #000;background:linear-gradient(90deg,#020203c7,#0202032e);border-left:2px solid #fff;gap:5px;max-width:460px;padding:14px 16px;display:grid;position:absolute;bottom:20px;left:22px;right:22px}.stempad-artwork-meta span{color:#a7f4ff;letter-spacing:.2em;font:600 .52rem DM Mono,monospace}.stempad-artwork-meta strong{color:#fff;letter-spacing:-.03em;font:800 clamp(1.3rem,2.2vw,2.5rem)/1 Syne,sans-serif}.stempad-artwork-meta small{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;font-size:.57rem}.stempad-workspace.with-artwork>.decks{border-left:1px solid #ffffff0f;min-width:0}.loop-v-player{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(110deg,#111426fa,#080c19f7 58%,#230d2bf5);border:1px solid #8a79ff9e;border-radius:15px;grid-template-columns:116px minmax(0,1fr);gap:16px;width:min(1120px,100%);min-width:0;min-height:130px;margin:14px auto 0;padding:10px;display:grid;position:sticky;bottom:14px;overflow:hidden;box-shadow:0 18px 38px #00000075,0 0 34px #7a4aff29,inset 0 1px #ffffff21}.loop-v-player.is-busy{border-color:#ff7b38ad}.loop-v-player-art,.loop-v-player-art-empty{background:#050711;border:1px solid #ffffff2e;border-radius:9px;min-width:0;min-height:108px;position:relative;overflow:hidden}.loop-v-player-art:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(140deg,#0000 46%,#ffffff2e,#0000 57%);position:absolute;inset:0}.loop-v-player-art img{object-fit:cover;width:100%;height:100%;display:block}.loop-v-player-art-empty{color:#a7f4ff;text-align:center;place-content:center;gap:3px;padding:9px;display:grid}.loop-v-player-art-empty span{letter-spacing:.18em;font:600 .45rem DM Mono,monospace}.loop-v-player-art-empty strong{color:#fff;font:800 1rem Syne,sans-serif}.loop-v-player-body{align-content:center;gap:8px;min-width:0;display:grid}.loop-v-player-heading{justify-content:space-between;align-items:start;gap:12px;min-width:0;display:flex}.loop-v-player-heading>div{min-width:0}.loop-v-player-heading span{color:#a7f4ff;letter-spacing:.16em;font:600 .51rem DM Mono,monospace;display:block}.loop-v-player-heading h2{color:#fff;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:3px 0 0;font:800 clamp(1rem,2.1vw,1.55rem)/1.05 Syne,sans-serif;overflow:hidden}.loop-v-player-heading>strong{color:#d3c8ff;letter-spacing:.08em;border:1px solid #7d57ff;border-radius:6px;flex:none;padding:5px 7px;font:600 .56rem DM Mono,monospace}.loop-v-player-track{grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.loop-v-player-toggle{color:#78ffa5;cursor:pointer;background:#062c1b;border:1px solid #4cff88;border-radius:50%;place-items:center;width:31px;height:31px;padding:0 0 0 2px;font-size:.75rem;display:grid;box-shadow:0 0 14px #40ff8140}.loop-v-player-toggle:hover:not(:disabled){background:#0d5430;transform:scale(1.04)}.loop-v-player-toggle:disabled{color:#6e7588;cursor:wait;box-shadow:none;background:#111522;border-color:#4a5063}.loop-v-player-seek{align-items:center;min-width:0;height:18px;display:flex;position:relative}.loop-v-player-seek:before,.loop-v-player-seek i{pointer-events:none;border-radius:999px;height:3px;position:absolute;left:0;right:auto}.loop-v-player-seek:before{content:"";z-index:0;background:#2c344b;width:100%}.loop-v-player-seek i{z-index:1;background:linear-gradient(90deg,#ff783d,#d936ff 54%,#39c6ff);max-width:100%;box-shadow:0 0 9px #d936ffa6}.loop-v-player-seek input{z-index:2;appearance:none;cursor:pointer;background:0 0;outline:0;width:100%;height:18px;margin:0;position:relative}.loop-v-player-seek input:disabled{cursor:wait;opacity:.46}.loop-v-player-seek input::-webkit-slider-runnable-track{background:0 0;height:3px}.loop-v-player-seek input::-moz-range-track{background:0 0;height:3px}.loop-v-player-seek input::-webkit-slider-thumb{appearance:none;background:#d936ff;border:2px solid #fff;border-radius:50%;width:11px;height:11px;margin-top:-4px;box-shadow:0 0 9px #d936ff}.loop-v-player-seek input::-moz-range-thumb{background:#d936ff;border:2px solid #fff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 9px #d936ff}.loop-v-player-track>span{color:#a8afc0;text-align:right;min-width:82px;font:500 .57rem DM Mono,monospace}.loop-v-player>.loop-v-player-body audio{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.loop-v-player-meta{color:#a8afc0;letter-spacing:.06em;justify-content:space-between;gap:12px;min-width:0;font:500 .51rem DM Mono,monospace;display:flex}.loop-v-player-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.loop-v-player-meta small{color:#6ee6ff;flex:none;font-size:.49rem}.loop-v-player-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.loop-v-player-actions button{color:#fff;letter-spacing:.08em;cursor:pointer;border-radius:7px;min-height:31px;padding:7px 11px;font:700 .58rem DM Mono,monospace}.loop-v-player-actions button b{margin-left:7px;font-size:.9rem}.loop-v-player-send{background:linear-gradient(105deg,#0b6e3a,#0c3b5b);border:1px solid #48f4a1;box-shadow:0 0 13px #48f4a126}.loop-v-player-download{background:linear-gradient(105deg,#9d2e55,#5d37bf);border:1px solid #ff7198}.loop-v-player-actions button:hover:not(:disabled){filter:brightness(1.14)saturate(1.08);transform:translateY(-1px)}.loop-v-player-actions button:disabled{opacity:.5;cursor:wait}@media (width<=1099px){.stempad-workspace.with-artwork{display:block}.stempad-workspace.with-artwork>.stempad-artwork{display:none}}@media (width<=800px){.loop-v-player{grid-template-columns:76px minmax(0,1fr);gap:10px;min-height:0;padding:8px;position:relative;bottom:auto}.loop-v-player-art,.loop-v-player-art-empty{min-height:76px}.loop-v-player-body{gap:7px}.loop-v-player-heading h2{font-size:1rem}.loop-v-player-heading>strong{font-size:.49rem}.loop-v-player-track{grid-template-columns:28px minmax(0,1fr);gap:7px}.loop-v-player-track>span{text-align:left;grid-column:2;min-width:0;font-size:.51rem}.loop-v-player-toggle{width:28px;height:28px}.loop-v-player-meta{display:none}.loop-v-player-actions{justify-content:stretch}.loop-v-player-actions button{flex:150px;min-height:29px;padding-inline:7px;font-size:.52rem}}.app.stempad-machine{--face-ink:#e0e3e4;--face-muted:#a0a7ad;--face-line:#42484d;--screen-ink:#ffca82;--screen-dim:#b79772;--screen-bg:#141311;--silk:"Barlow Condensed", "Arial Narrow", sans-serif;--hardware:url(/assets/stempad/components-v1.webp);width:calc(100% - 36px);max-width:1500px;height:calc(100dvh - 36px);color:var(--face-ink);background:linear-gradient(115deg,#343a40e0,#191d21e8 70%),url(/assets/stempad/graphite-v1.webp) 50%/480px;border:1px solid #565c61;border-bottom:8px solid #14171a;border-radius:14px;grid-template-rows:66px 50px minmax(0,1fr);margin:18px auto;padding:0 18px 18px;position:relative;box-shadow:inset 0 2px 1px #ffffff26,inset 0 -1px #72777b,0 3px #08090a,0 12px 30px #0008}.app.stempad-machine:before,.app.stempad-machine:after{content:"";background:var(--hardware) 36.9% 63.7% / 760% 738%;pointer-events:none;width:11px;height:11px;position:absolute;top:9px;left:7px}.app.stempad-machine:after{inset:auto 7px 8px auto}.app.stempad-machine .topbar{border-bottom:1px solid var(--face-line);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;gap:8px;min-width:0;height:auto;padding:0 6px}.app.stempad-machine .brand{letter-spacing:-.06em;gap:14px;height:auto}.app.stempad-machine .stempad-wordmark{color:var(--face-ink);font:800 27px/1 Syne,sans-serif}.app.stempad-machine .stempad-wordmark>span{color:var(--face-muted)}.app.stempad-machine .stempad-wordmark sup{color:var(--screen-ink);vertical-align:top;letter-spacing:0;margin-left:5px;font:500 11px DM Mono,monospace}.app.stempad-machine .brand>small{color:var(--face-muted);font:600 10px var(--silk);letter-spacing:.22em}.app.stempad-machine .topbar p{min-width:0;color:var(--face-muted);font:500 11px var(--silk);letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0 16px;display:block;overflow:hidden}.app.stempad-machine :is(.topbar button,.loop-generator-link,.surface-mode-switch button,.deck-library button,.transport button,.mode,.performance-strip button,.pitch-strip button,.fx-strip button,.mobile-deck-switch button){isolation:isolate;height:30px;min-height:30px;color:var(--face-ink);font:600 12px/1 var(--silk);letter-spacing:.045em;text-shadow:0 1px 2px #000;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 11px 6px;transition:color .1s,filter .1s;position:relative}.app.stempad-machine :is(.topbar button,.loop-generator-link,.surface-mode-switch button,.deck-library button,.transport button,.mode,.performance-strip button,.pitch-strip button,.fx-strip button,.mobile-deck-switch button):before{content:"";z-index:-1;pointer-events:none;background:var(--hardware) 34.34% 10.18% / 480.46% 870.83% no-repeat;filter:drop-shadow(0 2px 1px #0009);transition:transform 65ms ease-out,filter .1s;position:absolute;inset:0}.app.stempad-machine :is(button,a):hover:not(:disabled){color:#fff}.app.stempad-machine :is(button,a):hover:not(:disabled):before{filter:brightness(1.2)drop-shadow(0 2px 1px #0009)}.app.stempad-machine button:active:not(:disabled):before{filter:brightness(.85);transform:translateY(1px)scale(.985)}.app.stempad-machine button:disabled{opacity:.42;cursor:not-allowed}.app.stempad-machine :is(button,a,input):focus-visible{outline:2px solid var(--screen-ink);outline-offset:3px}.app.stempad-machine :is(.mode.active,.surface-mode-switch button[aria-pressed=true],.performance-strip .scene.saved,.fx-strip button.active,.mobile-deck-switch button[aria-pressed=true]){color:var(--screen-ink);box-shadow:inset 0 -2px color-mix(in srgb, var(--screen-ink) 75%, transparent)}.app.stempad-machine .topbar :is(.help-button,.theme-toggle,.ui-mode-toggle){flex:0 0 32px;width:32px;padding:7px}.app.stempad-machine :is(.help-button,.theme-toggle,.ui-mode-toggle):hover{transform:none}.app.stempad-machine .loop-generator-link{align-items:center;gap:5px;font-size:11px;display:inline-flex}.app.stempad-machine .master-record{color:#e6a8a4;min-width:98px}.app.stempad-machine .master-record i{width:6px;height:6px;box-shadow:none;background:#b75350}.app.stempad-machine .master-record.active{color:#ff8b80;box-shadow:inset 0 -2px #fc7268}.app.stempad-machine .midi{white-space:nowrap;font-size:10px}.app.stempad-machine .surface-mode-switch{background:0 0;border:0;justify-content:flex-start;gap:8px;padding:7px 5px}.app.stempad-machine .surface-label{color:var(--face-muted);font:600 11px var(--silk);letter-spacing:.16em;margin-right:13px}.app.stempad-machine .surface-mode-switch button{flex:0 145px;justify-content:space-between;gap:9px;height:32px;font-size:11px}.app.stempad-machine .surface-mode-switch button:nth-of-type(4){margin-inline:9px}.app.stempad-machine .surface-side-state{gap:3px}.app.stempad-machine .surface-side-state i{color:#9ba1a5;width:10px;height:10px;font:500 8px/10px var(--silk);background:#0b0d0f;border:0;box-shadow:inset 0 1px 2px #000}.app.stempad-machine .surface-side-state i.active{color:#11211c;background:#70cfb5;box-shadow:0 0 4px #70cfb560}.app.stempad-machine .stempad-workspace,.app.stempad-machine .stempad-workspace.with-artwork{background:0 0;display:block;overflow:visible}.app.stempad-machine .stempad-workspace>.decks{border:0}.app.stempad-machine .decks{gap:24px;overflow:visible}.app.stempad-machine .deck{background:0 0;border:0;padding:0;overflow:visible}.app.stempad-machine .deck-header{border:1px solid #080a0b;border-radius:5px;grid-template-columns:minmax(180px,.75fr) minmax(0,1.65fr);gap:24px;padding:8px 12px;box-shadow:inset 0 2px 5px #000,0 1px #ffffff24}.app.stempad-machine .deck-header>div:first-child{gap:4px}.app.stempad-machine .deck-header>div:first-child>span{color:var(--screen-dim);font:500 10px var(--silk);letter-spacing:.14em}.app.stempad-machine .deck-header>div:first-child>strong{color:var(--screen-ink);font:600 clamp(15px, 1.3vw, 21px)/1 var(--silk);letter-spacing:.04em;text-shadow:0 0 7px #ffbd6320;display:block}.app.stempad-machine .deck-library{align-items:center;gap:8px}.app.stempad-machine .deck-library :is(.folder-browser,.song-carousel){box-shadow:none;background:0 0;border:0}.app.stempad-machine .deck-library .folder-browser{flex-shrink:0;min-width:72px}.app.stempad-machine .deck-library .folder-browser button{width:34px;padding:5px}.app.stempad-machine .song-carousel{flex:1;min-width:0}.app.stempad-machine .song-carousel-item,.app.stempad-machine .song-carousel-item.selected{box-shadow:none;filter:none;background:0 0;border:0;border-radius:0}.app.stempad-machine .song-carousel-item.selected{box-shadow:inset 0 -1px #b58c5655}.app.stempad-machine .song-carousel-item.browsing:not(.selected){outline:1px solid var(--accent);outline-offset:-1px}.app.stempad-machine .deck-library .song-carousel-select{height:34px;text-shadow:none;padding-inline:8px}.app.stempad-machine .deck-library .song-carousel-select:before{display:none}.app.stempad-machine .song-carousel-item .song-carousel-select strong{color:var(--screen-ink);font:600 13px var(--silk)}.app.stempad-machine .song-carousel-item .song-carousel-select small,.app.stempad-machine .song-carousel-empty{color:var(--screen-dim);font:500 9px var(--silk);letter-spacing:.12em}.app.stempad-machine .deck-library :is(.song-carousel-arrow,.song-carousel-delete){width:27px;padding:5px;border:0!important}.app.stempad-machine :is(.deck-transport,.performance-strip,.pitch-strip,.fx-strip){border-bottom:1px solid var(--face-line);background:0 0;gap:8px;overflow:visible}.app.stempad-machine :is(.performance-strip,.pitch-strip,.fx-strip)>span{color:var(--face-muted);font:600 11px var(--silk);letter-spacing:.12em}.app.stempad-machine .transport{border:0;gap:6px}.app.stempad-machine .transport button{width:43px;min-width:43px;height:38px;font-size:17px}.app.stempad-machine .transport .restart{flex-basis:43px}.app.stempad-machine .transport .play{color:#6dd8b2}.app.stempad-machine .transport .play:not(:disabled){text-shadow:0 0 9px #61efb370}.app.stempad-machine .bpm{color:var(--face-muted);font:600 10px var(--silk);gap:7px;margin:0 7px}.app.stempad-machine .bpm input{width:56px;height:34px;color:var(--screen-ink);background:var(--screen-bg);border:3px solid #0a0b0c;border-radius:4px;padding:3px;font:500 18px DM Mono,monospace;box-shadow:0 1px #62686c,inset 0 1px 4px #000}.app.stempad-machine .deck-transport>span[role=timer]{background:var(--screen-bg);min-width:111px;color:var(--screen-ink);border:3px solid #0a0b0c;border-radius:4px;padding:9px;font-size:10px;display:block;box-shadow:0 1px #62686c}.app.stempad-machine .deck-transport>small{font:500 11px var(--silk);color:var(--face-muted);display:block}.app.stempad-machine .output-meter{opacity:.85;flex-basis:4px;width:4px;height:25px}.app.stempad-machine .performance-strip .scene-label{margin-left:auto}.app.stempad-machine .performance-strip .scene{min-width:30px}.app.stempad-machine .pitch-strip small{color:var(--face-muted);font:500 9px var(--silk);letter-spacing:.015em}.app.stempad-machine .pitch-strip .pitch-reset{color:var(--screen-ink)}.app.stempad-machine .fx-buttons{gap:5px;display:flex}.app.stempad-machine .fx-strip>span{flex-basis:55px}.app.stempad-machine .fx-strip .targets{gap:2px;min-width:99px}.app.stempad-machine .fx-strip .targets b{color:var(--face-muted);font:500 9px var(--silk)}.app.stempad-machine .fx-strip .targets small{color:var(--screen-ink);font:500 9px var(--silk)}.app.stempad-machine .fx-strip :is(.hold,.echo-mode,.targets){align-self:center;height:34px}.app.stempad-machine .fx-strip .hold small{font:600 9px var(--silk)}.app.stempad-machine .fx-depth{background:#101316;border:1px solid #090b0c;min-width:40px;max-width:110px;height:6px;box-shadow:0 1px #ffffff15}.app.stempad-machine .fx-depth i{background:#72c8c0;box-shadow:0 0 4px #72c8c044}.app.stempad-machine .quality-warning{font-size:10px;top:56px}.app.stempad-machine .deck-pads{gap:13px;padding:10px 3px 3px;overflow:visible}.app.stempad-machine :is(.track,.jump-pad){isolation:isolate;color:#e5e8ea;filter:none;background:#14171a;border:1px solid #0b0d0f;border-radius:12px;position:relative;overflow:visible;box-shadow:0 2px 2px #000a,0 0 0 1px #0a0c0e,0 4px 6px #0005}.app.stempad-machine :is(.track,.jump-pad):before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:.84;background:url(/assets/stempad/rubber-pad-v1.webp) 50%/100% 100% no-repeat;position:absolute;inset:-1px}.app.stempad-machine :is(.track,.jump-pad):after{content:"";z-index:-1;border:1px solid var(--pad-color);box-shadow:inset 0 0 6px color-mix(in srgb, var(--pad-color) 36%, transparent), 0 0 4px color-mix(in srgb, var(--pad-color) 30%, transparent);opacity:.28;pointer-events:none;background:0 0;border-radius:9px;position:absolute;inset:2px}.app.stempad-machine .track:not(.muted):not(.empty):after,.app.stempad-machine .jump-pad.active:after{opacity:1}.app.stempad-machine .track:not(.muted):not(.empty){background:color-mix(in srgb, var(--pad-color) 14%, #111417)}.app.stempad-machine .track,.app.stempad-machine .track.muted{color:#0b1821}.app.stempad-machine .track-toggle{grid-template-rows:27px minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;gap:4px;height:calc(100% - 25px);padding:7px 8px 2px}.app.stempad-machine .track-heading{grid-area:1/1/auto/-1;grid-template-columns:auto minmax(0,1fr);align-content:center;gap:3px 6px;display:grid}.app.stempad-machine .track-toggle>small{grid-area:1/1/auto/-1;justify-self:end}.app.stempad-machine .track-heading strong{color:#0b1821;width:100%;font:700 13px/1.1 var(--silk);letter-spacing:.035em;text-shadow:0 1px #ffffff24;grid-area:2/1/auto/-1}.app.stempad-machine .drag-grip{display:none}.app.stempad-machine .pad-number{color:#172630;letter-spacing:0;font:500 9px DM Mono,monospace}.app.stempad-machine .track small{color:#11212b;font:700 9px var(--silk);letter-spacing:.1em;align-self:start;margin-top:2px}.app.stempad-machine .track.muted small{color:#172630}.app.stempad-machine .track .octave-badge{color:#11212b;background:0 0;border:0;grid-area:1/2;justify-self:start;padding:0;font:500 8px DM Mono,monospace}.app.stempad-machine .waveform{opacity:1;background:#0a121bee;border:1px solid #05090d;border-radius:3px;min-height:28px;box-shadow:inset 0 1px 4px #0009,0 1px #ffffff3b}.app.stempad-machine .waveform svg{padding:3px 0}.app.stempad-machine .waveform path{stroke-width:.9px}.app.stempad-machine .waveform-base,.app.stempad-machine .track.muted .waveform-base{fill:#eaf6ff44;stroke:#f4faff;filter:none}.app.stempad-machine .waveform-progress,.app.stempad-machine .waveform-progress.muted{fill:color-mix(in srgb, var(--pad-color) 58%, transparent);stroke:#fff;filter:none}.app.stempad-machine .waveform-center{stroke:#dbefff38;stroke-width:.5px}.app.stempad-machine .waveform .playhead{stroke:#fff;stroke-width:1.5px;filter:drop-shadow(0 0 2px #fff9)}.app.stempad-machine .volume{border:0;gap:6px;height:25px;margin-inline:6px;padding:0 3px 4px}.app.stempad-machine .volume span{color:#172630;font:600 8px var(--silk);letter-spacing:.08em}.app.stempad-machine .volume input{appearance:none;background:0 0;height:18px;margin:0}.app.stempad-machine .volume input::-webkit-slider-runnable-track{background:#090c0f;border-radius:2px;height:3px;box-shadow:0 1px #ffffff18}.app.stempad-machine .volume input::-moz-range-track{background:#090c0f;border-radius:2px;height:3px}.app.stempad-machine .volume input::-webkit-slider-thumb{appearance:none;background:linear-gradient(#5f666b,#2a2e32 48%,#90979c 49% 56%,#30353a 57%);border:1px solid #080a0c;border-radius:2px;width:15px;height:13px;margin-top:-5px;box-shadow:0 2px 2px #0009}.app.stempad-machine .volume input::-moz-range-thumb{background:linear-gradient(#5f666b,#2a2e32 48%,#90979c 49% 56%,#30353a 57%);border:1px solid #080a0c;border-radius:2px;width:15px;height:12px}.app.stempad-machine .track.empty{color:#172630;background-color:#14171a;border-style:solid;gap:4px;padding:10px}.app.stempad-machine .track.empty strong{font:600 10px var(--silk);letter-spacing:.12em;color:#172630}.app.stempad-machine .track.empty small{color:#172630}.app.stempad-machine .empty-wave{background:#17263066;justify-self:center;width:14px!important}.app.stempad-machine .jump-pad{padding:10px}.app.stempad-machine .jump-pad strong{color:#0b1821;font:700 clamp(18px, 2vw, 30px) var(--silk);align-self:center}.app.stempad-machine .sfx-pad strong{font-size:clamp(12px,1.3vw,18px)}.app.stempad-machine .jump-pad :is(span,small){color:#172630;font:600 9px var(--silk)}.app.stempad-machine .jump-pad:hover:not(:disabled){background:#23292f}.app.stempad-machine :is(.track,.jump-pad):hover{box-shadow:0 3px 2px #000c,0 0 0 1px #7c868d,0 5px 8px #0006}.app.stempad-machine .track.fx-target{outline-offset:2px;outline:2px solid #ffd277}.app.stempad-machine .track.drag-over{outline:2px dashed var(--screen-ink);outline-offset:3px}.app.stempad-machine .stempad-workspace.with-artwork>.stempad-artwork{z-index:5;border:2px solid #050608;border-radius:3px;width:42px;min-width:0;height:42px;display:block;position:absolute;top:6px;left:9px}.app.stempad-machine .stempad-artwork>img{object-fit:cover;width:100%;height:100%;animation:none;transform:none}.app.stempad-machine .stempad-artwork:before,.app.stempad-machine .stempad-artwork:after,.app.stempad-machine .stempad-artwork-shade,.app.stempad-machine .stempad-artwork-meta{display:none}.app.stempad-machine .with-artwork .deck-header{padding-left:70px}@media (width>=701px){.app.stempad-machine .decks.unified-stems{min-height:640px;padding-top:198px}.app.stempad-machine .decks.unified-stems .deck-header{background:repeating-linear-gradient(0deg, #ffffff02 0 1px, transparent 1px 3px), var(--screen-bg);height:54px;top:0;left:0;right:0}.app.stempad-machine .decks.unified-stems .unified-bank-a>:is(.deck-transport,.performance-strip,.pitch-strip,.fx-strip){background:0 0;left:0;right:0}.app.stempad-machine .decks.unified-stems .unified-bank-a>.deck-transport{height:46px;top:58px}.app.stempad-machine .decks.unified-stems .unified-bank-a>.performance-strip{width:250px;height:38px;top:106px;right:auto}.app.stempad-machine .decks.unified-stems .unified-bank-a>.pitch-strip{height:38px;top:106px;left:274px}.app.stempad-machine .decks.unified-stems .unified-bank-a>.fx-strip{height:44px;top:146px}.app.stempad-machine .decks.unified-stems .unified-bank{padding:0}.app.stempad-machine .deck-pads{width:100%;height:100%}}.app.stempad-machine[data-ui-mode=light]{--face-ink:#2b353c;--face-muted:#53606a;--face-line:#a6adb1;background:linear-gradient(115deg,#edf0eee8,#bfc9cddd),url(/assets/stempad/graphite-v1.webp) 50%/cover;border-color:#b6bfc5 #b6bfc5 #8e9aa1;box-shadow:inset 0 2px 1px #fff,0 3px #515b61,0 12px 30px #0005}.app.stempad-machine[data-ui-mode=light] :is(.topbar button,.loop-generator-link,.surface-mode-switch button,.deck-library button,.transport button,.mode,.performance-strip button,.pitch-strip button,.fx-strip button,.mobile-deck-switch button){color:#e0e3e4}.app.stempad-machine[data-ui-mode=light] .transport .play{color:#6dd8b2}.app.stempad-machine[data-ui-mode=light] :is(.track,.jump-pad){background:#14171a;border-color:#0b0d0f}.app.stempad-machine :is(.track,.jump-pad){box-shadow:0 2px 2px #000a, 0 0 0 1px #090b0d, 0 0 13px color-mix(in srgb, var(--pad-color) 36%, transparent)}.app.stempad-machine :is(.track,.jump-pad):after{opacity:.9;background:linear-gradient(155deg, color-mix(in srgb, var(--pad-color) 75%, #fff), var(--pad-color) 48%, color-mix(in srgb, var(--pad-color) 72%, #182633));box-shadow:inset 0 1px 3px #ffffffa6, inset 0 -3px 7px #0005, inset 0 0 16px color-mix(in srgb, var(--pad-color) 80%, transparent), 0 0 7px var(--pad-color), 0 0 17px color-mix(in srgb, var(--pad-color) 60%, transparent)}.app.stempad-machine .track:is(.muted,.empty),.app.stempad-machine .jump-pad:not(.active){box-shadow:0 2px 2px #000a, 0 0 0 1px #090b0d, 0 0 7px color-mix(in srgb, var(--pad-color) 20%, transparent)}.app.stempad-machine .track:is(.muted,.empty):after,.app.stempad-machine .jump-pad:not(.active):after{opacity:1;border-color:color-mix(in srgb, var(--pad-color) 55%, #25313c);background:linear-gradient(155deg, color-mix(in srgb, var(--pad-color) 42%, #17232d), color-mix(in srgb, var(--pad-color) 24%, #101820));box-shadow:inset 0 1px 2px #ffffff30, inset 0 -3px 7px #0006, 0 0 4px color-mix(in srgb, var(--pad-color) 34%, transparent)}.app.stempad-machine .track:is(.muted,.empty) :is(strong,.pad-number,small,.volume span,.octave-badge),.app.stempad-machine .jump-pad:not(.active) :is(strong,span,small){color:#edf5fb;text-shadow:0 1px #0008}.app.stempad-machine .track:not(.muted):not(.empty),.app.stempad-machine .jump-pad.active{box-shadow:0 2px 2px #000a, 0 0 0 1px #090b0d, 0 0 10px color-mix(in srgb, var(--pad-color) 72%, transparent), 0 0 24px color-mix(in srgb, var(--pad-color) 40%, transparent)}.app.stempad-machine .track:not(.muted):not(.empty):after,.app.stempad-machine .jump-pad.active:after{border-color:color-mix(in srgb, var(--pad-color) 45%, #fff);background:linear-gradient(155deg, color-mix(in srgb, var(--pad-color) 45%, #fff), color-mix(in srgb, var(--pad-color) 80%, #fff) 48%, var(--pad-color));box-shadow:inset 0 1px 4px #fff, inset 0 0 18px var(--pad-color), 0 0 9px var(--pad-color), 0 0 22px color-mix(in srgb, var(--pad-color) 75%, transparent)}.app.stempad-machine .track:not(.muted):not(.empty) .track-toggle>small{color:#fff;text-shadow:none;background:#0b1821;border-radius:2px;margin-top:0;padding:2px 4px}.app.stempad-machine .track:not(.muted):not(.empty) .track-toggle>small:before{content:"";background:var(--pad-color);width:4px;height:4px;box-shadow:0 0 3px var(--pad-color);vertical-align:1px;border-radius:50%;margin-right:3px;display:inline-block}.app.stempad-machine .surface-mode-switch button{--key-led:#58d5ff;--key-hue:170deg;box-shadow:inset 0 -2px color-mix(in srgb, var(--key-led) 58%, transparent), 0 2px 8px color-mix(in srgb, var(--key-led) 16%, transparent)}.app.stempad-machine .surface-mode-switch button:nth-of-type(2){--key-led:#ba7aff;--key-hue:255deg}.app.stempad-machine .surface-mode-switch button:nth-of-type(3){--key-led:#ffb959;--key-hue:26deg}.app.stempad-machine .surface-mode-switch button:nth-of-type(4){--key-led:#64b0ff;--key-hue:195deg}.app.stempad-machine .surface-mode-switch button:nth-of-type(5){--key-led:#71a1ff;--key-hue:211deg}.app.stempad-machine .surface-mode-switch button:nth-of-type(6){--key-led:#ff77c0;--key-hue:310deg}.app.stempad-machine .surface-mode-switch button:nth-of-type(7){--key-led:#57e7b1;--key-hue:128deg}.app.stempad-machine .mode{--key-led:#62bcff;--key-hue:188deg}.app.stempad-machine .mode.loop{--key-led:#ffc36a;--key-hue:27deg}.app.stempad-machine .mode.progressive{--key-led:#cb8cff;--key-hue:255deg}.app.stempad-machine .fx-strip button{--key-led:#5ee9ce;--key-hue:142deg}.app.stempad-machine .performance-strip .scene,.app.stempad-machine .mobile-deck-switch button{--key-led:#dba0ff;--key-hue:262deg}.app.stempad-machine .master-record{--key-led:#ff6860;--key-hue:0deg;box-shadow:inset 0 -2px #ff686070,0 2px 9px #ff50402a}.app.stempad-machine :is(.surface-mode-switch button[aria-pressed=true],.mode.active,.performance-strip .scene.saved,.fx-strip button.active,.master-record.active,.mobile-deck-switch button[aria-pressed=true]){color:#10202a;text-shadow:0 1px #ffffff40;box-shadow:0 0 7px color-mix(in srgb, var(--key-led) 64%, transparent), 0 0 19px color-mix(in srgb, var(--key-led) 26%, transparent)}.app.stempad-machine :is(.surface-mode-switch button[aria-pressed=true],.mode.active,.performance-strip .scene.saved,.fx-strip button.active,.master-record.active,.mobile-deck-switch button[aria-pressed=true]):before{filter:hue-rotate(var(--key-hue)) saturate(1.35) brightness(1.15);background-position:65.824% 90.645%;background-size:473.207% 819.608%}.app.stempad-machine .surface-mode-switch button[aria-pressed=true] .surface-side-state i.active{color:#c4f8ff;background:#071c2caa;box-shadow:0 0 3px #e6ffff60}.app.stempad-machine .transport .play:not(:disabled){color:#082c20;text-shadow:0 1px #ffffff40;box-shadow:0 0 9px #46f4a780,0 0 21px #46f4a733}.app.stempad-machine .transport .play:not(:disabled):before{filter:brightness(.85)saturate(1.15);background-position:95.127% 34.825%;background-size:550% 554.867%}.app.stempad-machine .transport .play[title=Pause]:before{filter:brightness(1.14)saturate(1.2)}.app.stempad-machine .master-record.active{color:#35100c}.app.stempad-machine .master-record.active i{background:#6c120e;box-shadow:0 0 3px #ffcabf}.app.stempad-machine .fx-strip .targets.active :is(b,small){color:#103029}@media (width<=1150px) and (width>=701px){.app.stempad-machine .topbar p{display:none}.app.stempad-machine .brand{margin-right:auto}.app.stempad-machine .surface-label{display:none}.app.stempad-machine .surface-mode-switch{gap:5px}.app.stempad-machine .surface-mode-switch button{padding-inline:7px;font-size:10px}.app.stempad-machine .pitch-strip small{display:none}.app.stempad-machine .performance-strip{gap:4px}.app.stempad-machine .performance-strip button{min-width:24px;padding-inline:4px;font-size:10px}.app.stempad-machine .performance-strip .scene{min-width:24px}.app.stempad-machine .performance-strip .downbeat{min-width:57px}.app.stempad-machine .performance-strip>span{font-size:9px}.app.stempad-machine .fx-strip{gap:5px}.app.stempad-machine .fx-strip button{padding-inline:7px;font-size:10px}.app.stempad-machine .deck-transport>small{max-width:160px}.app.stempad-machine .deck-pads{gap:9px}.app.stempad-machine .track-toggle{padding:7px 7px 2px}}@media (width<=900px) and (width>=701px){.app.stempad-machine .brand>small{display:none}.app.stempad-machine .topbar .midi{width:32px;min-width:32px;padding:7px;font-size:0}.app.stempad-machine .performance-strip>span:first-child{display:none}}@media (height<=760px) and (width>=701px){.app.stempad-machine{grid-template-rows:50px 43px minmax(0,1fr);height:calc(100dvh - 16px);margin-block:8px;padding-bottom:10px}.app.stempad-machine .deck-pads{gap:9px}.app.stempad-machine .track-toggle{grid-template-rows:25px minmax(0,1fr);padding-top:7px}.app.stempad-machine .track-heading strong{font-size:11px}.app.stempad-machine .volume{height:22px}.app.stempad-machine .track-toggle{height:calc(100% - 22px)}}@media (width<=700px){.app.stempad-machine{border-bottom-width:5px;border-radius:8px;grid-template-rows:49px 77px 34px minmax(0,1fr);width:calc(100% - 12px);height:calc(100dvh - 12px);margin:6px;padding:0 7px 8px}.app.stempad-machine .topbar{gap:4px;padding:0}.app.stempad-machine .brand{gap:0;margin-right:auto}.app.stempad-machine .stempad-wordmark{font-size:18px}.app.stempad-machine .stempad-wordmark sup{margin-left:2px;font-size:8px}.app.stempad-machine .brand>small,.app.stempad-machine .topbar p{display:none}.app.stempad-machine .topbar :is(.help-button,.theme-toggle,.ui-mode-toggle,.midi,.master-record,.loop-generator-link){flex-basis:29px;width:29px;min-width:29px;height:30px;margin:0;padding:5px}.app.stempad-machine .topbar :is(.midi,.master-record){font-size:0}.app.stempad-machine .surface-mode-switch{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:4px 0;display:grid}.app.stempad-machine .surface-label{display:none}.app.stempad-machine .surface-mode-switch button{gap:2px;min-width:0;height:30px;padding:3px 7px 5px;font-size:9px}.app.stempad-machine .surface-mode-switch button:nth-of-type(4){flex-direction:column;grid-area:1/4/3;justify-content:center;gap:7px;height:63px;margin:0}.app.stempad-machine .surface-side-state{gap:2px}.app.stempad-machine .surface-side-state i{width:8px;font-size:7px}.app.stempad-machine .mobile-deck-switch{background:0 0;border:0;gap:8px;padding:0 0 5px}.app.stempad-machine .mobile-deck-switch button{height:29px;min-height:29px;font-size:10px}.app.stempad-machine .decks{gap:0;min-height:640px}.app.stempad-machine .deck{grid-template-rows:50px 62px 33px 33px 70px minmax(0,1fr)}.app.stempad-machine .unified-bank-b{grid-template-rows:62px 33px 33px 70px minmax(0,1fr)}.app.stempad-machine .deck-header{background:var(--screen-bg);grid-template-columns:minmax(72px,1fr) minmax(0,2fr);gap:5px;padding:5px 7px}.app.stempad-machine .deck-header>div:first-child>span{font-size:8px}.app.stempad-machine .deck-header>div:first-child>strong{font-size:11px}.app.stempad-machine .deck-library{gap:3px}.app.stempad-machine .deck-library .folder-browser{min-width:58px}.app.stempad-machine .deck-library .folder-browser button{width:28px}.app.stempad-machine .song-carousel-item{flex-basis:115px;min-width:115px}.app.stempad-machine .song-carousel-item .song-carousel-select strong{font-size:10px}.app.stempad-machine .deck-library :is(.song-carousel-arrow,.song-carousel-delete,.reload-song){flex-basis:24px;width:24px;padding:5px}.app.stempad-machine .deck-transport{align-items:start;gap:4px;padding-top:6px;position:relative}.app.stempad-machine .transport{gap:2px}.app.stempad-machine .transport button,.app.stempad-machine .transport .restart{flex-basis:27px;width:27px;min-width:27px;height:29px;padding:3px;font-size:12px}.app.stempad-machine .bpm{gap:3px;margin:0;font-size:8px}.app.stempad-machine .bpm input{width:39px;height:29px;font-size:12px}.app.stempad-machine .mode{min-width:24px;height:29px;padding:4px;font-size:9px}.app.stempad-machine .deck-transport>span[role=timer]{border-width:1px;min-width:0;padding:3px 5px;font-size:8px;position:absolute;bottom:4px;right:0}.app.stempad-machine .deck-transport>small{text-align:left;margin:0;font-size:10px;position:absolute;bottom:5px;left:0;right:90px}.app.stempad-machine .deck-transport>.output-meter{height:23px;margin-top:2px;display:block}.app.stempad-machine :is(.performance-strip,.pitch-strip){gap:3px}.app.stempad-machine .performance-strip button,.app.stempad-machine .pitch-strip button{min-width:25px;height:27px;min-height:27px;padding:3px 7px;font-size:10px}.app.stempad-machine .performance-strip .scene-label{margin-left:auto;font-size:9px;display:block}.app.stempad-machine .pitch-strip small{display:none}.app.stempad-machine .fx-strip{grid-template-rows:30px 30px;grid-template-columns:minmax(0,1fr) 45px 40px 75px;gap:3px;padding-block:4px;display:grid}.app.stempad-machine .fx-buttons{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;display:grid}.app.stempad-machine .fx-strip button{height:27px;min-height:27px;padding:3px;font-size:8px}.app.stempad-machine .fx-strip :is(.hold,.echo-mode,.targets){min-width:0;height:27px}.app.stempad-machine .fx-strip .targets b{display:none}.app.stempad-machine .fx-depth{max-width:100%}.app.stempad-machine .deck-pads{gap:8px;padding-top:9px}.app.stempad-machine .track-toggle{grid-template-rows:27px minmax(0,1fr);gap:2px;height:calc(100% - 23px);padding:6px 6px 0}.app.stempad-machine .track-heading{gap:2px}.app.stempad-machine .track-heading:has(.octave-badge) .pad-number{display:none}.app.stempad-machine .track .octave-badge{grid-column:1;font-size:7px}.app.stempad-machine .track-heading strong{font-size:10px}.app.stempad-machine .pad-number,.app.stempad-machine .track small{font-size:7px}.app.stempad-machine .track small{letter-spacing:0}.app.stempad-machine .track:not(.muted):not(.empty) .track-toggle>small{padding:1px 2px}.app.stempad-machine .track:not(.muted):not(.empty) .track-toggle>small:before{display:none}.app.stempad-machine .volume{gap:3px;height:23px;margin-inline:7px;padding-inline:0}.app.stempad-machine .volume span{font-size:7px}.app.stempad-machine .track.empty,.app.stempad-machine .jump-pad{padding:10px}.app.stempad-machine .track.empty strong{letter-spacing:.04em;font-size:8px}.app.stempad-machine .jump-pad strong{font-size:16px}.app.stempad-machine .sfx-pad strong{font-size:11px}.app.stempad-machine .stempad-workspace.with-artwork>.stempad-artwork{width:32px;height:32px;top:8px;left:5px}.app.stempad-machine .with-artwork .unified-bank-a .deck-header{padding-left:43px}.app.stempad-machine .stempad-workspace.with-artwork:has(.unified-bank-b.mobile-active)>.stempad-artwork{display:none}.app.stempad-machine .with-artwork .unified-bank-b .deck-header{padding-left:7px}}@media (width<=370px){.app.stempad-machine .topbar{gap:3px}.app.stempad-machine .stempad-wordmark{font-size:15px}.app.stempad-machine .topbar :is(.help-button,.theme-toggle,.ui-mode-toggle,.midi,.master-record,.loop-generator-link){flex-basis:26px;width:26px;min-width:26px}.app.stempad-machine .deck{grid-template-rows:50px 84px 33px 33px 70px minmax(0,1fr)}.app.stempad-machine .unified-bank-b{grid-template-rows:84px 33px 33px 70px minmax(0,1fr)}.app.stempad-machine .decks{min-height:680px}.app.stempad-machine .deck-transport{flex-wrap:wrap;align-content:start;gap:3px;padding-bottom:22px}.app.stempad-machine .surface-mode-switch button{padding-inline:4px;font-size:8px}}@media (height<=840px){.app.stempad-machine .stempad-workspace{scrollbar-width:thin;scrollbar-color:#737b82 #151b20;overflow:hidden auto}}@media (prefers-reduced-motion:reduce){.app.stempad-machine *,.app.stempad-machine :before,.app.stempad-machine :after{transition:none!important;animation:none!important}}