@media (min-width:1600px){:root{--sheet-w:400px}}@media (max-width:1180px){:root{--sheet-w:340px}.brand-text span{display:none}.seg-top button{padding:0 10px}.seg-top button span{display:none}.btn-export .lg{display:none}.btn-export{width:36px;padding:0}}@media (max-height:760px) and (min-width:861px){.ad-side{height:64px}}@media (max-width:860px){:root{--peek:calc(92px + env(safe-area-inset-bottom,0px));--top-h:calc(54px + env(safe-area-inset-top,0px))}.topbar{grid-template-columns:auto minmax(0,1fr) auto;padding:env(safe-area-inset-top,0) 10px 0 12px;gap:8px}.badge,.top-mid{display:none}.brand-text b{font-size:13.5px}.btn-export{width:auto;padding:0 12px}.btn-export .sm{display:inline}.main{display:flex;flex-direction:column;min-height:0;padding-bottom:var(--peek)}.studio{flex:1;padding:10px;gap:10px}.stage{border-radius:20px}.hud{top:10px;left:10px;right:10px}#hudMode{display:none}.transport{grid-template-columns:1fr;grid-template-areas:"track" "left";gap:6px;padding:10px 14px;border-radius:18px}.tp-left{justify-content:center;gap:22px}.tp-right{display:none}.tbtn{width:42px;height:42px}.play{width:52px;height:52px}.ad-side{display:none}.ad-mobile{display:grid}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:50;height:min(80dvh,740px);border-left:0;border-top:1px solid var(--h2);border-radius:24px 24px 0 0;background:#0e0e13;transform:translateY(calc(100% - var(--peek)));transition:transform .5s var(--ease);animation:none;box-shadow:0 -20px 60px rgba(0,0,0,.6);padding-bottom:env(safe-area-inset-bottom,0);contain:layout}.sheet.open{transform:none}.sheet.dragging{transition:none}.sheet-handle{display:flex;justify-content:center;padding:9px 0 3px;cursor:grab;touch-action:none}.sheet-handle i{width:40px;height:4px;border-radius:4px;background:var(--h3)}.tabs{margin:6px 10px 8px}.tab{font-size:9.5px}.subnav{background:linear-gradient(180deg,#0e0e13 78%,rgba(14,14,19,0))}.sheet-backdrop{display:block;position:fixed;inset:0;z-index:45;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .4s}.sheet-backdrop.show{opacity:1;pointer-events:auto}.sheet-foot{display:none}.panels{padding:0 16px 28px}.xp-card{grid-template-columns:1fr;gap:14px;padding:18px}.xp-prev{width:120px;justify-self:center}.xp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tapbar{left:10px;right:10px;bottom:10px;flex-direction:column;align-items:stretch;gap:10px}.tap-actions .btn{flex:1}}@media (max-width:380px){.brand-text{display:none}.btn-export .sm{display:none}.btn-export{width:36px;padding:0}.tp-left{gap:14px}.formats{grid-template-columns:repeat(2,1fr)}.ttogs{grid-template-columns:1fr}.empty-actions{grid-template-columns:1fr}.pcards{grid-template-columns:1fr}.pcard{flex-direction:row;justify-content:flex-start;text-align:left;padding:12px}}@media (max-width:860px) and (orientation:landscape) and (max-height:520px){:root{--top-h:calc(44px + env(safe-area-inset-top,0px));--peek:calc(64px + env(safe-area-inset-bottom,0px))}.transport{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"left track";padding:6px 10px;gap:12px}.tp-left{gap:6px}.tbtn{width:36px;height:36px}.play{width:44px;height:44px}.ad-mobile{display:none}.sheet{height:92dvh}.sheet-handle{padding:5px 0 0}.tab{flex-direction:row;gap:6px;padding:6px 4px}.studio{padding:6px 10px;gap:6px}}@media (pointer:coarse){input[type=range]{height:30px}input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px}input[type=range]::-moz-range-thumb{width:22px;height:22px}.toggle-row{min-height:44px}.seg button{height:34px}.opt{height:40px}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important}}