:root{--bg:#060709;--ink:#ece6d8;--cyan:#7fe0ec;--amber:#f2bd72;--on-ink:#0a0b0d;--sans:"Geist", system-ui, sans-serif;--serif:"Instrument Serif", serif;--mono:"Geist Mono", monospace}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;overflow:hidden}a{color:var(--cyan);text-decoration:none}a:hover{color:var(--ink)}button{font:inherit;cursor:pointer;white-space:nowrap}button:disabled{cursor:default}button:focus-visible{outline:1.5px solid var(--cyan);outline-offset:3px}.serif{font-family:var(--serif);font-weight:400}.mono{font-family:var(--mono)}.shadow-hero{text-shadow:0 0 28px #060709f2,0 0 60px #060709cc}.shadow-soft{text-shadow:0 0 18px #060709f2}.hv-ink:hover{color:var(--ink)!important}.hv-cyan:hover{color:var(--cyan)!important}.hv-amber:hover{color:var(--amber)!important}.hv-accent-border:hover{border-color:#7fe0ecb3!important}.landing{pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;display:flex;position:absolute;bottom:44px;left:30px;right:30px}.landing-title{letter-spacing:-.02em;text-wrap:balance;pointer-events:auto;max-width:940px;margin:0;font-size:clamp(56px,8.6vw,132px);line-height:.92}.landing-title em{font-style:italic}.landing-feel{color:var(--cyan)}.landing-actions{pointer-events:auto;flex-direction:column;align-items:stretch;gap:10px;width:240px;display:flex}.landing-btn{border-radius:12px;justify-content:space-between;align-items:center;height:50px;padding:0 22px;font-size:15px;display:flex}.landing-btn--primary{border:1px solid var(--ink);background:var(--ink);color:var(--on-ink);font-weight:500}.landing-btn--ghost{color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0d1180;border:1px solid #ece6d847}.landing-tri{background:var(--on-ink);clip-path:polygon(0 0,100% 50%,0 100%);width:8px;height:9px}.landing-ring{border:1.5px solid var(--cyan);border-radius:50%;width:7px;height:7px}.landing-note{letter-spacing:.1em;text-transform:uppercase;color:#ece6d899;margin:6px 0 0;font-size:10.5px;line-height:1.6}.cam-corner{position:absolute;top:22px;right:22px}@media (width<=699px){.cam-corner{top:16px;right:10px}.cam-corner .cam-preview{width:120px;height:76px}}.cam-preview{pointer-events:auto;background:#0a0b0e;border:1px solid #ece6d824;border-radius:8px;flex:none;width:184px;height:116px;position:relative;overflow:hidden}.cam-preview-video{object-fit:cover;filter:grayscale()contrast(1.1);opacity:.5;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.cam-preview-overlay{width:100%;height:100%;position:absolute;inset:0}.cam-preview-none{color:#ece6d899;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.cam-preview-sim{transition:opacity .4s;display:flex;position:absolute;transform:translate(-50%,-50%)}.cam-preview-sim-dot{background:var(--ink);border-radius:50%;width:5px;height:5px}.cam-preview-sim-dot--cyan{background:var(--cyan)}.cam-preview-caption{color:#ece6d8b3;font-size:10.5px;position:absolute;bottom:6px;left:8px}.tut-wrap{pointer-events:none;justify-content:center;padding:0 24px;display:flex;position:absolute;bottom:40px;left:0;right:0}.tut{pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0d11a8;border:1px solid #ece6d824;border-radius:18px;flex-direction:column;gap:20px;width:min(640px,100%);padding:24px 26px;display:flex}.tut-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.tut-count{letter-spacing:.12em;text-transform:uppercase;color:#ece6d89e;white-space:nowrap;font-size:11px}.tut-segs{gap:6px;display:flex}.tut-seg{border-radius:2px;width:28px;height:2px;transition:background .4s}.tut-body{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:22px;display:grid}.tut-icon{border:1px solid #ece6d829;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.tut-rail{background:#ece6d84d;width:1px;height:40px;position:absolute;top:16px;left:35px}.tut-rail-dot{background:var(--cyan);border-radius:50%;width:9px;height:9px;position:absolute;left:31px}.tut-pinch{transition:gap .15s;display:flex}.tut-pinch-dot{background:var(--ink);border-radius:50%;width:8px;height:8px}.tut-pinch-dot--cyan{background:var(--cyan)}.tut-bars{align-items:flex-end;gap:4px;height:28px;display:flex}.tut-bar{border-radius:1px;width:4px;transition:background .15s}.tut-motors{gap:14px;display:flex}.tut-motor{opacity:.25;background:var(--ink);border-radius:50%;width:12px;height:12px;animation:4s infinite tut-motor-l}.tut-motor--r{background:var(--cyan);animation-name:tut-motor-r}@keyframes tut-motor-l{0%,12.5%,25%,37.5%,50%,75%{opacity:1;transform:scale(1.35)}6%,18.5%,31%,43.5%,56%,62.5%,81%,to{opacity:.25;transform:scale(1)}}@keyframes tut-motor-r{0%,12.5%,25%,37.5%,62.5%,87.5%{opacity:1;transform:scale(1.35)}6%,18.5%,31%,43.5%,50%,68.5%,75%,93.5%,to{opacity:.25;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.tut-motor{opacity:.8;animation:none}}.tut-note{color:#ece6d86b;margin:0;font-size:12px;line-height:1.5}.tut-text{flex-direction:column;gap:8px;min-width:0;display:flex}.tut-title{text-wrap:balance;margin:0;font-size:34px;line-height:1.08}.tut-hint{color:#ece6d8b8;text-wrap:pretty;margin:0;font-size:14px;line-height:1.5}.tut-now{color:var(--cyan);margin:0;font-size:12px}.tut-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.tut-skip{color:#ece6d8a8;background:0 0;border:none;height:40px;padding:0 4px;font-size:13px}.tut-nav{gap:8px;display:flex}.tut-back{height:44px;color:var(--ink);background:0 0;border:1px solid #ece6d833;border-radius:12px;padding:0 20px;font-size:13px}.tut-next{border:1px solid var(--ink);background:var(--ink);height:44px;color:var(--on-ink);border-radius:12px;padding:0 22px;font-size:13px;font-weight:500}.hit-dots{gap:10px;display:flex}.hit-dot{box-sizing:border-box;border:1px solid;border-radius:50%;width:8px;height:8px;transition:background .15s}.tempo-wrap{box-sizing:border-box;pointer-events:none;justify-content:center;align-items:center;padding:72px 24px 40px;display:flex;position:absolute;inset:0;overflow:auto}.tempo{text-align:center;pointer-events:auto;flex-direction:column;align-items:center;gap:24px;display:flex}.tempo-eyebrow{letter-spacing:.24em;text-transform:uppercase;color:#ece6d89e;font-size:11px}.tempo-dial{align-items:center;gap:clamp(18px,4vw,48px);display:flex}.tempo-step{width:52px;height:52px;color:var(--ink);background:#0c0d1180;border:1px solid #ece6d842;border-radius:50%;padding:0;font-size:22px;line-height:1}.tempo-readout{flex-direction:column;align-items:center;gap:6px;min-width:3.2ch;display:flex}.tempo-bpm{letter-spacing:-.02em;text-shadow:0 0 40px #060709e6;font-size:clamp(96px,13vw,168px);line-height:.85}.tempo-unit{letter-spacing:.2em;color:#ece6d899;font-size:12px}.tempo-beats{align-items:center;gap:12px;height:10px;display:flex}.tempo-beat{border-radius:50%}.tempo-sub{color:#ece6d8b8;text-wrap:pretty;max-width:420px;min-height:42px;margin:0;font-size:14px;line-height:1.5}.tempo-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tempo-btn{border-radius:12px;min-width:170px;height:50px;padding:0 22px;font-size:15px}.tempo-btn--find{color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0d1180;border:1px solid #7fe0ec99}.tempo-btn--start{border:1px solid var(--ink);background:var(--ink);color:var(--on-ink);justify-content:space-between;align-items:center;gap:16px;font-weight:500;display:flex}.tempo-tri{background:var(--on-ink);clip-path:polygon(0 0,100% 50%,0 100%);width:8px;height:9px}.tact{pointer-events:auto;background:#ece6d804;border:1px solid #ece6d81a;border-radius:20px;flex-direction:column;flex:none;order:5;align-items:center;gap:6px;margin-bottom:-6px;margin-left:auto;margin-right:0;padding:18px 24px 12px;display:flex;position:relative}.is-mob .tact{display:none}.tact-edge{opacity:0;pointer-events:none;width:1px;position:absolute;top:18%;bottom:18%}.tact-edge--pulse{background:linear-gradient(#ece6d800,#ece6d8b3,#ece6d800);left:-1px}.tact-edge--expr{background:linear-gradient(#7fe0ec00,#7fe0eccc,#7fe0ec00);right:-1px}.tact-edge.tact-edge--metro{background:linear-gradient(#f2bd7200,#f2bd72d9,#f2bd7200)}.tact-title{letter-spacing:.24em;text-transform:uppercase;color:#ece6d88c;white-space:nowrap;font-size:10.5px}.tact-band{width:240px;height:150px;position:relative}.tact-canvas{width:240px;height:134px;display:block}.tact-lane{letter-spacing:.18em;text-transform:uppercase;font-size:10.5px;transition:opacity .3s;position:absolute;bottom:0;transform:translate(-50%)}.tact-lane--pulse{left:24%}.tact-lane--expr{color:var(--cyan);left:76%}.tact-feels{align-items:center;gap:16px;margin-top:6px;display:flex}.tact-feel{letter-spacing:.16em;text-transform:uppercase;background:0 0;border:none;height:26px;padding:0;font-size:11px;font-weight:500;transition:color .25s;position:relative}.tact-feel-mark{background:var(--cyan);height:1px;transition:width .3s;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.tact-msg{color:#ece6d8b8;white-space:nowrap;height:15px;font-size:12px;transition:opacity .6s}.ts-wrap{pointer-events:auto;flex:none;order:7}.ts{border-top:1px solid #ece6d824;grid-template-columns:124px minmax(0,1fr);gap:0 14px;padding-top:8px;display:grid}.ts-title{letter-spacing:.18em;text-transform:uppercase;color:#ece6d88c;white-space:nowrap;height:16px;font-size:10.5px;line-height:16px}.ts-bars{height:16px;position:relative}.ts-bar-n{color:#ece6d86b;padding-left:5px;font-size:10px;line-height:16px;position:absolute;top:0}.ts-lanes{letter-spacing:.16em;text-transform:uppercase;flex-direction:column;justify-content:space-around;height:56px;font-size:11px;display:flex}.ts-lanes span{transition:opacity .3s}.ts-lane-expr{color:var(--cyan)}.ts-field{height:56px;position:relative}.ts-rule{height:1px;position:absolute;left:0;right:0}.ts-rule--pulse{background:#ece6d814;top:25%}.ts-rule--expr{background:#7fe0ec1a;top:75%}.ts-bar-line{background:#ece6d81f;width:1px;position:absolute;top:-24px;bottom:0}.ts-pulse{border-radius:50%;transition:background .15s,box-shadow .2s;position:absolute;top:25%}.ts-pulse--expr{top:75%}.ts-expr{background:var(--cyan);border-radius:2px;transition:background .15s;position:absolute;top:75%}.ts-pulse[data-on]{box-shadow:0 0 12px #ece6d8e6;background:var(--ink)!important}.ts-pulse--metro[data-on]{box-shadow:0 0 12px #f2bd72e6;background:var(--amber)!important}.ts-expr[data-on]{background:var(--ink)}.ts-expr--glow[data-on]{box-shadow:0 0 12px #7fe0ece6}.ts-playhead{background:var(--ink);opacity:0;width:1px;position:absolute;top:-6px;bottom:-4px;left:0}.ts-legend{letter-spacing:.16em;text-transform:uppercase;color:#ece6d899;flex-wrap:wrap;gap:18px;padding-top:8px;font-size:10.5px;display:flex}.ts-legend-item{align-items:center;gap:7px;display:flex}.ts-note{text-transform:none;letter-spacing:.02em;color:#ece6d86b;margin-left:auto;font-size:11px}.pm{pointer-events:auto;border:1px solid #ece6d833;border-radius:11px;order:6;gap:2px;padding:3px;display:flex}.pm-btn{letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:8px;height:34px;padding:0 11px;font-size:11.5px;font-weight:500;transition:background .25s,color .25s}.muted-hero{text-align:center;text-wrap:balance;max-width:820px;margin:0;font-size:clamp(30px,3.6vw,52px);line-height:1.1}.muted-hero em{color:var(--cyan)}.band-pop{background:#0a0b0ef2;flex-direction:column;gap:12px;width:300px;display:flex}.band-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.band-title{font-size:24px;line-height:1}.band-state{color:#ece6d8cc;align-items:center;gap:7px;font-size:12.5px;display:flex}.band-note{color:#ece6d8a8;text-wrap:pretty;margin:0;font-size:12.5px;line-height:1.5}.band-btn{border:1px solid;border-radius:10px;height:40px;font-size:13px;font-weight:500}.band-test-toggle{color:#ece6d89e;text-underline-offset:4px;background:0 0;border:none;align-self:flex-start;height:24px;padding:0;font-size:12px;-webkit-text-decoration:underline #ece6d84d;text-decoration:underline #ece6d84d}.band-test{border-top:1px solid #ece6d81a;flex-direction:column;gap:10px;padding-top:12px;display:flex}.band-levels{color:#ece6d8a8;justify-content:space-between;align-items:center;font-size:12px;display:flex}.band-level-group{gap:12px;display:flex}.band-level{background:0 0;border:none;border-bottom:1px solid #0000;height:22px;padding:0;font-size:12px}.band-fire{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.band-fire-btn{height:34px;color:var(--ink);background:0 0;border:1px solid #ece6d83d;border-radius:8px;font-size:12px}.band-fire-btn--expr{border-color:#7fe0ec80}.band-last{color:#ece6d88c;min-height:14px;font-size:11px}.ts-tabs{align-items:center;gap:12px;height:16px;display:flex}.ts-tab{letter-spacing:.16em;text-transform:uppercase;text-underline-offset:4px;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:10.5px;line-height:16px}.ts-tab--music{text-decoration-color:#ece6d880}.ts-tab--tactile{text-decoration-color:#7fe0ec99}.mus-rows{letter-spacing:.16em;text-transform:uppercase;grid-template-rows:repeat(4,19px);height:76px;font-size:11px;display:grid}.mus-row-label{align-items:center;gap:8px;transition:opacity .3s;display:flex}.mus-row-shape{flex:none}.mus-field{height:76px;position:relative}.mus-rule{background:#ece6d812;height:1px;position:absolute;left:0;right:0}.mus-beat{background:#ece6d80d;width:1px;position:absolute;top:0;bottom:0}.mus-bar{background:#ece6d824;width:1px;position:absolute;top:-24px;bottom:0}.mus-mark{box-sizing:border-box;transition:background .15s,box-shadow .2s;position:absolute}.mus-mark[data-on]{box-shadow:0 0 10px var(--col)}.mus-mark:not(.mus-ring)[data-on]{background:var(--ink)!important}.tp{pointer-events:auto;flex-direction:column;gap:14px;display:flex}.is-mob .tp{display:none}.tp-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 28px;display:flex}.tp-main{pointer-events:auto;flex-wrap:wrap;flex:none;order:4;align-items:center;gap:20px 28px;display:flex}.tp-status{flex-direction:column;gap:5px;min-width:168px;display:flex}.tp-status-label{letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.tp-status-icon{box-sizing:border-box}.tp-status-bar{color:#ece6d8b8;white-space:nowrap;gap:12px;font-size:11.5px;display:flex}.tp-timer{color:#ece6d86b}.tp-beats{box-sizing:border-box;align-items:flex-end;gap:14px;height:44px;padding-bottom:4px;display:flex}.tp-beat{flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;height:30px;display:flex}.tp-beat-dot{border-radius:50%;transition:background 80ms}.tp-beat-num{font-size:10.5px;line-height:1}.tp-group{flex:none;align-items:center;gap:6px;display:flex}.tp-rec{border:1px solid var(--amber);border-radius:10px;justify-content:center;align-items:center;gap:9px;min-width:128px;height:44px;padding:0 18px;font-size:13.5px;font-weight:500;transition:background .3s,color .3s;display:flex}.tp-rec-dot{border-radius:50%;width:9px;height:9px}.tp-play{height:44px;color:var(--ink);background:0 0;border:1px solid #ece6d842;border-radius:10px;align-items:center;gap:9px;padding:0 16px;font-size:13px;display:flex}.tp-play-icon{background:var(--ink);width:9px;height:10px}.tp-click{background:0 0;border:none;align-items:center;gap:7px;height:44px;padding:0 12px;font-size:13px;display:flex}.tp-click-dot{border-radius:50%;width:5px;height:5px}.tp-loop{height:44px;color:var(--ink);background:0 0;border:none;padding:0 10px;font-size:13px}.tp-reset{color:#ece6d8a8;background:0 0;border:none;height:44px;padding:0 10px;font-size:13px}.tp-dock{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));pointer-events:auto;z-index:2;background:#08090bdb;border:1px solid #ece6d81f;border-radius:20px;flex-direction:column;gap:10px;padding:12px 14px;display:flex;position:absolute}.tp-dock-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.tp-dock-status{flex-direction:column;gap:3px;min-width:0;display:flex}.tp-dock-label{letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:9px;font-size:12px;font-weight:500;display:flex}.tp-dock-bar{color:#ece6d89e;white-space:nowrap;align-items:center;gap:10px;font-size:11px;display:flex}.tp-dock-beats{align-items:center;gap:6px;display:flex}.tp-dock-group{align-items:center;gap:8px;display:flex}.tp-dock-rec{border:1px solid var(--amber);border-radius:12px;flex:1.3;justify-content:center;align-items:center;gap:9px;height:48px;padding:0 12px;font-size:14px;font-weight:500;transition:background .3s,color .3s;display:flex}.tp-dock-play{height:48px;color:var(--ink);background:0 0;border:1px solid #ece6d842;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:14px;display:flex}.tp-dock-reset{color:#ece6d899;background:0 0;border:none;height:48px;padding:0 6px;font-size:13px}.studio{box-sizing:border-box;pointer-events:auto;-webkit-overflow-scrolling:touch;flex-direction:column;gap:0;padding:0;transition:opacity .5s;display:block;position:static;inset:0;overflow:visible}.studio.is-mob{pointer-events:none;position:absolute;overflow:hidden}.studio-hint{color:#ece6d899;pointer-events:none;text-wrap:pretty;max-width:340px;margin:0;font-size:13px;line-height:1.5;display:block;position:absolute;top:50px;left:30px}.is-mob .studio-hint{display:none}.studio-status{pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:16px;left:220px;right:22px}.is-mob .studio-status{top:46px;left:10px;right:10px}.studio-status-row{pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 2px;width:auto;margin-left:0;display:flex}.is-mob .studio-status-row{justify-content:flex-start;width:100%;margin-left:-6px}.studio-chip{height:32px;color:var(--ink);background:0 0;border:none;align-items:center;gap:8px;padding:0 10px;font-size:12.5px;display:flex}.is-mob .studio-chip{height:40px}.studio-chip--text{padding:0 9px;display:block}.studio-chip--sound{gap:7px;display:flex}.studio-chip-label{letter-spacing:.18em;text-transform:uppercase;color:#ece6d88c;font-size:10.5px}.studio-dot{box-sizing:border-box;border-radius:50%;width:7px;height:7px}.studio-divider{background:#ece6d82e;width:1px;height:14px;margin:0 8px}.studio-sound-dot{border-radius:50%;width:5px;height:5px}.is-mob .studio-preview{width:120px;height:76px}.studio-pop{pointer-events:auto;z-index:3;background:#0a0b0ef0;border:1px solid #ece6d824;border-radius:12px;padding:16px 18px;position:absolute;top:56px;right:22px}.is-mob .studio-pop{top:140px;right:12px}.studio-pop--a11y{flex-direction:column;gap:12px;width:260px;display:flex}.studio-pop--keys{grid-template-columns:auto 1fr;gap:9px 16px;width:270px;font-size:13px;display:grid}.studio-key{color:var(--cyan)}.studio-pop-note{color:#ece6d89e;text-wrap:pretty;margin:0;font-size:12.5px;line-height:1.5}.studio-switch{color:var(--ink);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:0;font-size:14px;display:flex}.studio-switch-track{border:1px solid;border-radius:8px;width:30px;height:16px;transition:background .2s;position:relative}.studio-switch-knob{border-radius:50%;width:10px;height:10px;transition:left .2s;position:absolute;top:2px}.studio-guide{pointer-events:none;justify-content:center;padding:0 300px 0 40px;display:flex;position:absolute;top:15%;left:0;right:0}.is-narrow .studio-guide{padding:0 40px}.is-mob .studio-guide{padding:0 20px;top:150px}.studio-guide-inner{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:720px;display:flex}.studio-guide-eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:11px}.studio-guide-count{text-shadow:0 0 40px #060709e6;min-height:.85em;font-size:clamp(110px,14vw,190px);line-height:.85}.studio-guide-title{text-wrap:balance;margin:0;font-size:clamp(30px,3.6vw,52px);line-height:1.08}.studio-guide-sub{color:#ece6d8bd;text-wrap:pretty;font-size:14px;line-height:1.5}.studio-guide-dots{margin-top:4px}.studio-guide-retry{pointer-events:auto;height:40px;color:var(--ink);text-underline-offset:5px;background:0 0;border:none;padding:0 4px;font-size:13px;-webkit-text-decoration:underline #7fe0ec99;text-decoration:underline #7fe0ec99}.studio-loop{box-sizing:border-box;pointer-events:auto;z-index:3;border-radius:12px;flex-direction:column;width:260px;display:flex;position:absolute}.studio-loop--inline{background:0 0;border:1px solid #0000;padding:0;top:108px;left:30px;right:auto}.studio-loop--pop{background:#0a0b0ef2;border:1px solid #ece6d824;padding:14px 16px;top:56px;left:auto;right:22px}.studio-loop-head{border-bottom:1px solid #ece6d824;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;display:flex}.studio-loop-title{letter-spacing:.24em;text-transform:uppercase;color:#ece6d89e;font-size:10.5px}.studio-loop-meta{color:#ece6d88c;font-size:11px}.studio-loop-row{border-bottom:1px solid #ece6d814;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;height:40px;display:grid}.studio-loop-num{color:#ece6d873;font-size:11px}.studio-loop-name{letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:500}.studio-loop-state{align-items:center;gap:7px;font-size:11px;display:flex}.studio-loop-dot{box-sizing:border-box;border:1px solid;border-radius:50%;width:7px;height:7px}.studio-bottom{pointer-events:none;display:block;position:absolute;bottom:22px;left:30px;right:30px}.is-mob .studio-bottom{display:contents}.studio-bottom-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 28px;margin-bottom:26px;display:flex}.is-mob .studio-bottom-row{display:contents}.studio-stage{top:150px;left:0;right:0;bottom:calc(270px + env(safe-area-inset-bottom));pointer-events:none;position:absolute}.studio-note{pointer-events:none;align-items:flex-end;gap:18px;min-width:0;display:flex;position:static}.is-mob .studio-note{left:16px;bottom:calc(150px + env(safe-area-inset-bottom));position:absolute}.studio-ladder{flex-direction:column-reverse;align-items:flex-start;gap:6px;padding-bottom:12px;display:flex}.studio-ladder span{height:2px;transition:background .2s,width .2s}.studio-note-name{letter-spacing:-.01em;text-shadow:0 0 30px #060709f2;font-size:96px;line-height:.8;transition:color .6s}.studio-note-info{pointer-events:auto;flex-direction:column;gap:9px;padding-bottom:2px;display:flex}.studio-note-line{color:#ece6d8bd;align-items:center;gap:16px;font-size:13px;display:flex}.studio-note-deg{color:var(--ink)}.studio-energy{align-items:center;gap:8px;display:flex}.studio-energy-track{background:#ece6d82e;width:64px;height:2px;position:relative}.studio-energy-fill{background:var(--cyan);transition:width .1s;position:absolute;top:0;bottom:0;left:0}.studio-keyspec{color:#ece6d88c;white-space:nowrap;font-size:11.5px}.studio-timing{position:relative}.studio-timing-btn{height:30px;color:var(--ink);background:0 0;border:none;align-items:center;gap:9px;padding:0;display:flex}.studio-timing-label{color:#ece6d8cc;font-size:13px}.studio-chev{border-bottom:1.5px solid #ece6d8b3;border-right:1.5px solid #ece6d8b3;width:6px;height:6px;transition:transform .2s}.studio-timing-pop{z-index:3;background:#0a0b0ef2;border:1px solid #ece6d824;border-radius:12px;flex-direction:column;width:290px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 10px);left:-12px}.studio-timing-row{color:#ece6d8a8;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12.5px;display:flex}.studio-timing-row--last{padding:6px 10px 8px}.studio-timing-val{color:var(--ink);font-size:12px}.studio-quants{gap:12px;display:flex}.studio-quant{background:0 0;border:none;border-bottom:1px solid #0000;height:22px;padding:0;font-size:12.5px}.studio-layer-row{border-bottom:1px solid #ece6d814;grid-template-columns:24px minmax(0,1fr) 10px auto auto;align-items:center;gap:10px;height:40px;display:grid}.studio-layer-dot{box-sizing:border-box;border:1px solid;border-radius:50%;width:7px;height:7px;transition:background .12s}.studio-layer-mute{background:0 0;border:none;height:32px;padding:0 2px;font-size:12px}.studio-layer-del{color:#ece6d880;background:0 0;border:none;width:24px;height:32px;padding:0;font-size:16px;line-height:1}.studio-pick-wrap{pointer-events:none;z-index:3;justify-content:center;padding:0 16px;display:flex;position:absolute;top:16%;left:0;right:0}.is-mob .studio-pick-wrap{top:112px}.studio-pick{pointer-events:auto;box-sizing:border-box;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0b0ee6;border:1px solid #ece6d824;border-radius:18px;flex-direction:column;gap:16px;width:min(640px,100%);padding:18px 22px;display:flex}.studio-pick-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-pick-title{letter-spacing:.24em;text-transform:uppercase;color:#ece6d89e;font-size:10.5px}.studio-pick-cancel{color:#ece6d8b3;background:0 0;border:none;height:36px;padding:0 4px;font-size:13px}.studio-pick-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 22px;display:grid}.studio-pick-item{text-align:left;min-height:44px;color:var(--ink);white-space:normal;background:0 0;border:none;flex-direction:column;gap:8px;padding:16px 0 6px;display:flex;position:relative}.studio-pick-rule{background:#ece6d833;height:1px;position:absolute;top:0;left:0;right:0}.studio-pick-name-row{align-items:baseline;gap:10px;display:flex}.studio-pick-name{font-size:38px;line-height:1}.studio-pick-num{color:#ece6d873;font-size:11px}.studio-pick-desc{color:#ece6d8a8;font-size:12.5px;line-height:1.45}.studio-pick-note{color:#ece6d88c;font-size:12px}.studio-loop-complete{color:var(--cyan);padding-top:12px;font-size:21px;font-style:italic}.studio-cam-notice{pointer-events:auto;color:#ece6d8d1;align-items:center;gap:14px;padding:0 10px;font-size:12.5px;display:flex}.studio-cam-retry{color:var(--ink);text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:12.5px;-webkit-text-decoration:underline #7fe0ecb3;text-decoration:underline #7fe0ecb3}.app{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;position:fixed;inset:0;overflow:hidden}.app-field{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.app-brand{pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;top:27px;left:30px}.app-brand span{letter-spacing:.34em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:1}