:root{--bg:#06060a;--bg2:#0c0c13;--panel:#101019;--panel2:#161622;--raise:#1c1c2a;--line:#ffffff12;--line2:#ffffff1f;--ink:#f5f3ff;--ink2:#cfcbe6;--muted:#8d89a8;--a1:#ff5a36;--a2:#ffb547;--a3:#ff2e7e;--accent:#ff7a3d;--on-accent:#120804;--grad:linear-gradient(120deg,var(--a3) 0%,var(--a1) 45%,var(--a2) 100%);--glow:#ff7a3d38;--ok:#3ee08f;--bad:#ff5d6c;--warn:#ffd23f;--r:18px;--r2:12px;--pad:16px;--player:84px;--side:248px;--tabbar:0px;--shadow:0 20px 60px -20px #000000b3,0 0 0 1px var(--line);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0}body{color:var(--ink);font-family:var(--body),system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:radial-gradient(1200px 600px at 80% -10%,#ff2e7e1a,transparent 60%),radial-gradient(900px 500px at -10% 110%,#ff7a3d14,transparent 60%),var(--bg);background-attachment:fixed;min-height:100vh;font-size:15px;line-height:1.5}h1,h2,h3,.display{font-family:var(--display),system-ui,sans-serif;letter-spacing:-.01em;margin:0;font-weight:700}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}a{color:var(--accent)}::selection{background:var(--accent);color:var(--on-accent)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mono{font-family:var(--mono),ui-monospace,monospace}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#2a2a3a;border-radius:10px}.shell{grid-template-columns:var(--side) 1fr;min-height:100vh;display:grid}.side{height:100vh;padding:18px 14px calc(var(--player) + 14px);border-right:1px solid var(--line);background:linear-gradient(#ffffff04,#0000);flex-direction:column;gap:6px;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:10px;padding:4px 8px 16px;text-decoration:none;display:flex}.brand svg{filter:drop-shadow(0 6px 18px var(--glow));flex:none}.brand b{font-family:var(--display);letter-spacing:-.02em;font-size:20px;font-weight:800}.brand small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600;display:block}.navi{width:100%;color:var(--ink2);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:11px 12px;font-weight:600;transition:background .15s,color .15s;display:flex}.navi:hover{background:var(--panel2);color:var(--ink)}.navi.on{background:var(--panel2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2)}.navi.on svg{color:var(--accent)}.navi .tag{letter-spacing:.06em;color:#c6ff3d;background:#c6ff3d1f;border-radius:6px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:800}.sidefoot{flex-direction:column;gap:10px;margin-top:auto;display:flex}.wallet{background:linear-gradient(160deg,#ff5a362e,#ff2e7e14);border-radius:16px;padding:14px;box-shadow:inset 0 0 0 1px #ff7a3d40}.wallet .n{font-family:var(--display);font-size:30px;font-weight:800;line-height:1}.wallet span{color:var(--ink2);font-size:12px}.byline{color:var(--muted);padding:0 8px;font-size:11px}.shell>div{min-width:0}.main{min-width:0;padding:22px clamp(16px,3vw,36px) calc(var(--player) + 40px)}.topbar,.tabbar{display:none}@media (max-width:900px){:root{--tabbar:62px}.shell{grid-template-columns:1fr}.side{display:none}.topbar{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#06060ad1;align-items:center;gap:10px;padding:10px 16px;display:flex;position:sticky;top:0}.topbar .brand{padding:0}.topbar .brand b{font-size:18px}.main{padding:16px 16px calc(var(--player) + var(--tabbar) + 28px)}.tabbar{z-index:41;height:calc(var(--tabbar) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);background:#0a0a10f0;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:700;display:flex}.tabbar button.on{color:var(--ink)}.tabbar button.on svg{color:var(--accent)}}.btn{background:var(--grad);color:#fff;white-space:nowrap;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-weight:700;transition:transform .12s,filter .15s,opacity .15s;display:inline-flex;box-shadow:0 8px 24px -10px #ff5a3699}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2);background:0 0}.btn.ghost:hover{background:var(--panel2)}.btn.soft{background:var(--panel2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.btn.soft:hover{background:var(--raise)}.btn.sm{border-radius:10px;min-height:34px;padding:6px 12px;font-size:13px}.btn.big{letter-spacing:.01em;border-radius:16px;width:100%;min-height:56px;font-size:16px}.icon{background:var(--panel2);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink2);border:0;border-radius:12px;flex:none;place-items:center;display:grid}.icon:hover{color:var(--ink);background:var(--raise)}.link{color:var(--accent);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.card{background:linear-gradient(180deg,#ffffff06,#ffffff03),var(--panel);border-radius:var(--r);box-shadow:var(--shadow);padding:20px}.fine{color:var(--muted);font-size:12.5px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.between{justify-content:space-between;align-items:center;gap:10px;display:flex}.l{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:700;display:block}.field{margin:0 0 18px}input.t,textarea.t,select.t{background:var(--bg2);width:100%;box-shadow:inset 0 0 0 1px var(--line2);border:0;border-radius:12px;min-height:44px;padding:11px 13px;transition:box-shadow .15s}select.t{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px;padding-right:30px}textarea.t{resize:vertical;min-height:96px;line-height:1.5}textarea.lyr{min-height:240px;font-family:var(--mono),ui-monospace,monospace;font-size:13.5px;line-height:1.7}input.t:focus,textarea.t:focus,select.t:focus{box-shadow:inset 0 0 0 1.5px var(--accent),0 0 0 4px var(--glow);outline:none}input[type=range]{accent-color:var(--accent)}.seg{background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;gap:3px;padding:3px;display:flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;min-height:36px;padding:8px 10px;font-size:13px;font-weight:700;transition:all .15s}.seg button.on{background:var(--raise);color:var(--ink);box-shadow:0 2px 10px #0006,inset 0 0 0 1px var(--line2)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink2);background:0 0;border:0;border-radius:99px;min-height:32px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s}.chip:hover{background:var(--panel2);color:var(--ink)}.chip.on{color:#ffb08a;background:#ff7a3d24;box-shadow:inset 0 0 0 1px #ff7a3d99}.toggle{cursor:pointer;min-height:36px;color:var(--ink2);align-items:center;gap:10px;font-size:14px;font-weight:600;display:inline-flex}.toggle input{appearance:none;background:var(--raise);width:38px;height:22px;box-shadow:inset 0 0 0 1px var(--line2);cursor:pointer;border-radius:99px;flex:none;transition:background .15s;position:relative}.toggle input:after{content:"";background:var(--ink2);border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:3px;left:3px}.toggle input:checked{background:var(--accent)}.toggle input:checked:after{background:#fff;transform:translate(16px)}.msg{margin:10px 0 0;font-size:13.5px}.msg.bad{color:var(--bad)}.msg.ok{color:var(--ok)}.banner{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2);border-left:3px solid var(--accent);border-radius:12px;flex-direction:column;gap:2px;margin:0 0 16px;padding:12px 14px;display:flex}details.adv summary{cursor:pointer;color:var(--ink2);padding:8px 0;font-size:13px;font-weight:700;list-style:none}details.adv summary::-webkit-details-marker{display:none}details.adv summary:before{content:"＋ ";color:var(--accent)}details.adv[open] summary:before{content:"－ "}.tagbar{flex-wrap:wrap;gap:4px;margin:0 0 8px;display:flex}.tagbar button{box-shadow:inset 0 0 0 1px var(--line);background:var(--bg2);color:var(--ink2);font-size:11.5px;font-weight:700;font-family:var(--mono);border:0;border-radius:8px;min-height:28px;padding:4px 9px}.tagbar button:hover{color:var(--accent)}.count{color:var(--muted);font-size:11.5px;font-family:var(--mono)}.pulse{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%;margin-right:8px;animation:1.1s infinite p;display:inline-block}@keyframes p{0%,to{opacity:.3}50%{opacity:1}}.empty{border-radius:var(--r);text-align:center;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);background:repeating-linear-gradient(135deg,#0000 0 12px,#ffffff04 12px 24px);padding:36px 20px}.ph{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin:4px 0 22px;display:flex}.ph h1{font-size:clamp(28px,4vw,40px);line-height:1.05}.ph p{color:var(--muted);max-width:56ch;margin:6px 0 0}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-bottom:8px;font-size:11px;font-weight:800;display:inline-flex}.createGrid{grid-template-columns:minmax(340px,480px) 1fr;align-items:start;gap:24px;display:grid}@media (max-width:1180px){.createGrid{grid-template-columns:1fr}}.composer{position:relative;overflow:hidden}.composer:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(140deg,#ff2e7e8c,#ff7a3d40 40%,#0000 70%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bigprompt{min-height:130px!important;box-shadow:none!important;resize:none!important;background:0 0!important;padding:4px 0!important;font-size:18px!important;line-height:1.45!important}.bigprompt::placeholder{color:#5f5b78}.promptbox{background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line2);border-radius:16px;padding:14px 16px;transition:box-shadow .2s}.promptbox:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent),0 0 0 5px var(--glow)}.engines{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (max-width:480px){.engines{grid-template-columns:1fr}}.engine{cursor:pointer;display:block;position:relative}.engine input{opacity:0;position:absolute}.engine .b{background:var(--bg2);height:100%;box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;flex-direction:column;gap:2px;padding:12px;transition:all .15s;display:flex}.engine .b:hover{box-shadow:inset 0 0 0 1px var(--line2)}.engine input:checked+.b{box-shadow:inset 0 0 0 1.5px var(--accent);background:linear-gradient(160deg,#ff7a3d24,#ff2e7e0f)}.engine input:focus-visible+.b{outline:2px solid var(--accent)}.engine b{font-size:14px}.engine small{color:var(--muted);font-size:11.5px;line-height:1.35}.engine .cost{font-family:var(--mono);color:var(--a2);font-size:11px;font-weight:700;position:absolute;top:10px;right:12px}.ideas{scrollbar-width:none;gap:6px;padding:2px 0 4px;display:flex;overflow-x:auto}.ideas::-webkit-scrollbar{display:none}.ideas .chip{white-space:nowrap}.libbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.libbar .search{flex:1;min-width:180px;position:relative}.libbar .search input{padding-left:38px}.libbar .search svg{color:var(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}@media (max-width:520px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}}.cardT{background:var(--panel);box-shadow:var(--shadow);text-align:left;border-radius:16px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.cardT:hover{box-shadow:0 26px 60px -24px #000c,0 0 0 1px var(--line2);transform:translateY(-3px)}.cardT.sel{box-shadow:0 0 0 2px var(--accent),0 26px 60px -24px #ff5a3666}.cover{aspect-ratio:1;color:#fff;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.cover:after{content:"";mix-blend-mode:overlay;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.cover .ttl{font-family:var(--display);text-shadow:0 2px 12px #00000073;z-index:1;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(14px,1.6vw,18px);font-weight:800;line-height:1.05;display:-webkit-box;position:absolute;bottom:10px;left:12px;right:12px;overflow:hidden}.cover .kind{z-index:1;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:800;position:absolute;top:10px;left:10px}.playfab{z-index:2;color:#0b0b10;opacity:0;background:#fffffff2;border:0;border-radius:50%;place-items:center;width:44px;height:44px;transition:all .18s;display:grid;position:absolute;top:10px;right:10px;transform:scale(.85);box-shadow:0 10px 30px #0006}.cardT:hover .playfab,.cardT:focus-within .playfab,.playfab.on{opacity:1;transform:scale(1)}@media (hover:none){.playfab{opacity:1;transform:none}}.cmeta{flex-direction:column;gap:6px;padding:10px 12px 12px;display:flex}.cmeta p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.badges{flex-wrap:wrap;gap:4px;display:flex}.badge{background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink2);font-size:10.5px;font-weight:700;font-family:var(--mono);border-radius:6px;padding:2px 6px}.badge.hot{color:var(--a2);box-shadow:inset 0 0 0 1px #ffb54759}.gen{background:radial-gradient(circle at 50% 40%,#ff7a3d40,#0000 60%),#0d0d15;justify-content:center;align-items:flex-end;gap:4px;padding:30% 18%;display:flex;position:absolute;inset:0}.gen i{background:var(--grad);transform-origin:bottom;border-radius:4px;flex:1;animation:1s ease-in-out infinite eq}.gen i:nth-child(2){animation-delay:.15s}.gen i:nth-child(3){animation-delay:.3s}.gen i:nth-child(4){animation-delay:.45s}.gen i:nth-child(5){animation-delay:.6s}@keyframes eq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.gen span{text-align:center;color:var(--ink2);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700;position:absolute;bottom:12px;left:0;right:0}.drawerScrim{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;animation:.2s fade;position:fixed;inset:0}.drawer{z-index:51;background:var(--panel);width:min(480px,100vw);box-shadow:-30px 0 80px #0009,inset 1px 0 0 var(--line2);padding:20px 20px calc(var(--player) + 30px);animation:.28s cubic-bezier(.2,.8,.2,1) slide;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}@keyframes slide{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}.drawer .hero{aspect-ratio:16/10;border-radius:18px;margin:12px 0 14px;position:relative;overflow:hidden}.drawer .hero .cover{aspect-ratio:auto;height:100%}.titleIn{font-family:var(--display);background:0 0;border:0;border-bottom:1px dashed #0000;width:100%;padding:2px 0;font-size:24px;font-weight:800}.titleIn:hover,.titleIn:focus{border-bottom-color:var(--line2);outline:none}.wave{background:var(--bg2);touch-action:none;cursor:crosshair;width:100%;height:92px;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;display:block}.tools{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.tool{background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink2);text-align:center;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:6px;min-height:78px;padding:12px 8px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.tool:hover{color:var(--ink);background:var(--raise)}.tool.on{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--ink)}.tool svg{color:var(--accent)}.tool small{color:var(--muted);font-family:var(--mono);font-size:10.5px;font-weight:600}.toolpanel{background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line2);border-radius:14px;margin-top:10px;padding:14px}.stems{gap:6px;margin-top:10px;display:grid}.stem{background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex}.stem b{text-transform:capitalize;width:62px;font-size:13px}.stem audio{flex:1;min-width:0;height:34px}pre.lyrics{white-space:pre-wrap;font-family:var(--mono);background:var(--bg2);max-height:300px;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;margin:8px 0 0;padding:14px;font-size:13px;line-height:1.7;overflow:auto}.player{left:var(--side);right:0;bottom:var(--tabbar);z-index:40;height:var(--player);-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);border-top:1px solid var(--line);background:#0a0a10e0;grid-template-columns:auto auto 1fr;align-items:center;gap:16px;padding:10px clamp(14px,3vw,28px);display:grid;position:fixed}@media (max-width:900px){.player{--player:72px;grid-template-columns:1fr auto;gap:10px;height:72px;left:0}}.player .pc{border-radius:12px;flex:none;width:52px;height:52px;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000080}.player .pc .cover{aspect-ratio:1;height:100%}.ptitle{min-width:0;max-width:240px}.ptitle b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.ptitle span{color:var(--muted);font-size:12px}.pplay{color:#0b0b10;background:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 8px 24px -6px #ffffff4d}.pwave{align-items:center;gap:10px;min-width:0;display:flex}.pwave canvas{cursor:pointer;flex:1;min-width:0;height:40px}.time{color:var(--muted);font-size:11.5px;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.pline{display:none}@media (max-width:900px){.pwave{display:none}.ptitle{max-width:none}.pline{background:var(--grad);height:2px;box-shadow:0 0 8px var(--accent);display:block;position:absolute;top:-1px;left:0}}.landing{grid-template-columns:1.15fr .85fr;align-items:center;gap:36px;padding:28px 0;display:grid}@media (max-width:980px){.landing{grid-template-columns:1fr;padding:6px 0}}.landing h1{letter-spacing:-.03em;font-size:clamp(40px,6.4vw,78px);line-height:.95}.landing h1 em{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.lede{color:var(--ink2);max-width:50ch;margin:18px 0 0;font-size:18px}.perks{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:28px;display:grid}.perk{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;padding:14px}.perk b{margin-bottom:2px;font-size:14px;display:block}.perk span{color:var(--muted);font-size:12.5px}.orb{align-items:flex-end;gap:5px;max-width:420px;height:120px;margin-top:26px;display:flex;position:relative}.orb i{background:var(--grad);opacity:.9;transform-origin:bottom;border-radius:3px;flex:1;animation:1.4s ease-in-out infinite eq}.scrim{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}.modal{background:var(--panel);width:min(520px,100%);max-height:90vh;box-shadow:var(--shadow);border-radius:20px;padding:20px;overflow:auto}.packs{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin:12px 0;display:grid}.pack{color:var(--ink);background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line2);text-align:center;border-radius:14px;padding:14px;text-decoration:none;display:block}.pack .n{font-family:var(--display);background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.toast{left:50%;bottom:calc(var(--player) + var(--tabbar) + 16px);z-index:80;background:var(--raise);box-shadow:var(--shadow);border-radius:14px;max-width:calc(100vw - 32px);padding:11px 16px;font-size:14px;font-weight:600;animation:.2s fade;position:fixed;transform:translate(-50%)}.choplab{--accent:#c6ff3d;--on-accent:#0a0f00;--glow:#c6ff3d2e;--a2:#c6ff3d;--hot:#ff3d8b;--grad:linear-gradient(120deg,#c6ff3d,#3dffc4);--led:#c6ff3d;--led2:#3dffc4}.choplab .btn{color:#0a0f00;box-shadow:0 8px 24px -10px #c6ff3d80}.choplab .btn.soft,.choplab .btn.ghost{color:var(--ink)}.choplab .chip.on{color:#dfff9a;background:#c6ff3d1f;box-shadow:inset 0 0 0 1px #c6ff3d8c}.bm{flex-direction:column;gap:14px;display:flex}.labhead{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.labhead h1{font-size:clamp(26px,3.6vw,36px)}.labhead .logo{background:#0d1405;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 0 0 1px #c6ff3d59,0 0 30px #c6ff3d26}.deck{box-shadow:inset 0 1px 0 #ffffff0f,0 24px 60px -24px #000000e6,0 0 0 1px var(--line);background:linear-gradient(#15151f,#0d0d14);border-radius:20px;padding:14px}.transport{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.transport .play{color:#0a0f00;background:radial-gradient(circle at 35% 30%,#e6ff9a,#c6ff3d 55%,#8fc400);border:0;border-radius:50%;width:58px;height:58px;font-size:20px;font-weight:900;box-shadow:0 0 0 4px #c6ff3d1f,0 10px 30px -8px #c6ff3d99}.transport .play.on{color:#fff;background:radial-gradient(circle at 35% 30%,#ff9ac2,#ff3d8b 55%,#c4005a);box-shadow:0 0 0 4px #ff3d8b26,0 10px 30px -8px #ff3d8b99}.recb{background:var(--panel2);min-height:40px;box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink2);border:0;border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.recb:before{content:"";background:#5a2236;border-radius:50%;width:10px;height:10px}.recb.on{color:#fff;box-shadow:inset 0 0 0 1px var(--hot)}.recb.on:before{background:var(--hot);box-shadow:0 0 12px var(--hot);animation:.8s infinite p}.lcd{font-family:var(--mono);letter-spacing:.06em;color:var(--led);text-align:center;text-shadow:0 0 8px #c6ff3d8c;background:#050805;border-radius:10px;min-width:120px;padding:8px 14px;font-size:15px;font-weight:600;box-shadow:inset 0 0 0 1px #c6ff3d33,inset 0 0 24px #c6ff3d0f}.lcdnum{background:#050805;border-radius:10px;flex-direction:column;align-items:center;gap:0;padding:4px 10px;display:flex;box-shadow:inset 0 0 0 1px #c6ff3d33}.lcdnum small{letter-spacing:.14em;color:#6e8a3a;font-size:9px;font-weight:800}.lcdnum input{text-align:center;width:56px;font-family:var(--mono);color:var(--led);text-shadow:0 0 8px #c6ff3d80;background:0 0;border:0;padding:0;font-size:18px;font-weight:700}.lcdnum input:focus{outline:none}.knob{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;flex-direction:column;align-items:center;gap:2px;font-size:9px;font-weight:800;display:flex}.knob .k{touch-action:none;cursor:ns-resize;background:radial-gradient(circle at 40% 35%,#3a3a4c,#16161f);border-radius:50%;width:40px;height:40px;position:relative;box-shadow:inset 0 1px #ffffff1a,0 4px 10px #00000080}.knob .k:after{content:"";background:var(--led);width:3px;height:11px;box-shadow:0 0 6px var(--led);transform-origin:50% 15px;transform:rotate(var(--rot,0deg));border-radius:2px;margin-left:-1.5px;position:absolute;top:5px;left:50%}.meter{width:110px;height:6px;box-shadow:inset 0 0 0 1px var(--line);background:#0a0a10;border-radius:4px;overflow:hidden}.meter i{background:linear-gradient(90deg,#3dffc4,#c6ff3d 60%,#ffd23f 80%,#ff3d8b);height:100%;transition:width 80ms;display:block}.bmtabs{box-shadow:inset 0 0 0 1px var(--line);scrollbar-width:none;background:#0a0a10;border-radius:14px;gap:4px;padding:4px;display:flex;overflow-x:auto}.bmtabs::-webkit-scrollbar{display:none}.bmtabs button{min-width:84px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:0 0;border:0;border-radius:10px;flex:1;padding:9px 10px;font-size:12.5px;font-weight:800;transition:all .15s}.bmtabs button.on{background:var(--panel2);color:var(--led);text-shadow:0 0 10px #c6ff3d66;box-shadow:inset 0 0 0 1px #c6ff3d4d}.pats{align-items:center;gap:6px;display:flex}.pat{width:42px;height:38px;box-shadow:inset 0 0 0 1px var(--line2);font-weight:900;font-family:var(--mono);color:var(--muted);background:#0a0a10;border:0;border-radius:10px}.pat.on{color:var(--led);box-shadow:inset 0 0 0 1.5px var(--led),0 0 18px #c6ff3d40;text-shadow:0 0 8px var(--led);background:#101a05}.seqwrap{-webkit-overflow-scrolling:touch;box-shadow:inset 0 0 0 1px var(--line);background:#0b0b11;border-radius:18px;overflow-x:auto}.seq{gap:5px;min-width:max-content;padding:12px;display:grid}.lane{grid-template-columns:150px repeat(var(--steps),32px);align-items:center;gap:5px;display:grid}.lname{z-index:2;background:#0b0b11;align-items:center;gap:4px;height:36px;padding-right:6px;font-size:12.5px;font-weight:700;display:flex;position:sticky;left:0}.lname button.name{text-align:left;white-space:nowrap;text-overflow:ellipsis;color:var(--ink2);background:0 0;border:0;flex:1;padding:0 4px;font-weight:700;overflow:hidden}.lname button.name:hover{color:var(--led)}.ms{width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--line2);color:var(--muted);background:#14141d;border:0;border-radius:6px;padding:0;font-size:10px;font-weight:900}.ms.m.on{color:#fff;background:#ff3d5a;box-shadow:0 0 10px #ff3d5a80}.ms.s.on{color:#000;background:#ffd23f;box-shadow:0 0 10px #ffd23f80}.step{background:#17171f;border:0;border-radius:8px;width:32px;height:36px;padding:0;transition:transform 60ms;position:relative;box-shadow:inset 0 -2px #0006,inset 0 0 0 1px #ffffff0a}.step:active{transform:scale(.92)}.step.beat{background:#1e1e29}.step.v1{background:#2c3a12;box-shadow:inset 0 0 0 1px #c6ff3d40}.step.v2{background:#5d7d16;box-shadow:inset 0 0 0 1px #c6ff3d73,0 0 8px #c6ff3d40}.step.v3{background:var(--led);box-shadow:0 0 14px #c6ff3d8c,inset 0 -2px #0003}.step.now{outline-offset:-2px;outline:2px solid #ffffffd9}.stepnum{grid-template-columns:150px repeat(var(--steps),32px);color:#55536b;text-align:center;font-size:10px;font-family:var(--mono);gap:5px;font-weight:700;display:grid}.pads{background:linear-gradient(#1a1a24,#101017);border-radius:22px;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:600px;margin:0 auto;padding:16px;display:grid;box-shadow:inset 0 1px #ffffff0f,0 30px 60px -30px #000000e6}.pad{aspect-ratio:1;color:var(--ink2);touch-action:none;-webkit-user-select:none;user-select:none;text-align:center;background:linear-gradient(#2a2a37,#1d1d27);border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;font-size:12px;font-weight:800;transition:transform 50ms,background 50ms;display:flex;box-shadow:inset 0 1px #ffffff14,inset 0 -4px #00000059,0 6px 14px #0006}.pad small{color:#62607a;font-size:10px;font-family:var(--mono)}.pad.hit{color:#0a0f00;background:radial-gradient(circle,#f0ffc4,#c6ff3d 60%,#86b800);transform:scale(.96);box-shadow:0 0 30px #c6ff3d99}.pad.sel{box-shadow:inset 0 0 0 2px var(--led2),0 6px 14px #0006}.pad:disabled{opacity:.35}.roll{gap:3px;min-width:max-content;padding:12px;display:grid}.rrow{grid-template-columns:64px repeat(var(--steps),28px);gap:3px;display:grid}.rkey{color:#222;z-index:2;height:22px;font-size:10.5px;font-weight:700;font-family:var(--mono);background:#e8e6f0;border-radius:5px;align-items:center;padding-left:8px;display:flex;position:sticky;left:0}.rkey.black{color:#aaa;background:#1a1a22}.rkey.root{box-shadow:inset 3px 0 0 var(--led)}.cell{background:#15151d;border:0;border-radius:4px;width:28px;height:22px;padding:0;box-shadow:inset 0 0 0 1px #ffffff08}.cell.out{opacity:.3}.cell.beat{background:#1b1b25}.cell.on{background:linear-gradient(90deg,#3dffc4,#c6ff3d);box-shadow:0 0 10px #3dffc466}.cell.tail{background:#3dffc459}.cell.now{outline-offset:-1.5px;outline:1.5px solid #fffc}.mixer{gap:10px;padding:4px 2px 10px;display:flex;overflow-x:auto}.strip{width:100px;box-shadow:inset 0 1px 0 #ffffff0d,0 0 0 1px var(--line);background:linear-gradient(#1a1a24,#111118);border-radius:16px;flex-direction:column;flex:none;align-items:center;gap:8px;padding:12px 10px;display:flex}.strip b{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11.5px;overflow:hidden}.strip label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;width:100%;font-size:10px;font-weight:700}.strip input[type=range]{width:100%}.vfader{writing-mode:vertical-lr;direction:rtl;height:140px;width:30px!important}.arr{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.blk{min-width:56px;height:52px;box-shadow:inset 0 0 0 1px var(--line2);font-weight:900;font-family:var(--mono);color:var(--ink2);background:#17171f;border:0;border-radius:12px;justify-content:center;align-items:center;font-size:16px;display:flex}.blk.now{color:var(--led);box-shadow:inset 0 0 0 1.5px var(--led),0 0 16px #c6ff3d4d;background:#101a05}.wavebox{border-radius:14px;position:relative;overflow:hidden}.choplab .wave{background:#06080a;box-shadow:inset 0 0 0 1px #c6ff3d26}.slice{pointer-events:none;border-left:1.5px solid #3dffc4e6;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #3dffc499}.overlay{z-index:70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:radial-gradient(circle at 50% 30%,#c6ff3d14,#040408eb 60%);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.overlay .card{max-width:440px}.kbd{font-family:var(--mono);color:var(--ink2);box-shadow:inset 0 -1px 0 #00000080,inset 0 0 0 1px var(--line2);background:#1a1a24;border-radius:5px;padding:1px 5px;font-size:10.5px}.tracks{gap:8px;display:grid}.actions{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:12px;display:grid}@media (max-width:640px){.lane,.stepnum{grid-template-columns:104px repeat(var(--steps),30px)}.step{width:30px}.transport .play{width:52px;height:52px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.cover.busy .ttl{display:none}
@font-face{font-family:Unbounded;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d0d9446e69c4847e-s.3w7f_p1-p40wk.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded;font-style:normal;font-weight:500;font-display:swap;src:url(../media/4e1c87b7aa9e2f2f-s.403cw4u-aurg6.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Unbounded;font-style:normal;font-weight:500;font-display:swap;src:url(../media/3fd967fc5374d70a-s.0aam4xq51u8ez.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded;font-style:normal;font-weight:500;font-display:swap;src:url(../media/dd14639a62c56cb2-s.2--ii1rah3vw3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b59689b1142d37ce-s.p.3tqbdkkdqajd-.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d0d9446e69c4847e-s.3w7f_p1-p40wk.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(../media/4e1c87b7aa9e2f2f-s.403cw4u-aurg6.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(../media/3fd967fc5374d70a-s.0aam4xq51u8ez.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(../media/dd14639a62c56cb2-s.2--ii1rah3vw3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b59689b1142d37ce-s.p.3tqbdkkdqajd-.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;font-style:normal;font-weight:800;font-display:swap;src:url(../media/d0d9446e69c4847e-s.3w7f_p1-p40wk.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded;font-style:normal;font-weight:800;font-display:swap;src:url(../media/4e1c87b7aa9e2f2f-s.403cw4u-aurg6.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Unbounded;font-style:normal;font-weight:800;font-display:swap;src:url(../media/3fd967fc5374d70a-s.0aam4xq51u8ez.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded;font-style:normal;font-weight:800;font-display:swap;src:url(../media/dd14639a62c56cb2-s.2--ii1rah3vw3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-weight:800;font-display:swap;src:url(../media/b59689b1142d37ce-s.p.3tqbdkkdqajd-.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded Fallback;src:local(Arial);ascent-override:73.93%;descent-override:18.2%;line-gap-override:0.0%;size-adjust:134.59%}._1ef0bG_className{font-family:Unbounded,Unbounded Fallback;font-style:normal}._1ef0bG_variable{--display:"Unbounded", "Unbounded Fallback"}
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}._0kJPTW_className{font-family:Geist,Geist Fallback;font-style:normal}._0kJPTW_variable{--body:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}._7OZa6G_className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}._7OZa6G_variable{--mono:"Geist Mono", "Geist Mono Fallback"}