.ufrd2m0{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:#020205;color:#f8fafc;font-family:JetBrains Mono,BIZ UDPGothic,sans-serif;overflow:hidden}.ufrd2m1{flex:1 1 65%;position:relative;overflow:hidden;background-color:#000;min-height:0}.ufrd2m2{position:absolute;inset:0}.ufrd2m3{flex:0 0 35%;flex-direction:column;background-color:#0a0a0f;overflow:hidden;min-height:0}.ufrd2m3,.ufrd2m4{display:flex;border-top:1px solid #1a1a24}.ufrd2m4{flex:0 0 12px;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(8,47,73,.88),rgba(15,23,42,.98));border-bottom:1px solid #1a1a24;cursor:row-resize;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ufrd2m5{width:72px;height:4px;border-radius:999px;background-color:rgba(125,211,252,.9);box-shadow:0 0 16px rgba(56,189,248,.35)}.ufrd2m6{gap:12px;padding:12px;border-bottom:1px solid #1a1a24}.ufrd2m6,.ufrd2m7{display:flex;align-items:center;flex-wrap:wrap}.ufrd2m7{gap:8px}.ufrd2m8{font-size:.68rem;font-weight:800;letter-spacing:.12em;color:#94a3b8}.ufrd2m9{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ufrd2ma{min-width:46px;padding:8px 10px;background-color:#111;border:1px solid #1a1a24;color:#f8fafc;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s}.ufrd2ma:hover{border-color:#38bdf8;background-color:#161622}.ufrd2mb{width:160px;cursor:ew-resize;accent-color:#38bdf8}.ufrd2mc{width:64px;padding:8px 10px;background-color:#111;border:1px solid #1a1a24;color:#f8fafc;border-radius:8px;font-size:.8rem;font-weight:700;text-align:center}.ufrd2md{flex:1;padding:12px;overflow-y:auto}.ufrd2md,.ufrd2me{display:flex;flex-direction:column;gap:10px}.ufrd2me{padding-top:8px;border-top:1px solid #1a1a24}.ufrd2mf{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ufrd2mg{margin:0;font-size:.78rem;font-weight:800;letter-spacing:.18em;color:#cbd5e1}.ufrd2mh{flex:1;min-width:220px;position:relative;height:10px;border-radius:999px;background-color:rgba(15,23,42,.82);border:1px solid rgba(255,255,255,.06);overflow:hidden}.ufrd2mi{inset:0;background-image:linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 0);background-size:6.25% 100%}.ufrd2mi,.ufrd2mj{position:absolute;pointer-events:none}.ufrd2mj{top:-1px;bottom:-1px;border-radius:999px;background-color:rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.9);border-right:1px solid rgba(255,255,255,.16);box-shadow:0 0 16px rgba(255,255,255,.12)}.ufrd2mj[data-track=rhythm]{background-color:rgba(244,63,94,.18);border-left-color:rgba(253,164,175,.95);box-shadow:0 0 16px rgba(244,63,94,.22)}.ufrd2mj[data-track=harmony]{background-color:rgba(56,189,248,.14);border-left-color:rgba(125,211,252,.95);box-shadow:0 0 16px rgba(56,189,248,.2)}.ufrd2mk{display:flex;flex-direction:column;gap:10px}.ufrd2ml{gap:10px 16px;align-items:flex-start}.ufrd2ml,.ufrd2mm{display:flex;flex-wrap:wrap}.ufrd2mm{align-items:center;gap:8px}.ufrd2mn{font-size:.68rem;font-weight:800;letter-spacing:.12em;color:#94a3b8}.ufrd2mo,.ufrd2mp{display:flex;gap:8px;flex-wrap:wrap}.ufrd2mq{min-width:92px;padding:7px 10px;border-radius:8px;border:1px solid #1a1a24;background-color:rgba(15,23,42,.55);color:#f8fafc;font-size:.76rem;font-weight:700}.ufrd2mr{display:flex;gap:12px;align-items:center}.ufrd2ms{width:70px;font-size:.65rem;font-weight:800;color:#64748b;letter-spacing:.1em}.ufrd2mt{display:flex;gap:4px;flex:1}.ufrd2mu{flex:1;height:28px;border-radius:4px;background-color:rgba(255,255,255,.03);border:1px solid transparent;cursor:pointer;transition:all .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.ufrd2mu[data-active=true][data-lane=kick]{background-color:#f43f5e;color:#f43f5e}.ufrd2mu[data-active=true][data-lane=snare]{background-color:#fb923c;color:#fb923c}.ufrd2mu[data-active=true][data-lane=hihat]{background-color:#fbbf24;color:#fbbf24}.ufrd2mu[data-active=true][data-lane=chord]{background-color:#0ea5e9;color:#0ea5e9}.ufrd2mu[data-active=true][data-lane=melody]{background-color:#a78bfa;color:#a78bfa}.ufrd2mu[data-active=true]{box-shadow:inset 0 0 8px currentColor,0 0 12px currentColor}.ufrd2mu[data-playhead=true]{border-color:#fff;transform:scaleY(1.15);z-index:2;filter:brightness(1.5)}.ufrd2mv{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:10px;z-index:100;pointer-events:none}.ufrd2mw{margin:0;color:#f8fafc;font-family:Apple Chancery,Snell Roundhand,URW Chancery L,Palatino Linotype,serif;font-size:clamp(1.35rem,2.7vw,2rem);font-weight:500;font-style:italic;letter-spacing:.08em;line-height:.92;text-transform:lowercase;text-shadow:0 0 18px rgba(125,211,252,.4),0 0 34px rgba(56,189,248,.2)}.ufrd2mx{font-size:.65rem;background-color:rgba(0,0,0,.75);backdrop-filter:blur(4px);padding:4px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.1);color:#38bdf8;width:-moz-fit-content;width:fit-content}.ufrd2my{font-size:1rem;font-weight:900;color:#fff;text-shadow:0 0 8px #38bdf8}.ufrd2mz{padding:8px 16px;background-color:#111;border:1px solid #1a1a24;color:#f8fafc;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;pointer-events:auto}.ufrd2mz:hover:not(:disabled){border-color:#38bdf8;background-color:#161622}.ufrd2mz[data-primary=true]{background-color:#38bdf8;color:#000;border-color:#38bdf8}.ufrd2mz:disabled{opacity:.3;cursor:not-allowed}.ufrd2m10{position:fixed;inset:0;background-color:rgba(0,0,0,.85);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.ufrd2m11{background-color:#0a0a0f;width:100%;max-width:800px;max-height:90vh;border-radius:20px;border:1px solid #1a1a24;display:flex;flex-direction:column;overflow:hidden}.ufrd2m12{padding:20px;border-bottom:1px solid #1a1a24;display:flex;justify-content:space-between;align-items:center}.ufrd2m13{flex:1;padding:20px;display:grid;grid-template-columns:repeat(1,1fr);gap:12px;overflow-y:auto}.ufrd2m14{background-color:#020205;border-radius:12px;border:1px solid #1a1a24;padding:16px;display:flex;flex-direction:column;gap:10px;transition:all .2s}.ufrd2m14:hover{border-color:#38bdf8}.ufrd2m15{display:flex;justify-content:space-between;align-items:flex-start}.ufrd2m16{font-size:1rem;font-weight:800;color:#fff}.ufrd2m17{font-size:.85rem;font-weight:900;color:#fbbf24}.ufrd2m18{font-size:.75rem;color:#64748b;line-height:1.5}.ufrd2m19{display:flex;gap:8px;padding:10px 12px 0;flex-wrap:wrap}.ufrd2m1a{font-size:.68rem;color:#cbd5e1;border:1px solid #1a1a24;border-radius:999px;padding:6px 10px;background-color:rgba(15,23,42,.55)}.ufrd2m1b{justify-content:space-between}.ufrd2m1b,.ufrd2m1c{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ufrd2m1d{font-size:.78rem;letter-spacing:.16em;color:#e2e8f0}.ufrd2m1e{font-size:.68rem;color:#64748b}.ufrd2m1f{display:flex;flex-direction:column;gap:10px;padding-top:8px;border-top:1px solid #1a1a24}.ufrd2m1g{display:flex;gap:8px;flex-wrap:wrap}.ufrd2m1h{padding:6px 10px;border-radius:999px;border:1px solid #1a1a24;background-color:rgba(15,23,42,.55);color:#cbd5e1;font-size:.72rem;font-weight:700;cursor:pointer;transition:all .18s}.ufrd2m1h[data-active=true]{background-color:rgba(14,165,233,.18);border-color:rgba(125,211,252,.6);color:#f8fafc;box-shadow:0 0 0 1px rgba(125,211,252,.2)}.ufrd2m1i{position:relative;min-height:92px;border-radius:16px;border:1px solid #1a1a24;background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.96));overflow:hidden;cursor:crosshair}.ufrd2m1j{position:absolute;inset:0;display:grid;grid-template-columns:repeat(32,1fr);pointer-events:none}.ufrd2m1k{border-right:1px solid rgba(148,163,184,.08)}.ufrd2m1k[data-strong=true]{border-right-color:rgba(56,189,248,.18)}.ufrd2m1l{position:absolute;top:0;bottom:0;background-color:rgba(14,165,233,.08);border-left:1px solid rgba(125,211,252,.82);border-right:1px solid rgba(125,211,252,.14);pointer-events:none}.ufrd2m1m{position:absolute;top:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;padding-left:10px;border-radius:12px;background:linear-gradient(135deg,rgba(14,165,233,.9),rgba(34,197,94,.82));border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 24px rgba(8,145,178,.2);overflow:hidden;cursor:grab}.ufrd2m1m[data-selected=true]{background:linear-gradient(135deg,rgba(250,204,21,.96),rgba(251,146,60,.92));box-shadow:0 0 0 1px rgba(254,240,138,.9),0 10px 28px rgba(251,191,36,.3)}.ufrd2m1m:active{cursor:grabbing}.ufrd2m1n{font-size:.72rem;color:#020617;font-weight:800;letter-spacing:.05em;pointer-events:none}.ufrd2m1o{width:10px;align-self:stretch;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.08));border-left:1px solid rgba(255,255,255,.28);cursor:ew-resize}.ufrd2m1p{display:flex;flex-direction:column;gap:10px;padding-top:8px;border-top:1px solid #1a1a24}.ufrd2m1q{justify-content:space-between}.ufrd2m1q,.ufrd2m1r{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ufrd2m1s{font-size:.68rem;color:#64748b}.ufrd2m1t{display:grid;grid-template-columns:48px 1fr;gap:10px;min-height:280px}.ufrd2m1u{display:grid;grid-template-rows:repeat(8,1fr);gap:4px}.ufrd2m1v{display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#64748b;border-radius:8px;background-color:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04)}.ufrd2m1v[data-in-scale=true]{color:#dbeafe;border-color:rgba(96,165,250,.26);background-color:rgba(59,130,246,.08)}.ufrd2m1w{position:relative;min-height:280px;border-radius:16px;border:1px solid #1a1a24;background:radial-gradient(circle at top,rgba(56,189,248,.14),transparent 50%),linear-gradient(180deg,rgba(15,23,42,.85),rgba(2,6,23,.92));overflow:hidden;cursor:crosshair}.ufrd2m1x{position:absolute;inset:0;display:grid;grid-template-columns:repeat(32,1fr);grid-template-rows:repeat(8,1fr);pointer-events:none}.ufrd2m1y{border-right:1px solid rgba(148,163,184,.08);border-bottom:1px solid rgba(148,163,184,.08)}.ufrd2m1y[data-strong=true]{border-right-color:rgba(56,189,248,.2)}.ufrd2m1z{position:absolute;top:0;bottom:0;background-color:rgba(56,189,248,.08);border-left:1px solid rgba(125,211,252,.8);border-right:1px solid rgba(125,211,252,.16);pointer-events:none}.ufrd2m20{position:absolute;display:flex;align-items:center;gap:8px;padding-left:8px;padding-right:8px;border-radius:10px;background:linear-gradient(135deg,rgba(96,165,250,.92),rgba(167,139,250,.92));border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 24px rgba(59,130,246,.24);overflow:hidden;cursor:grab}.ufrd2m20[data-fit=chord]{background:linear-gradient(135deg,rgba(16,185,129,.94),rgba(45,212,191,.92));box-shadow:0 10px 24px rgba(20,184,166,.24)}.ufrd2m20[data-fit=scale]{background:linear-gradient(135deg,rgba(96,165,250,.92),rgba(167,139,250,.92))}.ufrd2m20[data-fit=out]{background:linear-gradient(135deg,rgba(244,63,94,.92),rgba(251,146,60,.9));box-shadow:0 10px 24px rgba(239,68,68,.24)}.ufrd2m20[data-selected=true]{background:linear-gradient(135deg,rgba(250,204,21,.96),rgba(251,146,60,.92));box-shadow:0 0 0 1px rgba(254,240,138,.9),0 10px 28px rgba(251,191,36,.32)}.ufrd2m20:active{cursor:grabbing}.ufrd2m21{font-size:.68rem;color:#020617;font-weight:800;letter-spacing:.04em;pointer-events:none}.ufrd2m22{font-size:.58rem;font-weight:900;letter-spacing:.08em;color:rgba(2,6,23,.8);background-color:rgba(255,255,255,.42);border-radius:999px;padding:2px 6px;pointer-events:none}.ufrd2m23{width:10px;align-self:stretch;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.08));border-left:1px solid rgba(255,255,255,.28);cursor:ew-resize}@media (max-width:640px){.ufrd2mb{width:120px}}@media (min-width:640px){.ufrd2m13{grid-template-columns:repeat(2,1fr)}}