@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:DM Sans Variable,sans-serif;color:#edf0e9;background:#141716;font-synthesis:none;font-weight:400;--mint: #d1efbb;--muted: #9ba69e;--line: #ffffff18;--surface: #202520;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:inherit;background:transparent;border:1px solid var(--line);border-radius:10px;min-height:44px;padding:10px 14px;transition:background .15s,border-color .15s}button:hover{background:#ffffff0c;border-color:#ffffff45}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}a{color:inherit}h1,h2,p{margin:0}h2{font-size:25px;font-weight:500;letter-spacing:-.8px}input[type=range]{accent-color:var(--mint);width:100%;cursor:pointer}input[type=search]{border:1px solid var(--line);border-radius:10px;background:#111712;color:inherit;min-height:44px;padding:10px 14px;width:100%}input[type=number]{font:inherit;color:inherit;background:none;border:0;width:42px;appearance:textfield;padding:0}input::-webkit-inner-spin-button{appearance:none}summary{cursor:pointer;padding:12px 0;font-size:12px;color:var(--muted)}.music-app{position:relative;min-height:100svh;height:100svh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:88px;flex-shrink:0;display:flex;align-items:center;padding:0 40px;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:17px;letter-spacing:4px}.brand svg{color:var(--mint)}.brand-note{color:var(--muted);font-size:12px}.top-actions{margin-left:auto;display:flex;gap:7px}.icon-button{width:44px;padding:9px;border-color:transparent}.table{position:relative;flex:1;min-height:0}.stage,.object-layer{position:absolute;inset:0}.stage canvas{display:block;outline-offset:-4px!important;touch-action:none}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--mint);font-weight:500;margin-bottom:15px}.object-layer{pointer-events:none;z-index:3}.object-hud{position:absolute;transform:translate(-50%);width:190px;text-align:center;pointer-events:auto}.object-play{touch-action:none;transition:background .16s ease,box-shadow .16s ease;border:0;min-height:36px;border-radius:8px;font-size:14px;padding:3px 7px;gap:8px;font-weight:500;white-space:nowrap}.instrument-number{color:#8d998e;font-size:9px;font-weight:400}.selected .instrument-number{color:var(--mint)}.object-subline{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:10px;gap:5px;min-height:30px}.move-handle{touch-action:none;cursor:grab;min-height:30px;height:30px;width:30px;padding:5px;border:0}.move-handle:active{cursor:grabbing}.object-actions{display:flex;justify-content:center;gap:6px;margin-top:8px}.object-actions button{min-height:38px;font-size:11px;padding:8px 12px;background:#222a24;border-color:#405044}.object-actions .repeat-button{background:var(--mint);color:#203023;border:0}.object-actions button.record-active,.record-active{color:#f5bfa6!important;border-color:#a56c57!important;background:#4e302b!important}.object-actions .sound-button{color:#d5ded2}.rhythm-strip{height:17px;position:relative;margin:5px 24px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),#ffffff20 calc(25% - 1px),#ffffff20 25%);border-bottom:1px solid #ffffff20}.rhythm-strip i{width:4px;height:7px;border-radius:2px;background:var(--mint);position:absolute;bottom:4px}.rhythm-strip .playhead{position:absolute;top:0;height:15px;width:1px;background:#f9fff2}.guidance{position:absolute;left:0;right:0;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:#b7c2b9;z-index:2;pointer-events:none}.step-number{font-size:9px;border:1px solid #53634f;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;color:var(--mint)}.guidance.taking{flex-direction:column;gap:7px}.taking strong{color:#f1d4bc;font-size:16px;font-weight:500}.taking span{font-size:11px}.count-dots{display:flex;gap:7px}.count-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#53634f}.count-dots .lit{background:var(--mint);box-shadow:0 0 10px #cff0b544}.transport-bar{display:flex;align-items:center;justify-content:space-between;z-index:8;margin:0;background:#202620e8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #485144;border-radius:18px;padding:12px 16px;flex-shrink:0;box-shadow:0 15px 40px #0003}.transport-center{display:flex;align-items:center;gap:15px}.transport-play{width:45px;border-radius:50%;border:0;background:var(--mint);color:#203023}.tempo{padding-left:14px;border-left:1px solid var(--line)}.tempo label{display:block;letter-spacing:1.5px;font-size:8px;color:var(--muted);margin-bottom:3px}.tempo>div{display:flex;align-items:center}.tempo span{font-size:9px;color:var(--muted)}.tempo input{font-size:16px}.capture-button{border:0;font-size:12px}.capture-button svg{color:#d4b7a2}.sound-anchor{position:absolute;z-index:5;width:320px;left:50%;top:30%}.sound-panel{padding:22px;background:#202720f5;border:1px solid #5f6b56;border-radius:18px;box-shadow:0 18px 60px #0007;overflow:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.panel-title .eyebrow{font-size:8px;margin-bottom:7px}.panel-title h2{font-size:22px}.field-label{font-size:11px;color:var(--muted)}.materials{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0 18px}.materials button{font-size:10px;padding:6px;min-height:36px;gap:5px}.materials span{height:8px;width:8px;border-radius:50%}.materials [aria-pressed=true]{border-color:var(--mint);background:#d1efbb10}.range-control{display:block;margin:15px 0}.range-control>span:first-child{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:9px}.range-control output{color:var(--muted);white-space:nowrap}.range-control input{display:block;height:18px;margin:0}.range-limits{display:none}.audition{width:100%;font-size:11px;min-height:38px}.facts{font-size:11px;margin:4px 0}.facts>div{display:flex;justify-content:space-between;margin-bottom:8px}.facts dt{color:var(--muted)}.facts dd{margin:0}.fine-print{font-size:10px;line-height:1.6;color:var(--muted);margin:12px 0}.sound-panel details{border-top:1px solid var(--line);margin-top:16px}.sound-panel details button{width:100%;font-size:10px;margin-top:6px}.danger{color:#e6b49e}.rhythm-tools{display:flex;gap:6px;margin-top:12px}.rhythm-tools button{font-size:10px;padding:8px;flex:1}.floating-dialog{width:min(640px,calc(100% - 28px));max-height:calc(100svh - 48px);padding:36px;background:#202620e8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #58634f;border-radius:22px;color:inherit;box-shadow:0 20px 100px #0007}.floating-dialog::backdrop{background:#09100b88;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:14px;right:14px}.options-content,.guide-content{padding-top:8px}.options-content>button{width:100%;justify-content:flex-start;margin-top:10px}.options-content h2,.guide-content h2{margin-bottom:22px}.options-content hr{border:0;border-top:1px solid var(--line);margin:18px 0}.camera-note{font-size:11px;color:var(--muted);line-height:1.6;margin:10px 0 20px}.master-volume{display:flex;align-items:center;gap:10px;font-size:12px;margin:25px 0}.master-volume input{width:40%;margin-left:auto}.guide-content li,.guide-content>p{font-size:13px;line-height:1.8;color:#b4beb2;margin:14px 0}.guide-content ol{padding-left:20px}.guide-content strong{color:#e2eddb}.guide-content details p{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0}.toast{position:fixed;bottom:118px;left:50%;transform:translate(-50%);max-width:calc(100% - 24px);background:#34422f;border:1px solid #657c59;border-radius:12px;box-shadow:0 8px 40px #0005;padding:8px 10px 8px 16px;font-size:12px;display:flex;align-items:center;gap:10px;z-index:20}.toast.error{background:#482b27;border-color:#8c5f4d}.toast>button:not(.icon-button){font-size:11px;white-space:nowrap}.toast .icon-button{min-width:30px;width:30px;height:30px;min-height:30px}.camera-video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.hand-cursor{pointer-events:none;position:absolute;font-size:9px;color:var(--mint)}.loading-scene,.empty-table{position:absolute;inset:40% 0 auto;text-align:center;color:var(--muted)}.empty-table p{margin-top:20px}.physical-banner{position:absolute;left:50%;transform:translate(-50%);top:155px;font-size:10px;background:#3c2924;z-index:8}.physical-banner span{color:#d7ebbe}.loading-scene{font-size:12px}@media(min-width:1600px){.object-hud{width:210px}.object-play{font-size:16px}}@media(max-width:700px){.topbar{height:68px;padding:0 18px}.brand{font-size:14px;letter-spacing:3px;gap:9px}.brand-note{display:none}.top-actions{gap:0}.top-actions button{width:38px;min-height:42px}.object-hud{width:120px}.object-play{font-size:11px;gap:4px;padding:3px 1px;min-height:34px}.instrument-number{font-size:8px}.object-subline{font-size:9px;gap:0}.object-actions{gap:4px;flex-wrap:wrap;margin-top:2px}.object-actions button{font-size:10px;padding:5px 8px;min-height:36px;gap:4px}.object-actions .sound-button span{display:none}.object-actions .sound-button{width:34px}.move-handle{width:25px}.rhythm-strip{margin:3px 10px}.guidance{font-size:10px;gap:7px;padding:0 18px}.guidance .step-number{flex-shrink:0}.guidance.taking{gap:5px}.taking strong{font-size:14px}.taking span{font-size:10px}.transport-bar{border-radius:15px;padding:8px 9px;gap:5px}.transport-center{gap:8px}.transport-play{width:40px;min-height:40px}.tempo{padding-left:9px}.tempo input{font-size:14px;width:31px}.tempo label{font-size:7px}.capture-button{font-size:10px;gap:5px;padding:7px 4px}.capture-button svg{width:14px}.sound-anchor{width:calc(100% - 24px)}.sound-panel{padding:16px}.panel-title{margin-bottom:12px}.materials{grid-template-columns:repeat(6,1fr);margin:8px 0 12px}.materials button{flex-direction:column;font-size:8px;gap:4px;padding:5px 2px;min-height:42px}.panel-title h2{font-size:19px}.range-control{margin:10px 0}.range-control>span:first-child{font-size:10px}.floating-dialog{padding:30px 20px 20px}.toast{font-size:11px;bottom:104px;width:max-content;flex-wrap:wrap;justify-content:center}.physical-banner{top:130px;width:calc(100% - 24px);font-size:9px;min-height:35px}}@media(max-height:650px){.topbar{height:54px}.object-hud{margin-top:-25px}.transport-bar{padding:6px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.table{overflow:hidden}.object-play{min-height:44px}.move-handle{min-height:36px;height:36px}.object-actions button{min-height:44px}@media(max-width:700px){.object-hud.selected{width:164px}.object-actions .sound-button{width:auto}.object-actions .sound-button span{display:inline}.object-actions button{min-height:44px}.sound-anchor{z-index:7}}.object-hud{pointer-events:none}.object-hud button{pointer-events:auto}@media(max-height:650px)and (min-width:701px){.object-hud{width:120px}.object-play{font-size:11px;padding:3px 1px;gap:4px}.object-subline{font-size:9px;gap:0}.move-handle{width:25px}.object-actions{margin-left:-15px;margin-right:-15px;gap:4px}.object-actions button{font-size:10px;padding:5px 8px}.guidance:not(.taking){display:none}.guidance.taking{inset:24px 18px auto auto;width:150px}.sound-anchor{width:260px}.sound-panel{padding:16px}.table.sound-open .object-hud.selected{z-index:2}}.object-play:hover,.object-play:focus-visible{background:#cfe8b91a;box-shadow:0 0 24px #cfe8b91a}.object-play:active{background:#cfe8b933}.object-shelf{z-index:9;padding:12px 14px 8px;border:1px solid #77846d33;border-radius:18px;background:#1c231bba;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 40px #0002}.shelf-heading{display:flex;align-items:center;gap:16px;margin-bottom:5px;padding:0 5px}.shelf-title{display:flex;align-items:baseline;gap:14px}.shelf-title strong{font-size:12px;font-weight:500}.shelf-title>span{font-size:10px;color:var(--muted)}.shelf-search{display:flex;align-items:center;gap:6px;margin-left:auto;color:var(--muted)}.shelf-search input{border:0;background:transparent;width:125px;font-size:11px;padding:7px 0}.shelf-arrows{display:flex;gap:2px}.shelf-arrows button{min-height:32px;padding:6px;border:0}.shelf-rail{display:flex;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#657b5266 transparent;padding-bottom:5px;scroll-snap-type:x proximity}.shelf-card{position:relative;flex:1 0 64px;min-width:0;scroll-snap-align:start;border-radius:12px;transition:background .18s ease}.shelf-card:hover,.shelf-card:focus-within{background:#d1efb711}.shelf-add{display:flex;flex-direction:column;width:100%;border:0;padding:3px 3px 6px;gap:2px;border-radius:12px}.shelf-add img{width:100%;height:58px;object-fit:contain;transition:transform .18s ease}.shelf-add:hover img{transform:translateY(-3px) rotate(-4deg)}.shelf-name{display:block;font-size:10px;font-weight:450;line-height:1.2;min-height:24px}.shelf-add-mark{position:absolute;left:3px;top:4px;color:#b5c3a8;opacity:.6}.shelf-count{position:absolute;top:5px;left:3px;background:#ccebb7;color:#26351f;border-radius:50%;width:15px;height:15px;font-size:9px;line-height:15px}.on-table .shelf-name{color:#d5ecbf}.shelf-preview{position:absolute;top:2px;right:0;min-height:28px;width:28px;padding:4px;border:0;border-radius:50%;color:#aaba9d;background:#1b241ac9}.shelf-preview:hover,.auditioning .shelf-preview{color:#1d2a18;background:#d2efb9}.auditioning .shelf-add img{transform:translateY(-3px) rotate(5deg)}.shelf-empty{padding:28px;font-size:12px;color:var(--muted)}@media(max-width:700px){.object-shelf{padding:8px 8px 5px;border-radius:15px}.shelf-title{display:block}.shelf-title strong{font-size:11px}.shelf-title>span{display:none}.shelf-heading{gap:7px}.shelf-search input{width:90px;font-size:10px}.shelf-search svg{display:none}.shelf-arrows{gap:0}.shelf-card{flex:0 0 80px}.shelf-add img{height:48px}.shelf-preview{min-height:32px;width:32px}}@media(max-height:650px){.object-shelf{padding:4px 7px 2px;border-radius:12px}.shelf-heading{display:none}.shelf-card{flex:0 0 72px}.shelf-add img{height:38px}.shelf-name{font-size:9px;min-height:22px}.shelf-preview{min-height:26px;width:26px}}.bottom-dock{position:absolute;z-index:9;bottom:max(14px,env(safe-area-inset-bottom));left:24px;right:24px;display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #77846d33;border-radius:20px;background:#1c231be8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 40px #0002}.bottom-dock .transport-bar{position:static;transform:none;flex:0 0 294px;width:auto;padding:8px 10px;background:none;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;gap:10px}.bottom-dock .object-shelf{position:relative;flex:1 1 0;min-width:0;width:auto;padding:0 0 0 12px;border:0;border-left:1px solid #77846d33;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.bottom-dock .shelf-heading{margin-bottom:2px;gap:10px}.bottom-dock .shelf-title{gap:8px}.bottom-dock .shelf-title strong{font-size:11px}.bottom-dock .shelf-title>span{font-size:9px}.bottom-dock .shelf-rail{gap:3px;padding-bottom:2px}.bottom-dock .shelf-card{flex:1 0 52px}.bottom-dock .shelf-add img{height:42px}.bottom-dock .shelf-name{font-size:9px;min-height:22px}.bottom-dock .shelf-search input{width:100px}@media(max-width:1200px){.bottom-dock .transport-bar{flex-basis:170px}.bottom-dock .capture-button span{display:none}.bottom-dock .capture-button{width:36px;min-height:36px;padding:8px;flex-shrink:0}.bottom-dock .shelf-title>span{display:none}}@media(max-width:700px){.bottom-dock{left:10px;right:10px;padding:7px 5px;gap:4px;bottom:max(10px,env(safe-area-inset-bottom));border-radius:16px}.bottom-dock .transport-bar{flex-basis:124px;padding:0 3px;gap:4px}.bottom-dock .transport-center{gap:4px}.bottom-dock .transport-play{width:32px;height:40px;min-height:40px;padding:6px;flex-shrink:0}.bottom-dock .tempo{padding-left:5px}.bottom-dock .tempo input{width:30px}.bottom-dock .tempo span{display:none}.bottom-dock .capture-button{width:30px;min-height:40px;padding:6px}.bottom-dock .object-shelf{padding-left:6px}.bottom-dock .shelf-title{display:none}.bottom-dock .shelf-heading{display:flex;gap:0;padding:0}.bottom-dock .shelf-search{margin-left:0;flex:1;min-width:0}.bottom-dock .shelf-search input{width:100%;min-width:0}.bottom-dock .shelf-arrows button{min-height:28px;padding:4px}.bottom-dock .shelf-card{flex:0 0 62px}.bottom-dock .shelf-add img{height:40px}}.scene-navigation{position:absolute;top:8px;left:24px;right:24px;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none;color:var(--muted);font-size:11px}.scene-navigation button{pointer-events:auto;font-size:11px;min-height:32px;padding:6px 10px;gap:7px;background:#202620c4}.guidance{bottom:calc(var(--scene-bottom, 240px) + 4px)}.sound-panel{max-height:var(--panel-height, 320px)}.object-hud{margin-top:0}.object-subline,.table.sound-open .object-subline{display:flex}.move-handle{width:auto;padding:4px 7px;gap:4px;font-size:10px;color:#b8c8b6}@media(max-width:700px){.scene-navigation{left:12px;right:12px;font-size:9px}.scene-navigation>span{max-width:210px}.scene-navigation button{font-size:10px;padding:5px 7px}.object-hud{width:135px}.object-hud.selected{width:155px}.object-subline>span{display:none}.move-handle{min-height:32px}.guidance:not(.taking){display:none}}@media(max-height:650px){.object-subline{min-height:24px}.move-handle{min-height:24px;height:24px}.object-subline>span{display:none}.object-actions button{min-height:30px}}.object-connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.object-connectors line{stroke:#d0e2c9;stroke-opacity:.22;stroke-width:1}@media(min-width:701px){.object-hud:not(.selected) .object-play{min-height:34px}.object-hud:not(.selected) .move-handle{min-height:30px;height:30px}}.stage:active canvas{cursor:grabbing!important}.bottom-dock .transport-bar{flex-basis:388px;gap:8px}.bottom-dock .shelf-card{flex-basis:50px}.bottom-dock .capture-button{border:1px solid #ccaa8666;background:#c6a78314;padding:9px 10px;white-space:nowrap}.tracks-button{gap:5px;border:0;padding:8px;font-size:11px}.tracks-button b{font-size:10px;color:var(--mint)}.tracks-anchor{position:absolute;bottom:calc(100% + 12px);left:0;width:min(460px,100%)}.tracks-panel{border:1px solid #82917755;background:#1b241df5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:16px;box-shadow:0 16px 50px #0005}.tracks-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tracks-title strong{display:flex;gap:8px;align-items:center;font-size:14px}.tracks-title p,.tracks-empty{color:var(--muted);font-size:11px;line-height:1.6;margin-top:7px}.tracks-title>button,.track-heading>button{padding:6px;border:0;min-height:32px;flex-shrink:0}.tracks-list{max-height:min(300px,31dvh);overflow-y:auto;margin-top:8px}.saved-track{padding:10px 0;border-top:1px solid var(--line)}.track-heading{display:flex;align-items:center;gap:7px}.track-heading input{min-width:0;width:100%;background:none;border:0;color:var(--text);font-size:13px;padding:5px 0}.track-heading>span{font-size:10px;color:var(--muted)}.saved-track audio{width:100%;height:36px;margin-top:7px;color-scheme:dark}.recording-dot{width:8px;height:8px;background:#f1ab86;border-radius:50%;box-shadow:0 0 15px #f1ab8666}.view-tools{margin-left:auto;display:flex;gap:5px;pointer-events:auto}.view-tools button[aria-pressed=true]{border-color:#b8dca888;color:var(--mint);background:#cfeab51c}.guidance{flex-wrap:wrap;padding:0 14px}.guidance strong{font-size:12px}@media(max-width:1200px){.bottom-dock .transport-bar{flex-basis:236px}.bottom-dock .capture-button{width:40px;padding:8px}.tracks-button span{display:none}}@media(max-width:700px){.bottom-dock .transport-bar{flex-basis:158px;gap:2px;padding:0 2px}.bottom-dock .capture-button{width:30px;padding:6px}.tracks-button{padding:4px;gap:2px}.tracks-button b{font-size:9px}.bottom-dock .shelf-card{flex-basis:62px}.view-tools{gap:3px;width:100%;justify-content:flex-end}.scene-navigation>span{display:none}.view-tools button{padding:5px 8px}.view-tools button span{display:none}.tracks-panel{padding:12px;border-radius:16px}.guidance:not(.taking){display:flex;font-size:10px;gap:6px}.guidance .step-number{display:none}}.guidance .start-beat{pointer-events:auto;border-color:#b8dca855;color:var(--mint);font-size:11px;min-height:34px;padding:6px 12px;background:#253021}.guidance:has(.start-beat) .step-number{display:none}@media(max-width:700px){.guidance:has(.start-beat){gap:5px}.guidance .start-beat{min-height:32px;font-size:10px}}.object-actions .repeat-button{white-space:nowrap}.saved-track audio{display:none}.track-player{display:flex;align-items:center;gap:10px;margin-top:8px}.track-player .track-play{width:40px;height:40px;padding:8px;flex-shrink:0;border-radius:50%;color:#203023;background:var(--mint)}.track-player>span{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.track-player input{min-width:0;height:24px}.track-error{margin-top:6px;color:#edb297;font-size:11px}@media(max-width:700px){.bottom-dock .transport-bar{flex-basis:184px}.bottom-dock .capture-button{width:50px;flex-direction:column;gap:3px;padding:5px 3px}.bottom-dock .capture-button span{display:block;font-size:8px;white-space:normal;line-height:1.2}.tracks-button{position:relative;flex-direction:column;gap:3px;min-width:32px}.tracks-button span{display:block;font-size:8px}.tracks-button b{position:absolute;top:0;right:0}.guidance:not(.taking){bottom:calc(var(--scene-bottom, 240px) + 6px)}}.tracks-open .guidance,[data-compact-tracks=true] .object-layer{display:none}[data-compact-tracks=true] .scene-navigation>span{display:none}@media(max-height:650px)and (min-width:701px){.tracks-anchor{width:420px}}.topbar{position:absolute;inset:0 0 auto;z-index:12;background:transparent;border:0;pointer-events:none}.topbar>*{pointer-events:auto}.scene-navigation{top:84px}.object-hud.selected{width:218px}.object-rhythm{margin-top:5px;border-radius:14px;background:#17201ed9;border:1px solid #c9ded21c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 28px #0002;overflow:hidden}.rhythm-mode{display:flex;justify-content:center;gap:4px;padding:2px}.rhythm-mode button{min-height:30px;padding:5px 9px;font-size:11px;border:0}.rhythm-editor{padding:4px 10px 10px}.step-editor{display:grid;grid-template-columns:repeat(16,1fr);gap:3px;padding:7px 0 12px}.step-editor button{min-height:24px;min-width:0;padding:0;border-radius:3px;background:#ffffff12;border:0}.step-editor button:nth-child(4n+1){box-shadow:-2px 0 #bfcdbb44}.step-editor button[aria-pressed=true]{background:var(--mint)}.step-editor button.now{outline:1px solid #ffffff;outline-offset:2px}.auto-times{display:flex;gap:4px}.auto-times button{flex:1;min-height:30px;padding:4px;font-size:11px;border-radius:7px}.auto-times button[aria-pressed=true]{color:#172019;background:var(--mint)}.auto-detail{display:flex;align-items:center;justify-content:space-between;gap:4px;padding-top:7px;color:var(--muted);font-size:10px}.auto-detail input{width:35px;color:inherit;background:transparent;border:0;border-bottom:1px solid #ffffff30;padding:4px 0;appearance:textfield}.auto-detail button{min-height:28px;padding:4px;border:0}.rhythm-editor small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.local-take{padding:12px;color:#e8ceb8}.local-take strong{font-size:13px}.local-take small{font-size:10px}.take-meter{display:flex;gap:6px;margin:10px auto;justify-content:center}.take-meter i{width:25px;height:4px;background:#ffffff20;border-radius:4px}.take-meter i.lit{background:#eac29b;box-shadow:0 0 12px #eac29b66}.local-capture{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;margin-top:5px;border-radius:12px;background:#302921ed;font-size:11px}.local-capture button{min-height:30px;padding:4px 7px;font-size:11px}.guidance.taking:empty{display:none}.collection-groups{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:0 0 5px}.collection-groups button{flex-shrink:0;min-height:26px;padding:4px 9px;border:0;border-radius:6px;color:var(--muted);font-size:10px}.collection-groups button[aria-pressed=true]{background:#c7dfba18;color:var(--mint)}.bottom-dock{background:#161e1bdc}.bottom-dock .shelf-card{flex:0 0 76px}.bottom-dock .shelf-add img{height:52px;object-fit:contain}.shelf-family{font-size:8px;color:#87968e;white-space:nowrap}.trim-editor{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding-top:12px;font-size:11px;color:var(--muted)}.trim-editor label input{display:block;width:100%}.trim-editor button,.trim-editor small{grid-column:1/-1}.trim-editor button{min-height:32px;font-size:11px}.trim-editor small{font-size:10px}@media(max-width:700px){.scene-navigation{top:68px}.object-hud.selected{width:196px}.bottom-dock .shelf-add img{height:44px}.bottom-dock .shelf-card{flex-basis:70px}.collection-groups button{min-height:30px}}@media(max-height:650px){.scene-navigation{top:54px}.shelf-family{display:none}.bottom-dock .shelf-add img{height:32px}.object-hud.selected{width:196px}}.table:has(.rhythm-editor) .guidance,.guidance.recording-owned{display:none}@media(max-width:700px){.object-hud.selected .object-subline{margin-top:0}}@media(max-height:650px){.object-hud.selected:has(.rhythm-editor) .object-subline{display:none}.object-hud.selected:has(.rhythm-editor) .object-play{min-height:26px;padding:2px 5px}.object-hud.selected:has(.rhythm-editor) .object-actions{margin-top:0}.object-hud.selected:has(.rhythm-editor) .object-actions button{min-height:28px;height:28px}.rhythm-editor small{display:none}.rhythm-editor{padding:2px 8px 6px}.step-editor{padding:4px 0 8px}.auto-detail{padding-top:3px}}@media(max-height:450px){.rhythm-editor{max-height:66px;overflow-y:auto}}.shelf-card.family-start{border-left:1px solid #c0d1c32b;border-top-left-radius:0;border-bottom-left-radius:0}.shelf-add{cursor:grab;touch-action:pan-x;user-select:none;-webkit-user-select:none}.shelf-add:active{cursor:grabbing}.catalog-drag-ghost{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%,-60%);width:116px;display:flex;flex-direction:column;align-items:center;color:#d6dfd7;filter:drop-shadow(0 10px 18px #0008)}.catalog-drag-ghost img{width:104px;height:88px;object-fit:contain;opacity:.75}.catalog-drag-ghost.can-drop img{opacity:1}.catalog-drag-ghost span{padding:6px 9px;border-radius:20px;background:#17211eee;font-size:10px;white-space:nowrap}.catalog-drag-ghost.can-drop span{background:#d1efb7;color:#17211e}.object-hud{transition:opacity .22s ease,visibility .22s,width .24s ease;opacity:0;visibility:hidden}.object-hud[data-visible=true]{opacity:1;visibility:visible}.object-hud[data-visible=false]{pointer-events:none}.object-connectors line{transition:opacity .22s ease,stroke-opacity .24s ease,stroke-width .24s ease}.object-connectors .selected-link{stroke:#d1efb7;stroke-opacity:.75;stroke-width:1.5}.object-hud.selected .object-play{color:#e4f8d7;background:#17251dec;box-shadow:inset 0 0 0 1px #d1efb770,0 0 20px #b6df8b14}.object-hud.selected .instrument-number{color:#d1efb7;font-weight:650}.object-action-reveal{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .24s ease,opacity .18s ease}.object-action-reveal>.object-actions{min-height:0;overflow:hidden;margin-top:0;padding-top:0;transition:padding-top .24s ease}.object-action-reveal.open{grid-template-rows:1fr;opacity:1}.object-action-reveal.open>.object-actions{padding-top:10px}@media(prefers-reduced-motion:reduce){.object-hud,.object-connectors line,.object-action-reveal,.object-action-reveal>.object-actions{transition:none}}.object-rhythm-reveal{min-height:0;overflow:hidden}