:root{color:#e7ebf2;font-synthesis:none;text-rendering:optimizelegibility;--bg:#080b12;--panel:#0d111a;--panel-2:#101620;--panel-3:#151b26;--line:#222a38;--line-soft:#19202c;--muted:#798496;--muted-2:#505a6c;--blue:#2f80ff;--blue-light:#5c9bff;--text:#e8ecf3;background:#080b12;font-family:DM Sans,Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:1120px;height:100%;min-height:720px;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.app-shell{grid-template-rows:66px minmax(0, 1fr) calc(var(--curve-height,86px) + 206px);background:radial-gradient(circle at 55% 20%, #2b4e8114, transparent 36%), var(--bg);height:100%;display:grid}.topbar{border-bottom:1px solid var(--line);-webkit-app-region:drag;background:#0a0d14f0;grid-template-columns:260px 1fr 360px;align-items:center;padding:0 18px 0 74px;display:grid}.topbar button,.topbar nav{-webkit-app-region:no-drag}.brand{align-items:center;gap:11px;display:flex}.brand-mark{background:linear-gradient(145deg,#317eff,#1756c7);border-radius:9px;justify-content:center;align-items:center;gap:2px;width:33px;height:33px;display:flex;box-shadow:0 8px 24px #2f80ff47}.brand-mark span{background:#fff;border-radius:8px;width:3px;display:block;transform:skewY(-20deg)}.brand-mark span:first-child{height:11px}.brand-mark span:nth-child(2){height:20px}.brand-mark span:nth-child(3){height:15px}.brand strong{letter-spacing:.08em;font-size:16px;display:block}.brand small{color:#697488;letter-spacing:.24em;margin-top:1px;font-size:8px;font-weight:700;display:block}.project-tabs{justify-content:center;gap:28px;height:100%;display:flex}.project-tabs button{color:#758094;cursor:pointer;background:0 0;border:0;padding:0 3px;font-size:13px;position:relative}.project-tabs button.active{color:#f1f4f8}.project-tabs button.active:after{content:"";background:var(--blue);border-radius:3px 3px 0 0;height:2px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 14px #2f80ff8c}.top-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.save-state{color:#657084;align-items:center;gap:7px;margin-right:5px;font-size:11px;display:inline-flex}.save-state i{background:#44c885;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #44c88573}.button{border:1px solid var(--line);cursor:pointer;background:#131925;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 13px;font-size:12px;font-weight:600;transition:all .18s;display:inline-flex}.button:hover:not(:disabled){background:#181f2c;border-color:#354052;transform:translateY(-1px)}.button:disabled{cursor:default;opacity:.55}.button.primary{color:#fff;background:linear-gradient(#3988ff,#246edc);border-color:#367ee9;box-shadow:0 7px 20px #2069e03b}.button.ghost{background:0 0}.button.full{width:100%}.icon{font-style:normal;line-height:1;display:inline-flex}.workspace{grid-template-columns:250px minmax(520px,1fr) 252px;min-height:0;display:grid}.panel{background:#0d111ac7;min-height:0}.left-panel{border-right:1px solid var(--line);flex-direction:column;display:flex;overflow:hidden}.right-panel{border-left:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#283142 transparent;overflow-y:auto}.panel-heading{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;height:74px;padding:0 16px;display:flex}.panel-heading.compact{height:68px}.eyebrow{color:#506078;letter-spacing:.18em;margin-bottom:5px;font-size:8px;font-weight:700;display:block}.panel-heading h2{margin:0;font-size:14px;font-weight:600}.icon-button{border:1px solid var(--line);color:#69758a;cursor:pointer;background:#111722;border-radius:7px;width:30px;height:30px}.import-grid{grid-template-columns:1fr 1fr;gap:8px;padding:12px;display:grid}.import-card{cursor:pointer;background:#10151f;border:1px dashed #2c3545;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:98px;transition:all .18s;display:flex}.import-card input,.color-chip input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.import-icon{border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;margin-bottom:7px;font-size:13px;display:flex}.import-icon.score{color:#63a1ff;background:#2f80ff21;border:1px solid #458fff38}.import-icon.video{color:#c189ff;background:#9149e621;border:1px solid #aa63ff30}.import-card strong{font-size:10px;font-weight:600}.import-card small{color:#586477;margin-top:3px;font-size:8px}.asset-group{border-top:1px solid var(--line-soft)}.group-title{color:#9aa5b7;justify-content:space-between;align-items:center;height:38px;padding:0 14px;font-size:10px;font-weight:600;display:flex}.group-title>span{align-items:center;gap:6px;display:flex}.group-title small{color:#5e6b7f;background:#171e2a;border-radius:9px;justify-content:center;align-items:center;min-width:19px;height:18px;padding:0 5px;font-size:9px;display:flex}.asset-item{border:1px solid #0000;border-radius:8px;grid-template-columns:63px 1fr 16px;align-items:center;gap:8px;height:58px;margin:0 8px 10px;padding:6px;display:grid}.video-thumb{color:#ffffffd1;background:radial-gradient(circle at 40% 35%,#9fbeff6b,#0000 18%),linear-gradient(145deg,#1e3450,#0a1019 65%);border-radius:5px;justify-content:center;align-items:center;height:43px;font-size:9px;display:flex;overflow:hidden}.video-thumb img{object-fit:cover;width:100%;height:100%;display:block}.asset-copy{min-width:0}.asset-copy strong,.line-meta strong{white-space:nowrap;text-overflow:ellipsis;color:#c9d0dc;font-size:10px;font-weight:500;display:block;overflow:hidden}.asset-copy span,.line-meta span{color:#596579;margin-top:5px;font-size:8px;display:block}.asset-item>button{color:#586477;background:0 0;border:0}.score-list{flex-direction:column;flex:1;min-height:0;display:flex}.line-list{scrollbar-width:thin;scrollbar-color:#253044 transparent;padding:0 7px 12px;overflow-y:auto}.line-item{border:1px solid #0000;border-radius:7px;grid-template-columns:12px 56px minmax(0,1fr) 20px;align-items:center;gap:7px;height:58px;padding:5px 6px;display:grid}.drag-handle{color:#354053;font-size:13px}.line-preview{background:#e8e9e6;border-radius:4px;align-items:center;height:42px;display:flex;overflow:hidden}.line-preview img{filter:none;width:100%}.line-preview.white img{filter:invert()}.line-number{color:#424e60;font-variant-numeric:tabular-nums;font-size:8px}.center-stage{grid-template-rows:54px minmax(0,1fr) 34px;min-width:0;min-height:0;display:grid}.stage-toolbar{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:0 18px;display:flex}.mode-switch{background:#0b1018;border:1px solid #202837;border-radius:8px;padding:3px;display:flex}.mode-switch button{color:#697589;cursor:pointer;background:0 0;border:0;border-radius:6px;height:27px;padding:0 11px;font-size:10px}.mode-switch button.active{color:#dfe6f0;background:#1c2533;box-shadow:inset 0 0 0 1px #293448}.mode-switch button.active .icon{color:var(--blue-light)}.zoom-control{border:1px solid #202837;border-radius:7px;align-items:center;height:30px;display:flex;overflow:hidden}.zoom-control button,.zoom-control span{color:#687488;background:#0f141e;border:0;border-right:1px solid #202837;justify-content:center;align-items:center;min-width:29px;height:100%;font-size:10px;display:flex}.zoom-control span{color:#9aa5b6;min-width:47px}.zoom-control>:last-child{border-right:0}.preview-wrap{background:linear-gradient(45deg,#ffffff03 25%,#0000 25%) 0 0/20px 20px,#090d14;justify-content:center;align-items:center;min-height:0;padding:14px 18px;display:flex;overflow:hidden}.preview-canvas{width:min(100%, calc((100vh - 316px - var(--curve-height,86px)) * 1.7778));aspect-ratio:16/9;touch-action:none;-webkit-user-select:none;user-select:none;cursor:ns-resize;background:#060910;border-radius:5px;max-height:100%;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000073,0 0 0 1px #ffffff0f}.preview-canvas.ratio-9-16{width:min(43%, calc((100vh - 316px - var(--curve-height,86px)) * .5625));aspect-ratio:9/16}.preview-canvas video,.demo-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.demo-video{background:linear-gradient(#03070d14,#03070dc2),radial-gradient(circle at 63% 24%,#344a6b,#0000 25%),linear-gradient(135deg,#101a29,#070a10 65%);overflow:hidden}.ambient{filter:blur(44px);border-radius:50%;position:absolute}.ambient.one{background:#3a629d2e;width:45%;height:70%;top:5%;left:8%}.ambient.two{background:#684a932e;width:25%;height:45%;bottom:-15%;right:4%}.performer{filter:blur(2px);opacity:.66;width:25%;height:90%;position:absolute;bottom:-14%;left:50%}.performer .head{aspect-ratio:1;background:#0d111a;border-radius:50%;width:27%;position:absolute;top:2%;left:35%}.performer .body{background:linear-gradient(120deg,#121824,#06080d);border-radius:44% 44% 0 0;width:75%;height:70%;position:absolute;bottom:0;left:10%}.performer .instrument{background:linear-gradient(90deg,#4b2b20,#9a6442 45%,#321c16);border-radius:50% 20% 40% 40%;width:16%;height:76%;position:absolute;top:12%;left:67%;transform:rotate(-12deg);box-shadow:-20px 10px 0 -16px #71472f}.demo-label{color:#ffffff57;letter-spacing:.08em;font-size:8px;position:absolute;top:10px;right:12px}.score-window{align-items:center;height:27%;display:flex;position:absolute;top:48%;left:0;right:0;overflow:visible;transform:translateY(-50%)}.score-track{transform-origin:0;will-change:transform;align-items:center;width:100%;height:58%;transition:filter .15s;display:flex;position:absolute;left:0}.score-track img{object-fit:fill;pointer-events:none;flex:none;height:100%}.score-track.ink-white{filter:invert()}.score-track.has-shadow{filter:drop-shadow(0 5px 5px #00000094)}.score-track.ink-white.has-shadow{filter:invert()drop-shadow(0 5px 5px #0000009e)}.play-line{z-index:3;border-radius:3px;width:3px;height:100%;position:absolute;left:36%;transform:translate(-50%)}.play-line.glow{box-shadow:0 0 8px,0 0 22px}.play-line span{background:currentColor;border-radius:2px;width:8px;height:8px;position:absolute;top:-2px;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.speed-hud{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04070c94;border:1px solid #ffffff17;border-radius:7px;width:74px;padding:9px 10px 8px;position:absolute;top:9%;left:4.2%;box-shadow:0 12px 28px #0003}.speed-hud small{color:#8390a2;font-size:7px;display:block}.speed-hud strong{color:#fff;font-variant-numeric:tabular-nums;margin-top:2px;font-size:20px;line-height:1.05;display:block}.speed-hud em{color:#6e7b90;margin-left:2px;font-size:9px;font-style:normal}.speed-meter{gap:2px;height:3px;margin-top:7px;display:flex}.speed-meter i{background:#303848;border-radius:2px;flex:1}.speed-meter i.active{background:var(--blue);box-shadow:0 0 5px #2f80ff80}.gesture-tip{color:#ffffff73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#03060a5c;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:8px;height:23px;padding:0 10px;font-size:7px;display:flex;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.gesture-tip i{background:#fff3;border-radius:50%;width:2px;height:2px}.transport{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05080dad;border:1px solid #ffffff14;border-radius:9px;align-items:center;gap:4px;height:34px;padding:0 8px;display:flex;position:absolute;bottom:5.5%;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000047}.transport button{color:#9ba5b4;cursor:pointer;background:0 0;border:0;width:25px;height:25px;padding:0;font-size:9px}.transport button small{font-size:6px}.transport .play-button{color:#fff;background:#2f80ff;border-radius:50%;width:27px;box-shadow:0 3px 10px #2f80ff59}.timecode{font-variant-numeric:tabular-nums;align-items:center;gap:5px;padding:0 4px 0 6px;font-size:8px;display:flex}.timecode strong{color:#e8edf4;font-weight:500}.timecode span,.timecode i{color:#606c7e;font-style:normal}.status-strip{border-top:1px solid var(--line-soft);color:#5e697b;justify-content:space-between;align-items:center;padding:0 18px;font-size:9px;display:flex}.status-strip>div{align-items:center;gap:7px;display:flex}.status-strip strong{color:#788498;font-weight:500}.status-dot{background:#44c885;border-radius:50%;width:6px;height:6px}.status-strip.recording .status-dot{background:#ff4f62;animation:1s infinite pulse;box-shadow:0 0 8px #ff4f62a6}@keyframes pulse{50%{opacity:.35}}.property-section{border-bottom:1px solid var(--line-soft);padding:15px 15px 16px}.property-section h3{color:#bec6d3;margin:0 0 12px;font-size:11px;font-weight:600}.export-mode-cards{gap:7px;display:grid}.export-mode-cards button{color:#657287;text-align:left;cursor:pointer;background:#0f151f;border:1px solid #222b39;border-radius:8px;grid-template-columns:25px 1fr;align-items:center;width:100%;min-height:47px;padding:7px 9px;display:grid}.export-mode-cards button>.icon{color:#91a1b8;background:linear-gradient(45deg,#263144 25%,#0000 25%) 0 0/7px 7px,linear-gradient(45deg,#0000 75%,#263144 75%) 0 0/7px 7px,#141c29;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px}.export-mode-cards button b,.export-mode-cards button small{display:block}.export-mode-cards button b{color:#aab4c4;font-size:9px;font-weight:600}.export-mode-cards button small{color:#505d70;margin-top:3px;font-size:7px}.export-mode-cards button.active>.icon{color:#7eb2ff;box-shadow:inset 0 0 0 1px #4e91f53d}.alpha-note{color:#536278;margin:9px 0 0;font-size:8px;line-height:1.55}.property-title{justify-content:space-between;display:flex}.property-title button{color:#59677b;cursor:pointer;background:0 0;border:0;font-size:9px}.segmented{background:#090e16;border:1px solid #1c2431;border-radius:8px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.segmented button{color:#687589;cursor:pointer;background:0 0;border:0;border-radius:6px;height:27px;font-size:10px}.segmented button.active{color:#d8dfe9;background:#19212e;box-shadow:inset 0 0 0 1px #283447}.resolution-row{color:#707c90;justify-content:space-between;margin-top:10px;font-size:9px;display:flex}.resolution-row small{color:#465268;font-size:8px}.field-label{color:#69768a;margin-bottom:7px;font-size:9px;display:block}.color-options{grid-template-columns:1fr 1fr;gap:7px;display:grid}.color-options button{color:#737f91;cursor:pointer;background:#111721;border:1px solid #202938;border-radius:7px;align-items:center;gap:7px;height:31px;padding:0 9px;font-size:9px;display:flex}.color-options i,.color-chip i{border:1px solid #343d4c;border-radius:4px;width:13px;height:13px}.black-swatch{background:#0b0e13}.white-swatch{background:#eef0f2}.range-field{margin-top:15px;display:block}.range-field>span{color:#6d788b;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:9px;display:flex}.range-field b{font-weight:400}.range-field em{color:#919caf;font-variant-numeric:tabular-nums;background:#0c1119;border:1px solid #242e3e;border-radius:5px;justify-content:flex-end;align-items:center;min-width:38px;height:20px;padding:0 6px;font-style:normal;display:flex}.range-field input{appearance:none;background:linear-gradient(90deg, var(--blue) var(--progress), #252e3c var(--progress));border-radius:2px;width:100%;height:3px;display:block}.range-field input::-webkit-slider-thumb{appearance:none;border:2px solid var(--blue);cursor:pointer;background:#dce7f8;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 2px #2f80ff1f}.toggle-row{color:#6e7a8d;cursor:pointer;justify-content:space-between;align-items:center;margin-top:14px;font-size:9px;display:flex;position:relative}.toggle-row input{opacity:0;position:absolute;right:0}.toggle-row i{background:#283140;border-radius:10px;width:27px;height:15px;transition:all .2s;position:relative}.toggle-row i:after{content:"";background:#788498;border-radius:50%;width:11px;height:11px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle-row input:checked+i{background:#256edb}.toggle-row input:checked+i:after{background:#fff;left:14px}.color-line{gap:8px;display:flex}.color-chip{color:#8290a4;cursor:pointer;background:#0e141e;border:1px solid #222b39;border-radius:7px;flex:1;align-items:center;gap:8px;height:31px;padding:0 8px;font-size:9px;display:flex}.line-sample{clip-path:polygon(47% 0,53% 0,53% 100%,47% 100%);border-radius:7px;width:37px;height:31px;box-shadow:0 0 12px #2f80ff59}details.processing-section{padding:0}.processing-section summary{cursor:pointer;justify-content:space-between;align-items:center;height:60px;padding:0 15px;list-style:none;display:flex}.processing-section summary::-webkit-details-marker{display:none}.processing-section summary h3{margin:0 0 4px}.processing-section summary span{color:#536075;font-size:8px;display:block}.processing-section summary b{color:#536075;font-size:12px;transition:all .2s}.processing-section[open] summary b{transform:rotate(180deg)}.processing-section[open]>:not(summary){margin-left:15px;margin-right:15px}.processing-section[open] .button{width:calc(100% - 30px);margin:15px}.timeline-panel{border-top:1px solid var(--line);background:#0a0e16;min-height:0}.timeline-tools{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;height:48px;padding:0 13px;display:flex}.sync-actions{gap:7px;display:flex}.button.record{color:#d5dae3;border-color:#ff4a5e52}.button.record.active{background:#ff4a5e1f;border-color:#ff4a5e85}.record-dot{background:#ff4f62;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #ff4f6259}.record.active .record-dot{animation:1s infinite pulse}.point-actions{align-items:center;gap:12px;display:flex}.sensitivity-control{color:#69768a;white-space:nowrap;background:#0d131d;border:1px solid #253042;border-radius:7px;align-items:center;gap:8px;height:28px;padding:0 8px;font-size:8px;display:flex}.sensitivity-control input{appearance:none;background:linear-gradient(90deg, var(--blue) var(--sensitivity), #303a49 var(--sensitivity));border-radius:2px;width:86px;height:3px}.sensitivity-control input::-webkit-slider-thumb{appearance:none;border:2px solid var(--blue);cursor:ew-resize;background:#fff;border-radius:50%;width:11px;height:11px}.sensitivity-control b{color:#8d9aab;font-variant-numeric:tabular-nums;min-width:26px;font-size:8px;font-weight:600}.point-actions span{color:#59667a;font-size:9px}.point-actions button{color:#657287;cursor:pointer;background:0 0;border:0;font-size:9px}.point-actions button:disabled{opacity:.35;cursor:default}.timeline-content{grid-template-columns:58px 1fr;height:calc(100% - 48px);display:grid}.track-labels{border-right:1px solid var(--line-soft);grid-template-rows:44px 76px var(--curve-height,86px);padding-top:27px;display:grid}.track-labels span{color:#3f4a5c;letter-spacing:.12em;align-items:center;padding-left:12px;font-size:7px;font-weight:700;display:flex}.timeline-ruler-wrap{scrollbar-width:thin;scrollbar-color:#b9c7d9 transparent;min-width:0;padding:0 14px 0 10px;position:relative;overflow:auto hidden}.timeline-scroll-canvas{min-width:100%}.time-ruler{border-bottom:1px solid var(--line-soft);height:27px;position:relative}.time-ruler:after{content:"";opacity:.38;background:repeating-linear-gradient(90deg,#273041 0 1px,#0000 1px 2.5%);position:absolute;inset:12px 0 0}.time-ruler span{color:#536074;font-variant-numeric:tabular-nums;font-size:7px;position:absolute;top:5px;transform:translate(-50%)}.time-ruler span:first-child{transform:none}.time-ruler span:last-child{transform:translate(-100%)}.timeline-tracks{height:calc(var(--curve-height,86px) + 120px);cursor:crosshair;background:repeating-linear-gradient(90deg,#0000 0 calc(2.5% - 1px),#2b34442e calc(2.5% - 1px) 2.5%);position:relative;overflow:hidden}.video-track{border-bottom:1px solid var(--line-soft);align-items:center;height:44px;display:flex}.score-track-row{border-bottom:1px solid var(--line-soft);align-items:center;height:76px;display:flex}.track-block{color:#8091aa;background:repeating-linear-gradient(90deg,#354c7059 0 38px,#17202fa6 38px 40px),#152033;border:1px solid #263750;border-radius:5px;align-items:center;width:100%;height:37px;padding:0 8px;display:flex;position:relative;overflow:hidden}.track-block b{z-index:2;text-overflow:ellipsis;white-space:nowrap;background:#f4f8fde0;border-radius:4px;max-width:55%;margin-left:8px;padding:3px 6px;font-size:8px;font-weight:500;overflow:hidden}.track-block small{color:#52627a;z-index:2;background:#f4f8fde0;border-radius:4px;margin-left:auto;padding:3px 5px;font-size:7px}.clip-thumb{background:linear-gradient(135deg,#365678,#111827);border-radius:3px;width:22px;height:20px}.video-filmstrip{z-index:0;background:#dbe7f5;gap:1px;display:flex;position:absolute;inset:0}.video-filmstrip img{object-fit:cover;opacity:.88;flex:1 1 0;min-width:0;height:100%}.score-track-row{gap:0}.score-track-row>span{background:#d7d8d5;border:1px solid #313744;height:66px;position:relative;overflow:hidden}.score-track-row img{object-fit:contain;background:#fff;width:100%;height:100%}.score-track-row small{color:#3d414a;font-size:6px;font-weight:700;position:absolute;top:2px;left:3px}.curve-track{height:var(--curve-height,86px);border-bottom:1px solid var(--line-soft);background:linear-gradient(#2646761f,#0000);position:relative}.curve-track svg{touch-action:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.curve-track g{cursor:move}.curve-track g.locked{cursor:default}.curve-track .point-hit{fill:#0000;stroke:none;cursor:move}.curve-track .point-ring{fill:#0d131e;stroke:#4c94ff;stroke-width:3px;vector-effect:non-scaling-stroke;cursor:pointer}.curve-track .point-core{fill:#cfe1ff;pointer-events:none}.curve-track g.selected .point-ring{fill:#1e67d6;stroke:#a8c9ff;filter:drop-shadow(0 0 5px #2f80ff)}.curve-track g:not(.locked):hover .point-ring{fill:#183969;stroke:#b8d4ff;r:8px}.curve-label{color:#3f4b60;font-size:7px;position:absolute;top:5px;right:7px}.playhead{pointer-events:none;z-index:8;background:#ff5c67;width:1px;position:absolute;top:0;bottom:0}.playhead span{background:#ff5c67;border-radius:2px;width:8px;height:8px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)rotate(45deg)}@media (width<=1260px){.workspace{grid-template-columns:224px minmax(500px,1fr) 226px}.topbar{grid-template-columns:220px 1fr 330px}.save-state{display:none}}:root{color:#172033;--bg:#f5f7fb;--panel:#fff;--panel-2:#f8fafc;--panel-3:#f1f4f8;--line:#dde3ec;--line-soft:#e9edf3;--muted:#7d8899;--muted-2:#a1a9b6;--blue:#2f80ff;--blue-light:#5c9bff;--text:#172033;background:#f5f7fb}.app-shell{background:#f5f7fb}.topbar{border-color:var(--line);background:#fffffff5;box-shadow:0 1px #18263d05}.brand-mark{box-shadow:0 7px 18px #2f80ff33}.brand strong{color:#152036}.brand small,.save-state{color:#98a2b2}.project-tabs button{color:#8a95a5}.project-tabs button.active{color:#152036;font-weight:650}.button{color:#536075;background:#fff;border-color:#dbe2eb;box-shadow:0 1px 2px #1c293d0a}.button:hover:not(:disabled){background:#f8fafc;border-color:#bdc8d7}.button.primary{color:#fff;background:linear-gradient(#428eff,#2f7dec);border-color:#2877ee}.button.secondary{color:#5d687a;background:#fff}.panel{background:#fff}.left-panel,.right-panel,.panel-heading,.asset-group,.stage-toolbar,.status-strip,.timeline-panel,.timeline-tools{border-color:var(--line-soft)}.panel-heading h2,.property-section h3{color:#263247}.eyebrow{color:#a0a9b7}.icon-button{color:#9aa4b3;background:#f8fafc;border-color:#e1e6ed}.import-card{color:#334057;background:#fbfcfe;border-color:#cfd8e5}.import-card:hover{background:#f4f8ff;border-color:#79aefc}.import-card small,.asset-copy span,.line-meta span{color:#98a2b1}.group-title{color:#697589}.group-title small{color:#8e99a9;background:#f0f3f7}.asset-item.selected{background:#f1f6ff;border-color:#bed7ff}.asset-copy strong,.line-meta strong{color:#3a4659}.line-item:hover{background:#f7f9fc;border-color:#edf0f5}.line-preview.white{background:#657184}.drag-handle,.line-number{color:#b6bec9}.center-stage{background:#fff}.mode-switch,.segmented{background:#f2f5f9;border-color:#e0e6ee}.mode-switch button,.segmented button{color:#7a8698}.mode-switch button.active,.segmented button.active{color:#243047;background:#fff;box-shadow:0 1px 4px #1c2b4217}.zoom-control{background:#fff;border-color:#dfe5ed}.zoom-control button,.zoom-control span{color:#6e7b8e;background:#fff;border-color:#e6eaf0}.zoom-control button:hover{background:#f3f6fa}.preview-wrap{background:radial-gradient(circle at 50% 42%,#2f80ff0d,#0000 38%),#f1f4f8;padding:20px 24px}.preview-canvas{background:#dfe4eb;border-radius:12px;box-shadow:0 18px 48px #26354c2e,0 0 0 1px #26354c14}.score-window{z-index:5;display:block;right:auto;overflow:visible;transform:none}.score-clip{border-radius:3px;position:absolute;inset:0;overflow:hidden}.score-track{transform-origin:0;width:100%;top:50%}.score-track img{width:auto;max-width:none}.score-window.selected .score-clip{box-shadow:inset 0 0 0 1.5px #2f80fff2,0 0 0 1px #ffffff85}.score-layer-ui{z-index:10;pointer-events:none;position:absolute;inset:0}.score-window:not(.selected) .score-layer-ui{opacity:0}.layer-drag-bar{color:#fff;pointer-events:none;cursor:default;background:#2f80ff;border:0;border-radius:6px;align-items:center;gap:12px;min-width:146px;height:24px;padding:0 8px;display:flex;position:absolute;top:-27px;left:8px;box-shadow:0 5px 14px #2f80ff42}.layer-drag-bar b{font-size:8px;font-weight:650}.layer-drag-bar span{color:#ffffffc7;font-variant-numeric:tabular-nums;font-size:7px}.layer-edge{pointer-events:auto;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute}.layer-edge.top,.layer-edge.bottom{cursor:ns-resize;height:12px;left:18px;right:18px}.layer-edge.top{top:0;transform:translateY(-50%)}.layer-edge.bottom{bottom:0;transform:translateY(50%)}.layer-edge.left,.layer-edge.right{cursor:ew-resize;width:12px;top:18px;bottom:18px}.layer-edge.left{left:0;transform:translate(-50%)}.layer-edge.right{right:0;transform:translate(50%)}.layer-edge span{color:#fff;opacity:.92;background:#2f80ff;border-radius:7px;justify-content:center;align-items:center;width:22px;height:12px;font-size:8px;font-style:normal;display:flex;box-shadow:0 2px 7px #2f80ff47}.layer-edge.left span,.layer-edge.right span{width:12px;height:22px}.layer-handle{pointer-events:auto;background:#2f80ff;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 1px 5px #153a715c}.layer-handle.nw{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.layer-handle.ne{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.layer-handle.sw{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.layer-handle.se{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.status-strip{color:#8a95a5;background:#fff}.status-strip strong{color:#677487}.right-panel{scrollbar-color:#d3dae4 transparent}.property-section{border-color:var(--line-soft)}.export-mode-cards button{color:#718095;background:#fbfcfe;border-color:#e0e6ee}.export-mode-cards button>.icon{color:#7c8aa0;background:linear-gradient(45deg,#e5eaf1 25%,#0000 25%) 0 0/7px 7px,linear-gradient(45deg,#0000 75%,#e5eaf1 75%) 0 0/7px 7px,#f6f8fb}.export-mode-cards button b{color:#4a566a}.export-mode-cards button small,.alpha-note{color:#929dac}.export-mode-cards button.active{background:#f2f7ff;border-color:#9fc4ff}.export-mode-cards button.active b{color:#245eaf}.field-label,.range-field>span,.toggle-row{color:#6f7b8e}.color-options button,.color-chip{color:#677487;background:#fff;border-color:#dfe5ed}.color-options button.active{color:#2d64ad;background:#f2f7ff;border-color:#99c0fb}.range-field em{color:#5f6c7f;background:#f8fafc;border-color:#e0e5ec}.range-field input{background:linear-gradient(90deg, var(--blue) var(--progress), #dfe5ed var(--progress))}.range-field input::-webkit-slider-thumb{background:#fff}.toggle-row i{background:#d6dce5}.processing-section summary span,.processing-section summary b,.property-title button{color:#8e99aa}.timeline-panel{background:#fff}.point-actions span,.point-actions button{color:#758195}.sensitivity-control{color:#6f7b8e;background:#f8fafc;border-color:#dfe5ed}.sensitivity-control input{background:linear-gradient(90deg, var(--blue) var(--sensitivity), #dbe2eb var(--sensitivity))}.sensitivity-control b{color:#536075}.track-labels span{color:#9aa4b3}.time-ruler:after{background:repeating-linear-gradient(90deg,#cdd5e0 0 1px,#0000 1px 2.5%)}.time-ruler span{color:#8e99aa}.timeline-tracks{background:repeating-linear-gradient(90deg,#0000 0 calc(2.5% - 1px),#5a6b841a calc(2.5% - 1px) 2.5%)}.track-block{color:#52709a;background:repeating-linear-gradient(90deg,#75a3e133 0 38px,#e4edf9c2 38px 40px),#eaf2fc;border-color:#bcd4f7}.track-block small{color:#8394aa}.clip-thumb{background:linear-gradient(135deg,#86a9d8,#d4e1f2)}.score-track-row>span{background:#f3f2ef;border-color:#d3d9e2}.curve-track{background:linear-gradient(#2f80ff14,#0000)}.curve-track .point-ring{fill:#fff}.curve-track g:not(.locked):hover .point-ring{fill:#dceaff}.curve-label{color:#93a0b1}.line-stamp-button.active{color:#2265bf;background:#eef5ff;border-color:#82b2fb;box-shadow:0 0 0 2px #2f80ff14}.score-position-preview{border-bottom:1px solid var(--line-soft);background:#f8fafc;grid-template-columns:132px minmax(260px,1fr) 82px auto;align-items:center;gap:12px;height:44px;padding:6px 14px 6px 12px;display:grid}.score-position-copy{min-width:0}.score-position-copy span,.score-position-copy strong{white-space:nowrap;display:block}.score-position-copy span{color:#9aa5b5;letter-spacing:.12em;font-size:7px;font-weight:750}.score-position-copy strong{color:#435169;margin-top:2px;font-size:10px}.score-position-image{background:#fff;border:1px solid #d8dee8;border-radius:6px;height:31px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff9}.score-position-image img{object-fit:fill;width:100%;height:100%;display:block}.score-position-image.ink-white{background:#172033;border-color:#263348}.score-position-image.ink-white img{filter:invert()}.score-position-image i{background:#2f80ff;width:2px;position:absolute;top:-1px;bottom:-1px;transform:translate(-1px);box-shadow:0 0 0 1px #ffffffbf,0 0 8px #2f80ff8c}.score-position-stats{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.score-position-stats b{color:#334157;font-size:10px}.score-position-stats span{color:#2f80ff;font-size:10px;font-weight:750}.score-position-preview>small{color:#98a3b2;white-space:nowrap;font-size:8px}.score-track-row>span{opacity:.55;transition:opacity .15s,border-color .15s,box-shadow .15s}.score-track-row>span.active{z-index:2;opacity:1;border-color:#69a3fa;box-shadow:inset 0 0 0 1px #2f80ff47}.score-row-locator{background:#2f80ff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 5px #2f80ff8c}@media (width<=1380px){.score-position-preview{grid-template-columns:118px minmax(220px,1fr) 76px}.score-position-preview>small,.point-actions>span{display:none}.sync-actions{gap:4px}.sync-actions .button{padding-left:8px;padding-right:8px}}.app-shell.simple-sync{grid-template-rows:66px minmax(0,1fr) 206px}.simple-follow-controls{align-items:center;gap:7px;min-width:0;display:flex}.block-sync-guide{align-items:center;gap:10px;min-width:310px;display:flex}.block-sync-guide>i{background:repeating-linear-gradient(90deg,#dce9fa 0 11px,#edf4fd 11px 13px);border:1px solid #b9d2f7;border-radius:5px;width:43px;height:28px;position:relative}.block-sync-guide>i:after{content:"";background:#2f80ff;border-radius:2px;width:3px;position:absolute;top:-3px;bottom:-3px;right:-2px;box-shadow:0 0 0 1px #fff,0 0 7px #2f80ff73}.block-sync-guide>i>span{background:#2f80ff;border-radius:5px;width:10px;height:15px;position:absolute;top:50%;right:-7px;transform:translateY(-50%)}.block-sync-guide div b,.block-sync-guide div span{display:block}.block-sync-guide div b{color:#334157;font-size:11px}.block-sync-guide div span{color:#8a96a7;white-space:nowrap;margin-top:2px;font-size:8px}.follow-button{min-width:112px}.follow-button.active{background:linear-gradient(#ff7180,#e84b5e);border-color:#e34f61;box-shadow:0 6px 16px #e84b5e33}.speed-pedal{color:#526075;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#fff;border:1px solid #d9e0e9;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:91px;height:38px;padding:0 12px;display:inline-flex;box-shadow:0 2px 6px #1c293d0d}.speed-pedal b{border-radius:7px;justify-content:center;align-items:center;width:23px;height:23px;font-size:18px;line-height:1;display:inline-flex}.speed-pedal span{font-size:11px;font-weight:700}.speed-pedal.slower b{color:#65748a;background:#edf1f6}.speed-pedal.faster{color:#2867bd;background:#f4f8ff;border-color:#bcd5fb}.speed-pedal.faster b{color:#fff;background:#2f80ff}.speed-pedal:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #21314914}.throttle-readout{background:#f8fafc;border:1px solid #dce3ec;border-radius:9px;grid-template-columns:1fr auto;align-items:center;width:132px;height:38px;padding:4px 9px;display:grid}.throttle-readout>span{color:#8b97a8;font-size:8px}.throttle-readout>strong{color:#286bc8;font-variant-numeric:tabular-nums;font-size:14px}.throttle-readout>input{accent-color:#2f80ff;cursor:ew-resize;grid-column:1/-1;width:100%;height:4px;margin:0}.reset-speed{color:#718095;padding-left:9px;padding-right:9px}.simple-follow-meta{align-items:center;gap:12px;margin-left:auto;display:flex}.simple-follow-meta>span{color:#8490a2;white-space:nowrap;font-size:9px}.simple-follow-meta>.timeline-overflow-note{color:#c2731e}.simple-follow-meta>span i{background:#43be7d;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.pro-account-button{color:#66758a;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 10px;display:inline-flex}.pro-account-button i{color:#718096;background:#edf2f8;border-radius:5px;justify-content:center;align-items:center;min-width:25px;height:17px;padding:0 5px;font-size:7px;font-style:normal;font-weight:800;display:inline-flex}.pro-account-button span{font-size:9px;font-weight:700}.pro-account-button.active{color:#286bc8;background:#f3f7ff;border-color:#b8d2fb}.pro-account-button.active i{color:#fff;background:#2f80ff}.pro-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c273757;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pro-modal{color:#263247;background:#fff;border:1px solid #fffc;border-radius:20px;width:min(430px,100%);max-height:calc(100vh - 48px);padding:28px;position:relative;overflow-y:auto;box-shadow:0 26px 80px #1b2b4338}.pro-modal-close{color:#7f8b9d;cursor:pointer;background:#f2f5f9;border:0;border-radius:8px;width:29px;height:29px;font-size:20px;line-height:1;position:absolute;top:14px;right:16px}.pro-modal-brand{align-items:center;gap:12px;margin-bottom:22px;display:flex}.pro-modal-brand>i{color:#fff;background:linear-gradient(145deg,#4a93ff,#2369d0);border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;font-family:Songti SC,serif;font-size:21px;font-style:normal;display:inline-flex;box-shadow:0 8px 22px #2f80ff3d}.pro-modal-brand span{color:#8793a5;letter-spacing:.18em;font-size:8px;font-weight:800}.pro-modal-brand h2{color:#273349;margin:2px 0 0;font-size:20px;font-weight:750}.pro-auth-tabs{background:#f1f4f8;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.pro-auth-tabs button{color:#8590a1;cursor:pointer;background:0 0;border:0;border-radius:7px;height:32px;font-size:11px;font-weight:700}.pro-auth-tabs button.active{color:#2f6fca;background:#fff;box-shadow:0 2px 8px #20304714}.pro-auth-form{gap:13px;margin-top:18px;display:grid}.pro-auth-form label{gap:6px;display:grid}.pro-auth-form label span{color:#6f7c90;font-size:10px;font-weight:700}.pro-auth-form input{color:#263247;background:#fbfcfe;border:1px solid #dce3ec;border-radius:9px;outline:none;height:42px;padding:0 12px;font-size:12px}.pro-auth-form input:focus{border-color:#79aaf1;box-shadow:0 0 0 3px #2f80ff1a}.pro-primary-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3c8bff,#2369d2);border:0;border-radius:10px;width:100%;min-height:42px;margin-top:4px;font-size:11px;font-weight:800;box-shadow:0 8px 20px #2f80ff2e}.pro-primary-action:disabled{opacity:.55;cursor:wait}.pro-account-row{color:#5a687b;border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;padding-bottom:13px;font-size:10px;display:flex}.pro-account-row button,.pro-text-action{color:#8491a4;cursor:pointer;background:0 0;border:0;font-size:9px}.pro-plan ul{gap:10px;margin:18px 0;padding:0;list-style:none;display:grid}.pro-plan li{color:#536176;font-size:11px}.pro-plan li:before{content:"✓";color:#2f80ff;margin-right:8px;font-weight:900}.pro-price{align-items:baseline;gap:5px;margin:18px 0 13px;display:flex}.pro-price strong{color:#246dcc;font-size:28px}.pro-price span,.pro-privacy-note{color:#8793a4;font-size:9px}.pro-privacy-note{text-align:center;margin-top:12px;display:block}.pro-checkout{text-align:center}.pro-price-line{background:#f4f7fb;border-radius:10px;justify-content:space-between;align-items:baseline;margin-bottom:13px;padding:12px 14px;display:flex}.pro-price-line span{color:#5f6e82;font-size:10px}.pro-price-line strong{color:#286fce;font-size:20px}.pro-checkout>img{border-radius:10px;width:240px;max-width:80%;margin:5px auto 12px}.pro-checkout>b,.pro-checkout>small{display:block}.pro-checkout>b{color:#344157;font-size:12px}.pro-checkout>small{color:#8b96a6;margin-top:6px;font-size:9px}.pro-payment-wait{color:#6f7d91;align-items:center;gap:6px;margin-top:14px;font-size:9px;display:inline-flex}.pro-payment-wait i{background:#f1a74c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #f1a74c1f}.pro-success{text-align:center;padding:12px 0 2px}.pro-success>i{color:#36a76a;background:#e8f8ef;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 13px;font-size:24px;font-style:normal;display:flex}.pro-success>strong,.pro-success>span{display:block}.pro-success>strong{color:#2e3b50;font-size:14px}.pro-success>span{color:#8692a3;margin:6px 0 18px;font-size:10px}.pro-text-action{margin-top:11px}.pro-error{color:#c1534c;text-align:center;background:#fff1f0;border-radius:8px;margin:12px 0 0;padding:9px 11px;font-size:9px}.advanced-toggle{color:#738095;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dce3ec;border-radius:7px;height:30px;padding:0 10px;font-size:9px;font-weight:650}.advanced-toggle b{color:#9ba6b5;margin-left:4px}.advanced-toggle.close{margin-left:4px}.open-throttle{white-space:nowrap}.collapse-throttle{color:#8b97a8;cursor:pointer;background:0 0;border:0;font-size:9px}.simple-sync .track-labels{grid-template-rows:44px 76px}.timeline-tracks.compact{height:120px}.score-track-row{display:block;position:relative}.score-track-row>span{border-radius:4px;min-width:12px;height:66px;position:absolute;top:5px;overflow:visible}.score-track-row>span img{border-radius:3px;overflow:hidden}.score-track-row>span small{color:#263349;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px #ffffffe6;width:auto;font-size:6px;right:9px;overflow:hidden}.score-track-row>span.dragging{z-index:7;opacity:1;border-color:#2f80ff;box-shadow:0 0 0 2px #2f80ff2e}.score-line-resize-handle{z-index:8;cursor:ew-resize;touch-action:none;background:0 0;border:0;width:22px;height:76px;padding:0;position:absolute;top:-5px;right:-11px}.score-line-resize-handle>i{background:#2f80ff;border-radius:2px;width:3px;position:absolute;top:5px;bottom:5px;left:10px;box-shadow:0 0 0 1px #ffffffe6,0 0 6px #2f80ff73}.score-line-resize-handle>b{color:#fffffff2;opacity:0;background:#2f80ff;border-radius:6px;justify-content:center;align-items:center;width:17px;height:24px;font-size:9px;line-height:1;transition:opacity .15s;display:flex;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.score-track-row>span:hover .score-line-resize-handle>b,.score-track-row>span.dragging .score-line-resize-handle>b,.score-line-resize-handle:focus-visible>b{opacity:1}@media (width<=1250px){.simple-follow-controls{gap:4px}.speed-pedal{min-width:78px;padding:0 8px}.throttle-readout{width:112px}.simple-follow-meta>span,.reset-speed{display:none}.block-sync-guide{min-width:255px}.block-sync-guide div span{display:none}}.mobile-nav{display:none}.guest-quota{color:#748195;white-space:nowrap;background:#f2f5f9;border-radius:7px;align-items:center;height:24px;padding:0 8px;font-size:8px;font-weight:700;display:inline-flex}.preview-exit{z-index:80;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#121b28b3;border:1px solid #ffffff52;border-radius:9px;height:34px;padding:0 13px;font-size:10px;font-weight:700;position:fixed;top:16px;right:16px}.preview-only{background:#0d121a;height:100%;display:block}.preview-only .topbar,.preview-only .left-panel,.preview-only .right-panel,.preview-only .stage-toolbar,.preview-only .status-strip,.preview-only .timeline-panel,.preview-only .mobile-nav{display:none}.preview-only .workspace{height:100%;display:block}.preview-only .center-stage{background:#0d121a;height:100%;display:block}.preview-only .preview-wrap{background:#0d121a;width:100%;height:100%;padding:0}.preview-only .preview-canvas{width:min(100%,177.78vh);max-height:100vh;box-shadow:none;border-radius:0}.preview-only .preview-canvas.ratio-9-16{width:min(100%,56.25vh)}@media (width<=820px){html,body,#root{min-width:0;height:100%;min-height:0;overflow:hidden}.app-shell{background:#f4f7fb;grid-template-rows:54px minmax(0,1fr);height:100dvh;min-height:0;padding-bottom:58px;display:grid}.topbar{z-index:30;background:#fffffff5;border-bottom-color:#e1e7ef;grid-template-columns:auto 1fr;height:54px;padding:0 10px;display:grid;position:relative}.brand{gap:8px}.brand-mark{width:30px;height:30px}.brand strong{color:#243047;font-size:13px}.brand small,.project-tabs,.save-state,.guest-quota,.preview-check-button{display:none}.top-actions{gap:5px;min-width:0}.pro-account-button{height:31px;padding:0 7px}.pro-account-button span{display:none}.top-actions .button.primary{white-space:nowrap;max-width:122px;height:32px;padding:0 10px;font-size:10px;overflow:hidden}.workspace{min-width:0;min-height:0;display:block}.left-panel,.right-panel,.center-stage,.timeline-panel{display:none}.mobile-panel-assets .left-panel{border:0;width:100%;height:calc(100dvh - 112px);display:flex;overflow-y:auto}.mobile-panel-assets .line-list{max-height:none;overflow:visible}.mobile-panel-canvas .center-stage{grid-template-rows:48px minmax(0,1fr) 38px;height:calc(100dvh - 112px);display:grid}.mobile-panel-settings .right-panel{border:0;width:100%;height:calc(100dvh - 112px);display:block;overflow-y:auto}.mobile-panel-timeline .workspace{display:none}.mobile-panel-timeline .timeline-panel{height:calc(100dvh - 112px);min-height:0;display:block;overflow-y:auto}.stage-toolbar{padding:0 10px}.mode-switch button{padding:0 8px;font-size:9px}.zoom-control button,.zoom-control span{min-width:27px}.zoom-control span{min-width:40px}.preview-wrap{min-height:0;padding:8px;overflow:auto}.preview-canvas,.preview-canvas.ratio-9-16{border-radius:8px;width:100%;max-height:calc(100dvh - 178px)}.preview-canvas.ratio-9-16{width:min(72%,320px)}.gesture-tip{display:none}.transport{justify-content:center;bottom:8px;left:8px;right:8px;transform:none}.transport>button{min-width:31px;height:31px}.timecode{padding-left:5px;font-size:8px}.status-strip{padding:0 10px}.status-strip>span{display:none}.status-strip strong{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 36px);display:block;overflow:hidden}.timeline-tools{align-items:flex-start;gap:8px;height:auto;min-height:54px;padding:8px;overflow-x:auto}.block-sync-guide{min-width:210px}.simple-follow-controls{min-width:max-content}.timeline-content{min-width:760px;height:auto;min-height:205px}.timeline-ruler-wrap{overflow-x:visible}.score-position-preview{margin:8px}.mobile-nav{z-index:60;height:calc(58px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-top:1px solid #dfe5ed;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#8792a3;cursor:pointer;background:0 0;border:0;border-radius:9px;align-content:center;place-items:center;gap:2px;display:grid}.mobile-nav button i{font-size:15px;font-style:normal;line-height:1}.mobile-nav button span{font-size:8px;font-weight:700}.mobile-nav button.active{color:#2f75d4;background:#eef4ff}.pro-modal-backdrop{align-items:flex-end;padding:12px}.pro-modal{width:100%;max-height:calc(100dvh - 24px);padding:22px 18px calc(22px + env(safe-area-inset-bottom));border-radius:20px 20px 12px 12px}.preview-only{height:100dvh;padding:0;display:block}.preview-only .workspace,.preview-only .center-stage,.preview-only .preview-wrap{height:100dvh}.preview-only .center-stage{display:block}.preview-only .preview-canvas{width:min(100%,177.78vh);max-height:100dvh}.preview-only .preview-canvas.ratio-9-16{width:min(100%,56.25vh)}}