.appwin{--a-bg:#1b1d20;--a-bar:#26282c;--a-panel:#2f3136;--a-panel2:#3a3d43;--a-panel3:#44474e;--a-inset:#17181b;--a-line:#1a1b1e;--a-line2:#5a5e66;--a-text:#e6e7e9;--a-muted:#9a9da3;--a-dim:#71747b;--a-accent:#5ed1ea;--a-ink:#0b0d10;--a-ok:#8fc79a;--a-warn:#e0b66a;--a-fail:#e5645a;--a-info:#7fb0e0;--drums:#e0b66a;--bass:#e0736a;--music:#7fb0e0;--vocal:#b59ae0;--fx:#9a9da3;--s-intro:#454850;--s-A:#7a6a3e;--s-B:#4f5f73;--s-build:#7a5548;--s-outro:#454850;font-variant-numeric:tabular-nums;color:var(--a-text);text-align:left;background:var(--a-bg);border:1px solid #ffffff1f;border-radius:11px;font-family:Hanken Grotesk,Inter,sans-serif;font-size:11px;line-height:1.4;overflow:hidden;box-shadow:0 50px 110px -30px #000,0 0 0 1px #00000080}.appwin .bar{background:var(--a-bar);border-bottom:1px solid var(--a-line);height:30px;color:var(--a-muted);align-items:center;gap:7px;padding:0 11px;font-size:11.5px;display:flex}.appwin .bar i{background:#4a4d54;border-radius:50%;width:10px;height:10px}.appwin .bar span{margin-left:8px}.appwin .bar em{color:var(--a-dim);margin-left:auto;font-style:normal}.tlw .tool{background:var(--a-panel);border-bottom:1px solid var(--a-line);white-space:nowrap;align-items:center;gap:8px;padding:8px 10px;display:flex;overflow:hidden}.tlw .tb{background:var(--a-panel3);border:1px solid var(--a-line2);border-radius:4px;flex:none;place-items:center;width:26px;height:26px;display:grid}.tlw .tb.on{background:var(--a-accent);border-color:var(--a-accent);color:var(--a-ink)}.tlw .tb svg{width:10px;height:10px}.tlw .lcd{background:var(--a-inset);border:1px solid var(--a-line);border-radius:4px;align-items:baseline;gap:12px;padding:3px 10px;display:flex}.tlw .lcd b{color:var(--a-accent);min-width:4ch;font-size:14px;font-weight:500}.tlw .lcd span{color:var(--a-muted);font-size:10px}.tlw .vp{background:var(--a-panel2);border:1px solid var(--a-line);color:var(--a-muted);border-radius:4px;padding:4px 9px}.tlw .vp.sel{color:var(--a-text);border-color:var(--a-accent)}.tlw .vp small{color:var(--a-dim);margin-left:4px;font-size:10px}.tlw .grow{flex:1}.tlw .seg{border:1px solid var(--a-line2);border-radius:4px;display:flex;overflow:hidden}.tlw .seg b,.tlw .seg i{color:var(--a-muted);padding:4px 9px;font-style:normal;font-weight:500}.tlw .seg b{background:var(--a-panel3);color:var(--a-text)}.tlw .tlg{grid-template-columns:var(--lab,128px) 1fr;background:var(--a-panel);display:grid;position:relative}.tlw .lab{border-right:1px solid var(--a-line);border-bottom:1px solid var(--a-line);white-space:nowrap;align-items:center;gap:8px;min-width:0;padding:0 8px 0 10px;font-size:11.5px;display:flex;overflow:hidden}.tlw .lab.h{color:var(--a-dim);text-transform:uppercase;letter-spacing:.05em;font-size:9.5px}.tlw .lab .sw{border-radius:2px;flex:none;width:3px;height:15px}.tlw .lab .nm{text-overflow:ellipsis;overflow:hidden}.tlw .lab .ms{gap:3px;margin-left:auto;display:flex}.tlw .lab .ms b{background:var(--a-panel3);width:15px;height:15px;color:var(--a-dim);border-radius:4px;place-items:center;font-size:8px;font-weight:700;display:grid}.tlw .lab .ms b.on{background:var(--drums);color:#241a05}.tlw .lab.rh,.tlw .row.rh{background:var(--a-panel2);height:20px;font-size:11px}.tlw .lab.rh b{font-weight:600}.tlw .lab.rh small{color:var(--a-dim);font-size:10.5px}.tlw .row{border-bottom:1px solid var(--a-line);min-width:0;position:relative}.tlw .secs{height:26px}.tlw .secs span{border-right:1px solid var(--a-bg);white-space:nowrap;align-items:center;padding:0 7px;font-size:10.5px;font-weight:650;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.tlw .ruler{height:18px;color:var(--a-dim);font-size:9px}.tlw .ruler i{font-style:normal;position:absolute;top:3px;transform:translate(3px)}.tlw .en{height:34px}.tlw .en svg{width:100%;height:calc(100% - 9px);position:absolute;top:5px;left:0;overflow:visible}.tlw .en polyline{fill:none;stroke:var(--a-accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.tlw .en polygon{fill:color-mix(in srgb, var(--a-accent) 10%, transparent)}.tlw .lane{background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:12.5% 100%;height:25px}.tlw .lane.muted .clip{opacity:.3}.tlw .clip{border:1px solid var(--c);background:color-mix(in srgb, var(--c) 13%, transparent);transform-origin:0;opacity:0;animation:.7s cubic-bezier(.22,1,.36,1) forwards tlgrow;animation-delay:calc(.3s + var(--i) * .28s + var(--r) * 30ms);border-radius:3px;position:absolute;top:3px;bottom:3px;overflow:hidden;transform:scaleX(0)}.tlw .clip span{color:var(--c);white-space:nowrap;font-size:9.5px;font-weight:600;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.tlw .fx{height:40px}.tlw .fxm{white-space:nowrap;height:15px;color:var(--a-ink);border-radius:3px;align-items:center;padding:0 5px;font-size:9px;font-weight:600;display:flex;position:absolute;overflow:hidden}.tlw .fxm.riser{background:linear-gradient(90deg,#9a9da340,#c9cbce);top:3px}.tlw .fxm.down{background:linear-gradient(90deg,#c9cbce,#9a9da333);top:3px}.tlw .fxm.fill{background:var(--drums);top:21px}.tlw .fxm.roll{background:linear-gradient(90deg, color-mix(in srgb, var(--drums) 30%, transparent), var(--drums));top:21px}.tlw .fxm.crash{background:var(--a-text);min-width:5px;padding:0;top:21px}.tlw .ph{top:0;bottom:0;left:var(--lab,128px);pointer-events:none;z-index:5;position:absolute;right:0}.tlw .ph i{border-left:1.5px solid var(--a-accent);width:0;animation:16s linear 2.4s infinite both tlsweep;position:absolute;top:0;bottom:0}.tlw .ph i:before{content:"";border:5px solid #0000;border-top:7px solid var(--a-accent);position:absolute;top:0;left:-6px}@keyframes tlgrow{to{opacity:1;transform:scaleX(1)}}@keyframes tlsweep{0%{opacity:0;left:0}2%,97%{opacity:1}to{opacity:0;left:100%}}.tlw.mini{box-shadow:none;border-radius:8px}.tlw.mini .tlg{--lab:0px;grid-template-columns:1fr}.tlw.mini .ph{--lab:0px}.tlw.mini .secs{height:20px}.tlw.mini .secs span{padding:0 5px;font-size:8.5px}.tlw.mini .en{height:18px}.tlw.mini .lane{height:12.5px}.tlw.mini .clip{border-radius:2px;top:2px;bottom:2px}.stw .in{background:var(--a-panel);padding:14px 14px 12px}.stw .hd{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:12px;display:flex}.stw .hd h4{letter-spacing:.02em;font-size:20px;font-weight:700;line-height:1.1}.stw .hd p{color:var(--a-muted);max-width:44ch;margin-top:3px;font-size:11.5px}.stw .stat{text-align:right;flex:none;gap:20px;display:flex}.stw .stat b{font-size:17px;font-weight:600;display:block}.stw .stat span{color:var(--a-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:9.5px}.stw .blocks{background:var(--a-panel2);border:1px solid var(--a-line);border-radius:4px;height:150px;position:relative;overflow:hidden}.stw .s{border-right:1px solid var(--a-bg);flex-direction:column;justify-content:space-between;padding:8px 8px 7px;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.stw .s b{white-space:nowrap;font-size:12.5px;font-weight:650;display:block}.stw .s small{opacity:.75;white-space:nowrap;font-size:10.5px}.stw .s .bb{z-index:2;align-items:center;gap:4px;font-size:11px;display:flex;position:relative}.stw .s .bb i{background:#00000047;border-radius:4px;place-items:center;width:18px;height:18px;font-style:normal;display:grid}.stw .curve{pointer-events:none;position:absolute;inset:40px 0 34px}.stw .curve svg{width:100%;height:100%;overflow:visible}.stw .curve polyline{fill:none;stroke:#fff;stroke-width:1.6px;vector-effect:non-scaling-stroke}.stw .rl{height:16px;color:var(--a-dim);margin-top:6px;font-size:10px;position:relative}.stw .rl span{position:absolute}.stw .lg{color:var(--a-muted);flex-wrap:wrap;gap:14px;margin-top:8px;font-size:11px;display:flex}.stw .lg i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}@media (width<=700px){.tlw .tlg,.tlw .ph{--lab:74px}.tlw .lab .ms,.tlw .vp:not(.sel),.tlw .seg,.tlw .lab.rh small,.tlw .clip span{display:none}.tlw .fxm{padding:0;font-size:0}.tlw .secs span{padding:0 3px;font-size:8.5px}.stw .stat div:nth-child(n+2),.stw .hd p,.stw .lg{display:none}.stw .s{padding:6px 4px}.stw .s b{font-size:9.5px}.stw .s small,.stw .s .bb i{display:none}}@media (prefers-reduced-motion:reduce){.tlw .clip{opacity:1;animation:none;transform:none}.tlw .ph i{animation:none}}.stepw{font-size:11.5px}.stepw .stp{background:var(--a-bar);border-bottom:1px solid var(--a-line);white-space:nowrap;justify-content:center;align-items:center;gap:0;height:44px;display:flex;overflow:hidden}.stepw .st{color:var(--a-dim);border-radius:4px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.stepw .st b{border:1.5px solid var(--a-line2);border-radius:50%;place-items:center;width:20px;height:20px;font-size:10.5px;font-weight:700;display:grid}.stepw .st.done{color:var(--a-muted)}.stepw .st.done b{background:var(--a-panel3);border-color:var(--a-panel3);color:var(--a-accent)}.stepw .st.active{color:var(--a-text)}.stepw .st.active b{background:var(--a-accent);border-color:var(--a-accent);color:var(--a-ink)}.stepw .sep{background:var(--a-line2);flex:none;width:30px;height:1px}.stepw .c{background:var(--a-panel);border:1px solid var(--a-line);border-radius:6px;min-width:0;padding:14px}.stepw h5{letter-spacing:.08em;text-transform:uppercase;color:var(--a-muted);margin:0 0 10px;font-family:inherit;font-size:10.5px;font-weight:600;font-stretch:100%}.stepw h4{letter-spacing:0;font-family:inherit;font-size:18px;font-weight:700;font-stretch:100%}.stepw .mut{color:var(--a-muted);font-size:11.5px}.stepw .mut b{color:var(--a-text)}.stepw .note{color:var(--a-muted);background:var(--a-inset);border:1px solid var(--a-line);border-radius:4px;margin-top:10px;padding:8px 10px;font-size:11px}.stepw .note.ok{color:#8fc79a}.stepw .btn{background:var(--a-panel3);border:1px solid var(--a-line2);white-space:nowrap;color:var(--a-text);border-radius:4px;flex:none;padding:7px 13px;font-weight:500;display:inline-block}.stepw .btn.sm{padding:5px 10px;font-size:11px}.stepw .btn.primary{background:var(--a-accent);border-color:var(--a-accent);color:var(--a-ink);font-weight:650}.stepw .seg{border:1px solid var(--a-line2);border-radius:4px;display:inline-flex;overflow:hidden}.stepw .seg b,.stepw .seg i{color:var(--a-muted);padding:5px 10px;font-style:normal;font-weight:500}.stepw .seg b{background:var(--a-panel3);color:var(--a-text)}.stepw label{color:var(--a-muted);margin:12px 0 6px;font-size:10.5px;display:block}.stepw .sel{background:var(--a-inset);border:1px solid var(--a-line);color:var(--a-text);border-radius:4px;padding:6px 10px;display:block}.stepw .ar{background:var(--a-panel2);border:1px solid var(--a-line);border-radius:5px;align-items:center;gap:10px;margin-top:6px;padding:8px 10px;display:flex}.stepw .ar.sel{border-color:color-mix(in srgb, var(--a-accent) 60%, var(--a-line))}.stepw .ar .meta{flex:1;min-width:0}.stepw .ar b{font-weight:600;display:block}.stepw .ar small{color:var(--a-dim);font-size:10.5px}.stepw .ar .av{background:var(--a-panel3);width:26px;height:26px;color:var(--a-muted);border-radius:50%;flex:none;place-items:center;display:grid}.stepw .radio{border:1.5px solid var(--a-line2);border-radius:50%;flex:none;width:14px;height:14px}.stepw .ar.sel .radio{border-color:var(--a-accent);background:radial-gradient(circle, var(--a-accent) 0 42%, transparent 46%)}.stepw .dot{background:var(--a-dim);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.stepw .dot.ok{background:#8fc79a}.stepw .dot.warn{background:#e0b66a}.stepw .dot.fail{background:#e5645a}.stepw .grow{flex:1}.stepw .su{background:var(--a-bg);grid-template-columns:1.25fr 1fr 1fr;gap:12px;padding:14px;display:grid}.stepw .gg{grid-template-columns:1fr 1fr;gap:6px;display:grid}.stepw .g{background:var(--a-panel2);border:1px solid var(--a-line);border-radius:5px;padding:9px 10px}.stepw .g b{font-size:12px;font-weight:600;display:block}.stepw .g small{color:var(--a-dim);font-size:10.5px}.stepw .g.sel{border-color:var(--a-accent);background:color-mix(in srgb, var(--a-accent) 10%, var(--a-panel2))}.stepw .bpm{justify-content:center;align-items:center;gap:14px;margin:4px 0 12px;display:flex}.stepw .bpm i{background:var(--a-panel3);border:1px solid var(--a-line2);border-radius:50%;place-items:center;width:26px;height:26px;font-style:normal;display:grid}.stepw .bpm b{font-size:34px;font-weight:600;line-height:1}.stepw .bpm small{color:var(--a-muted);margin-left:5px;font-size:11px;font-weight:500}.stepw .rng{background:var(--a-inset);border-radius:3px;height:6px;position:relative}.stepw .rng .band{background:color-mix(in srgb, var(--a-accent) 35%, transparent);border-radius:3px;position:absolute;top:0;bottom:0}.stepw .rng .knob{background:var(--a-accent);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%}.stepw .rl{color:var(--a-dim);justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.stepw .sg{background:var(--a-bg);grid-template-columns:220px 1fr;gap:12px;padding:14px;display:grid}.stepw .sg .in{border:1px solid var(--a-line);border-radius:6px;min-width:0}.stepw .el{background:var(--a-bg);grid-template-columns:200px 1fr 220px;align-items:start;gap:12px;padding:14px;display:grid}.stepw .imp{text-align:center;background:var(--a-panel3);border:1px solid var(--a-line2);border-radius:4px;padding:8px;font-weight:500;display:block}.stepw .imp kbd{font:inherit;color:var(--a-dim);margin-left:6px}.stepw .hint{text-align:center;color:var(--a-dim);margin:6px 0 12px;font-size:10.5px}.stepw .roles h5{margin-top:12px;margin-bottom:6px}.stepw .er{border:1px solid #0000;border-radius:5px;align-items:center;gap:9px;padding:6px 8px;display:flex}.stepw .er.sel{background:var(--a-panel2);border-color:color-mix(in srgb, var(--a-accent) 60%, var(--a-line))}.stepw .er .sw{border-radius:2px;flex:none;width:4px;height:24px}.stepw .er .nm{flex:1;min-width:0}.stepw .er b{font-size:12px;font-weight:550;display:block}.stepw .er small{color:var(--a-dim);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;display:block;overflow:hidden}.stepw .cnt{color:var(--a-muted);font-size:10.5px}.stepw .dh{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.stepw .bdg{background:var(--a-panel3);color:var(--a-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:3px;padding:3px 7px;font-size:10px;font-weight:600}.stepw .bdg.req{color:var(--a-accent);background:color-mix(in srgb, var(--a-accent) 12%, transparent)}.stepw .fc{background:var(--a-panel2);border:1px solid var(--a-line);border-radius:5px;overflow:hidden}.stepw .fh{border-bottom:1px solid var(--a-line);align-items:center;gap:10px;padding:9px 12px;display:flex}.stepw .fname{flex:1;font-size:12px;font-weight:550}.stepw .wave{align-items:center;gap:1px;height:84px;padding:8px 10px;display:flex}.stepw .wave i{background:var(--c);opacity:.8;border-radius:1px;flex:1;min-width:1px}.stepw .mx{border-top:1px solid var(--a-line);grid-template-columns:repeat(6,1fr);display:grid}.stepw .mx div{border-right:1px solid var(--a-line);min-width:0;padding:8px 10px}.stepw .mx div:last-child{border-right:0}.stepw .mx span{color:var(--a-dim);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;font-size:9.5px;display:block}.stepw .mx b{white-space:nowrap;font-size:12.5px;font-weight:600}.stepw .mx b.f{color:#e5645a}.stepw .fcx{margin:14px 0 8px}.stepw .is{background:var(--a-panel2);border:1px solid var(--a-line);border-left:3px solid var(--a-dim);border-radius:5px;align-items:center;gap:12px;margin-top:8px;padding:10px 12px;display:flex}.stepw .is.fail{border-left-color:#e5645a}.stepw .is.warn{border-left-color:#e0b66a}.stepw .is div{flex:1;min-width:0}.stepw .is b{margin-bottom:2px;font-weight:600;display:block}.stepw .is p{color:var(--a-muted);font-size:11px}.stepw .rd{align-items:center;gap:12px;margin-bottom:14px;display:flex}.stepw .ring{background:conic-gradient(var(--a-accent) 0 82%, var(--a-panel3) 82% 100%);border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid;position:relative}.stepw .ring:before{content:"";background:var(--a-panel);border-radius:50%;position:absolute;inset:5px}.stepw .ring b{font-size:11px;position:relative}.stepw .rd span b{font-size:13px;display:block}.stepw .rd small{color:var(--a-muted)}.stepw .needs{gap:5px;margin-bottom:12px;display:grid}.stepw .needs span{align-items:center;gap:8px;display:flex}.stepw .needs i{color:#8fc79a;background:#8fc79a2e;border-radius:4px;flex:none;place-items:center;width:15px;height:15px;font-size:10px;font-style:normal;display:grid}.stepw .kv{border-block:1px solid var(--a-line);grid-template-columns:1fr auto;gap:5px 10px;margin-bottom:12px;padding:10px 0;display:grid}.stepw .kv span{color:var(--a-muted)}.stepw .qi{align-items:flex-start;gap:9px;padding:6px 0;display:flex}.stepw .qi .dot{margin-top:5px}.stepw .qi b{font-weight:600;display:block}.stepw .qi small{color:var(--a-dim);font-size:10.5px}.stepw .tw{background:var(--a-panel);border-top:1px solid var(--a-line);align-items:center;gap:8px;padding:10px 12px;display:flex}.stepw .tw .lb{letter-spacing:.08em;text-transform:uppercase;color:var(--a-muted);white-space:nowrap;font-size:10.5px;font-weight:600}.stepw .tw .in{background:var(--a-inset);border:1px solid var(--a-line);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;flex:1;min-width:0;padding:6px 10px;overflow:hidden}.stepw .ex{background:var(--a-bg);grid-template-columns:1.15fr 1fr;align-items:start;gap:12px;padding:14px;display:grid}.stepw .opt{background:var(--a-panel2);border:1px solid var(--a-line);border-radius:5px;align-items:center;gap:11px;margin-bottom:6px;padding:9px 11px;display:flex}.stepw .opt.on{border-color:color-mix(in srgb, var(--a-accent) 45%, var(--a-line))}.stepw .ck{border:1.5px solid var(--a-line2);border-radius:4px;flex:none;place-items:center;width:17px;height:17px;font-size:11px;font-weight:700;display:grid}.stepw .opt.on .ck{background:var(--a-accent);border-color:var(--a-accent);color:var(--a-ink)}.stepw .opt .t{flex:1;min-width:0}.stepw .opt b{font-weight:600;display:block}.stepw .opt small{color:var(--a-muted);font-size:10.5px}.stepw .fmt{color:var(--a-dim);border:1px solid var(--a-line2);border-radius:3px;flex:none;padding:2px 6px;font-size:10px}.stepw .r2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stepw .r2 label{margin-top:8px}.stepw .tree{background:var(--a-inset);border:1px solid var(--a-line);white-space:pre;color:var(--a-text);border-radius:4px;margin:0;padding:10px 12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10.5px;line-height:1.7;overflow:hidden}.stepw .tree .d{color:var(--a-accent)}.stepw .tree .s{color:var(--a-dim)}.stepw .dest{gap:8px;margin-top:10px;display:flex}.stepw .dest .sel{flex:1}.stepw .pg{background:var(--a-inset);border-radius:2px;height:4px;margin-top:12px;overflow:hidden}.stepw .pg i{background:var(--a-accent);width:0;height:100%;display:block}.stepw .go{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}@media (width<=820px){.stepw .st{gap:5px;padding:6px 5px;font-size:0}.stepw .st.active{font-size:11px}.stepw .sep{width:12px}.stepw .su,.stepw .sg,.stepw .el,.stepw .ex{grid-template-columns:1fr;padding:10px}.stepw .su .c:nth-child(3),.stepw .sg aside,.stepw .el .roles,.stepw .el .fit{display:none}.stepw .mx{grid-template-columns:repeat(3,1fr)}.stepw .mx div:nth-child(3){border-right:0}.stepw .mx div:nth-child(n+4){border-top:1px solid var(--a-line)}.stepw .is{flex-direction:column;align-items:flex-start}.stepw .tw .lb,.stepw .tw .btn:not(.primary){display:none}}