:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f7f6fb;--muted:#a7abc1;--line:#303247;--panel:#191a26;--panel2:#11121b;--accent:#9d7cff;--mint:#63dcb7;--pink:#ff5e8e}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:#0d0e15;margin:0;font-family:ui-rounded,Avenir Next,Inter,system-ui,sans-serif;font-size:13px;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.35;cursor:not-allowed}.file-input,.hidden{display:none}.studio{background:radial-gradient(900px 550px at 78% 8%,#57449d26,#0000 70%),#0d0e15;grid-template-rows:42px 58px minmax(0,1fr) 44px;height:100vh;min-height:680px;display:grid}.menu-bar,.tool-bar,footer{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#12131de6;align-items:center;display:flex}.menu-bar{gap:34px;padding:0 16px}.brand{letter-spacing:-.7px;align-items:center;font-size:16px;font-weight:800;display:flex}.brand span:not(.brand-dot){color:#a48aff}.brand-dot{background:linear-gradient(135deg,#d5c6ff,#8868ef);border-radius:50%;width:9px;height:9px;margin-right:6px;box-shadow:0 0 12px #8d70ff}.menu-bar nav{gap:4px;height:100%;display:flex}.menu-bar nav button{color:#c5c7d6;padding:0 10px;font-size:12px}.menu-bar nav button:hover{color:#fff;background:#25263a}.status{color:#8bd9ba;margin-left:auto;font-size:11px}.status-dot{background:#63dcb7;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 7px #63dcb7}.tool-bar{gap:6px;padding:0 12px;overflow-x:auto}.tool-bar>i{background:#393b50;flex:0 0 1px;width:1px;height:22px;margin:0 3px}.tool-bar button,footer button,.modal .primary{color:#d1d3df;white-space:nowrap;border:1px solid #0000;border-radius:7px;padding:7px 9px;font-size:12px}.tool-bar button:hover,footer button:hover{background:#292a3c;border-color:#42445b}.tool-bar .primary,footer .primary,.modal .primary{color:#fff;background:#8970ef;border-color:#a08af4;font-weight:700;box-shadow:0 5px 15px #7556e02e}.tool-bar .play{color:#10241e;background:#63dcb7;border-radius:50%;width:33px;height:33px;padding:0;font-weight:900}.timecode{color:#f6f5fa;white-space:nowrap;margin:0 4px;font-family:ui-monospace,monospace;font-size:12px}.timecode small{color:#969ab1;margin-top:2px;font-size:9px;display:block}.transport-card{text-align:center;background:#202130;border:1px solid #393b50;border-radius:7px;min-width:48px;height:38px;padding:5px 7px}.transport-card b{font:700 12px ui-monospace;display:block}.transport-card small{color:#9396ad;letter-spacing:.7px;font-size:8px}.snap,.volume{color:#a9acc0;white-space:nowrap;align-items:center;gap:5px;margin-left:3px;font-size:10px;display:flex}.snap select{color:#dedee7;background:#202130;border:1px solid #3a3c52;border-radius:5px;padding:5px}.volume input{accent-color:#9d7cff;width:82px}.volume span{color:#aaaec3;min-width:28px;font:9px ui-monospace}.tool-spacer{flex:1}.issue-button.alert{color:#ffd079!important;background:#50391f!important}.workspace-stack{flex-direction:column;min-height:0;display:flex}.workbench{border-bottom:1px solid var(--line);min-height:150px;display:flex;position:relative;overflow:hidden}.panel-slot{flex:1;min-width:180px;min-height:0}.panel-slot>section{height:100%}.splitter{z-index:10;background:#181925;flex:0 0 6px;position:relative}.splitter:after{content:"";opacity:.65;background:#4b4e67;border-radius:2px;position:absolute}.splitter:hover,.splitter:active{background:#7560cc}.splitter.vertical{cursor:col-resize}.splitter.vertical:after{width:2px;height:34px;top:calc(50% - 17px);left:2px}.splitter.horizontal{cursor:row-resize;height:6px}.splitter.horizontal:after{width:34px;height:2px;top:2px;left:calc(50% - 17px)}.lyrics-panel,.preview-panel{background:#13141ec7;min-width:0}.lyrics-panel{padding-bottom:10px;overflow:auto}.panel-title{color:#c0c2d2;letter-spacing:1.05px;z-index:5;cursor:grab;background:#171824;border-bottom:1px solid #2b2d41;justify-content:space-between;align-items:center;height:35px;padding:0 13px;font-size:10px;font-weight:800;display:flex;position:sticky;top:0}.panel-title:active{cursor:grabbing}.panel-title>div{align-items:center;gap:9px;display:flex}.panel-title small{color:#9b8dd0;letter-spacing:.7px;font-size:9px}.zoom-hint{color:#aeb1c5;font-size:9px;position:relative}.lyrics-content{transition:font-size 80ms}.lyric-track{padding:13px 16px 0}.voice-label{text-transform:uppercase;letter-spacing:.7px;color:#b9bbcb;margin-bottom:5px;font-size:.72em}.voice-dot{border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.voice-dot.p1{background:#9d7cff}.voice-dot.p2{background:#63dcb7}.lyric-track p{margin:0 0 8px;line-height:1.9}.lyric-track p button{color:#c4c6d3;border-radius:4px;padding:1px 3px;font-size:1em;transition:all .1s;position:relative}.lyric-track p button:hover{color:#fff;background:#2d2e42}.lyric-track p button.singing{color:#fff;background:#7860df;box-shadow:0 0 14px #8970ef73}.note-symbol{color:#c9c0ff;vertical-align:middle;background:#303146;border-radius:3px;place-items:center;width:1.25em;height:1.25em;margin-right:2px;font-family:ui-monospace;font-size:.7em;display:inline-grid;position:relative}.character-legend{border-top:1px solid #2c2e42;flex-wrap:wrap;gap:6px;margin:13px 14px 0;padding-top:10px;display:flex}.character-legend>b{text-transform:uppercase;letter-spacing:.8px;color:#8f93ab;flex-basis:100%;font-size:9px}.character-legend>span{color:#b9bbca;background:#242537;border:1px solid #35374c;border-radius:5px;padding:5px 7px;font-size:9px;position:relative}.character-legend i{color:#c3b5ff;margin-right:5px;font-style:normal;font-weight:900}[data-tooltip]:hover:after{content:attr(data-tooltip);z-index:50;color:#fff;letter-spacing:0;pointer-events:none;background:#292a3e;border:1px solid #555875;border-radius:6px;width:max-content;max-width:245px;padding:7px 9px;font-size:10px;font-weight:500;line-height:1.35;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0008}.preview-panel{grid-template-rows:35px 1fr 35px;min-height:0;display:grid}.screen{contain:layout paint;background:linear-gradient(145deg,#222339,#12131e);min-height:0;position:relative;overflow:hidden}.screen:before{content:"";z-index:1;background:linear-gradient(#0000 53%,#05050cdb);position:absolute;inset:0}.screen video,.screen img{object-fit:cover;backface-visibility:hidden;width:100%;height:100%;display:block;transform:translateZ(0)}.empty-preview{text-align:center;color:#b7b9cb;background:radial-gradient(circle at 50% 40%,#343054,#161725 47%,#11121b);place-content:center;height:100%;font-size:16px;font-weight:700;display:grid}.empty-preview small{color:#83879f;font-size:11px;font-weight:500}.karaoke{z-index:2;text-align:center;text-shadow:0 2px 9px #000;flex-direction:column;justify-content:flex-end;min-height:48px;display:flex;position:absolute;bottom:22px;left:7%;right:7%}.karaoke p{letter-spacing:-.6px;margin:0;font-size:clamp(17px,2vw,27px);font-weight:800}.karaoke button{color:#f0eef4;border-radius:3px;margin-right:.22em}.karaoke button.sung{color:#c9c0ff}.karaoke button.active{color:#ffdd6d}.karaoke button.selected{outline-offset:2px;outline:2px solid #fff}.karaoke small{color:#d2cee4;text-transform:uppercase;letter-spacing:1px;font-size:10px}.preview-scrub{background:#151622;align-items:center;gap:9px;padding:0 13px;display:flex}.preview-scrub input{accent-color:#a48aff;flex:1}.preview-scrub span{color:#c1c3d2;font:10px ui-monospace}.editor-zone{background:#0f1018;flex:1;min-height:180px;display:flex;overflow:hidden}.timeline-wrap{flex:1;grid-template-rows:34px minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.timeline-head{color:#c3c5d4;letter-spacing:1px;background:#171824;border-bottom:1px solid #2e3044;justify-content:space-between;align-items:center;padding:0 12px;font-size:10px;font-weight:800;display:flex}.timeline-head>div{align-items:center;gap:10px;display:flex}.timeline-head small{color:#a3a6ba;font-family:ui-monospace}.scale-chip{color:#d7cffd;letter-spacing:.4px;background:#312d4d;border-radius:4px;padding:4px 6px;font-size:9px}.roll-viewport{overscroll-behavior:contain;scrollbar-color:#4b4e68 #171824;min-height:0;position:relative;overflow:auto}.roll-surface{cursor:crosshair;isolation:isolate;background:#10111a;position:relative;overflow:hidden}.roll-ruler{z-index:20;background:#1b1c29;border-bottom:1px solid #3b3d53;height:30px;position:sticky;top:0;left:0}.roll-ruler:before{content:"PIANO";color:#aeb1c5;letter-spacing:1px;z-index:22;background:#26283a;border-right:1px solid #474a60;place-items:center;width:78px;height:30px;font-size:9px;display:grid;position:sticky;left:0}.roll-ruler button{text-align:left;border-left:1px solid #555874;height:30px;padding:3px 5px;position:absolute;top:0}.roll-ruler button:hover{background:#34364b}.roll-ruler b{color:#e4e3ec;font:700 10px ui-monospace;display:block}.roll-ruler span{color:#9296ad;font:8px ui-monospace}.piano{z-index:15;position:absolute;top:0;bottom:0;left:0}.piano-key{text-align:right;z-index:16;border-bottom:1px solid #383a4a;border-right:1px solid #575a71;width:78px;padding-right:7px;position:absolute;left:0}.piano-key.white{color:#242531;background:#d9dae2}.piano-key.black{color:#ececf2;background:#292b3a;border-color:#11121b;width:58px;box-shadow:2px 2px 4px #0008}.piano-key.in-scale:after{content:"";background:#8e72fb;border-radius:2px;width:3px;position:absolute;top:2px;bottom:2px;right:2px}.piano-key:hover{filter:brightness(1.18)}.piano-key span{font:700 9px ui-monospace}.roll-grid{background-color:#11131e;background-image:repeating-linear-gradient(to bottom,#ffffff0e 0,#ffffff0e 1px,transparent 1px,transparent var(--row-height)),repeating-linear-gradient(to right,#ffffff09 0,#ffffff09 1px,transparent 1px,transparent var(--beat-width)),repeating-linear-gradient(to right,#a187ff30 0,#a187ff30 2px,transparent 2px,transparent calc(var(--beat-width) * 16));z-index:1;position:absolute}.waveform{z-index:2;opacity:.19;pointer-events:none;position:absolute}.waveform polyline{fill:none;stroke:#63dcb7;stroke-width:.65px}.roll-note{z-index:6;color:#11121a;cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid #ffffff57;border-radius:5px;align-items:center;min-width:10px;display:flex;position:absolute;overflow:hidden;box-shadow:0 3px 10px #0008}.roll-note:active{cursor:grabbing}.roll-note.selected{z-index:8;border:2px solid #fff;box-shadow:0 0 0 2px #111,0 0 20px #a88bffb3}.roll-note.out-scale{background-image:repeating-linear-gradient(135deg,#0000 0 5px,#0a0a1433 5px 8px)!important}.roll-note b{color:#fff;background:#171825;flex:none;place-items:center;height:100%;padding:0 5px;font:900 9px ui-monospace;display:grid}.roll-note span{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px #fff4;padding:0 7px;font-size:11px;font-weight:800;overflow:hidden}.roll-note input{color:#14141d;background:#fff;border:0;outline:2px solid #ffdd6d;width:100%;min-width:0;height:100%;padding:2px 5px;font-weight:700}.roll-note .resize{z-index:3;cursor:ew-resize;width:7px;position:absolute;top:0;bottom:0}.roll-note .resize.left{left:0}.roll-note .resize.right{right:0}.roll-note .resize:hover{background:#fff9}.playhead{z-index:12;pointer-events:none;background:#ff4f86;width:2px;position:absolute;box-shadow:0 0 7px #ff4f86}.playhead:before{content:"";border-top:7px solid #ff4f86;border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;top:0;left:-4px}.inspector-mini{background:#151622;flex:none;padding:13px;overflow:auto}.inspector-mini>span,.scale-box>span{letter-spacing:1px;color:#9b9fb6;font-size:9px;font-weight:800}.inspector-mini strong{text-overflow:ellipsis;white-space:nowrap;margin:8px 0 12px;font-size:14px;display:block;overflow:hidden}.inspector-mini label{color:#adb0c3;margin:9px 0;font-size:10px;display:block}.inspector-mini input:not([type=checkbox]),.inspector-mini select,.meta-grid input{color:#f2f1f7;background:#252638;border:1px solid #404258;border-radius:5px;width:100%;margin-top:4px;padding:6px;font-size:11px}.inspector-mini label small{color:#888ca4;margin-top:4px;font-size:9px;display:block}.inspector-mini p{color:#9195aa;font-size:11px;line-height:1.55}.scale-box{border-top:1px solid #33354a;margin-top:14px;padding-top:13px}.scale-box>div{gap:4px;display:flex}.scale-box>div select{flex:1}.scale-box>div button{background:#292a3d;border:1px solid #41435a;border-radius:5px;margin-top:4px}.scale-box label{align-items:center;gap:6px;line-height:1.35;display:flex}.scale-box input[type=checkbox]{accent-color:#9d7cff}.issues{z-index:30;background:#242539;border:1px solid #4d4f69;border-radius:10px;width:310px;max-height:calc(100% - 55px);padding:14px;position:absolute;top:45px;right:12px;overflow:auto;box-shadow:0 20px 45px #0008}.issues>button{float:right;color:#aeb1c4;font-size:20px}.issues p{color:#e0e0e8;background:#313246;border-radius:6px;margin:9px 0 0;padding:9px 10px;line-height:1.4}.issues p b{text-transform:uppercase;letter-spacing:.8px;font-size:9px;display:block}.issues .error{border-left:3px solid #ff6d79}.issues .warning{border-left:3px solid #ffc45e}.issues .info{border-left:3px solid #8c7be8}.issues .success{border-left:3px solid #63dcb7}footer{border-top:1px solid var(--line);color:#abadc0;border-bottom:0;justify-content:space-between;gap:15px;padding:0 14px;font-size:10px}footer>div{gap:4px;display:flex}footer button{padding:5px 9px;font-size:11px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#05060bb3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#202132;border:1px solid #4b4d67;border-radius:15px;min-width:min(520px,94vw);padding:25px;position:relative;box-shadow:0 24px 80px #0009}.modal .close{color:#aeb1c4;font-size:24px;position:absolute;top:9px;right:13px}.eyebrow{letter-spacing:1.3px;color:#a58af7;font-size:10px;font-weight:800}.modal h2{letter-spacing:-1px;margin:6px 0 10px;font-size:24px}.field-help,.help p{color:#c1c3d2;line-height:1.55}.meta-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:17px 0;display:grid}.meta-grid label{color:#bec0cf;font-size:11px}.help{max-width:560px}.help-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin:19px 0;display:grid}.help-grid span{color:#c3c5d3;background:#2a2b3e;border-radius:7px;padding:9px;font-size:11px}.help-grid b{color:#fff;margin-bottom:2px;display:block}.piano{height:100%;position:sticky;top:auto;bottom:auto;left:0}@media (max-width:900px){.studio{grid-template-rows:42px 58px minmax(0,1fr) 44px}.menu-bar{gap:10px}.menu-bar nav button:nth-child(n+4),.status,.transport-card,.snap{display:none}.tool-bar{overflow:auto}.workbench{flex-basis:35%!important}.panel-slot:first-child,.workbench>.splitter.vertical,.inspector-mini,.editor-zone>.splitter{display:none}.volume input{width:55px}footer>span:nth-child(2){display:none}.modal{width:100%;min-width:0}.meta-grid{grid-template-columns:1fr}}.icon{flex:none;display:block}.menu-bar nav button,.tool-bar button,footer button,.modal-actions button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.song-title{border-left:1px solid #383a50;flex-direction:column;min-width:0;max-width:250px;padding-left:13px;display:flex}.song-title b,.song-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-title b{color:#f1f0f6;font-size:11px}.song-title span{color:#969ab0;font-size:9px}.grid-status{color:#c9cbd9!important;background:#212231!important;border-color:#3c3e54!important}.tool-bar .play svg{margin-left:1px}.lyric-formatbar{z-index:4;background:#1b1c2a;border-bottom:1px solid #303247;align-items:center;gap:5px;padding:7px 12px;display:flex;position:sticky;top:35px;overflow-x:auto}.lyric-formatbar>span{color:#9ea2b8;white-space:nowrap;margin-right:auto;font-size:9px}.lyric-formatbar button{color:#d7d8e2;white-space:nowrap;background:#252638;border:1px solid #3b3d52;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;display:inline-flex;position:relative}.lyric-formatbar button:disabled{opacity:.35}.lyric-formatbar button i{border:1px solid #817f93;border-radius:2px;width:9px;height:9px}.lyric-syllable{margin:1px;color:#e0e1e9!important;border:1px solid #0000!important;padding:2px 4px!important}.lyric-syllable.type-normal{background:0 0}.lyric-syllable.type-golden{background:#735d20;border-color:#d6b441!important}.lyric-syllable.type-freestyle{background:#1d664f;border-color:#4fc99f!important}.lyric-syllable.type-rap{background:#743c35;border-color:#df705d!important}.lyric-syllable.type-rap-golden{background:#744d22;border-color:#ef9e3c!important}.lyric-syllable.selected{outline-offset:1px;outline:2px solid #fff}.lyric-syllable.singing{filter:brightness(1.25);box-shadow:0 0 0 2px #a38cff,0 0 16px #7f64e8!important}.lyric-inline-input{color:#15151d;background:#fff;border:1px solid #a58cff;border-radius:4px;outline:none;width:9em;min-width:55px;padding:3px 5px;font-size:1em}.character-legend{z-index:3;position:relative}.timeline-wrap{grid-template-rows:38px minmax(0,1fr)}.timeline-head{height:38px}.grid-chip{color:#9ed5ff;letter-spacing:.25px;background:#263746;border-radius:4px;padding:4px 6px;font-size:9px}.roll-viewport{contain:strict;scroll-behavior:auto}.roll-surface{contain:layout style paint}.scale-lane{z-index:2;pointer-events:none;background:#63dcb712;border-top:1px solid #63dcb726;border-bottom:1px solid #63dcb714;position:absolute}.scale-lane.root{background:#9d7cff1f;border-color:#9d7cff47}.waveform{z-index:3}.roll-note{will-change:left,top,width;font-size:12px}.roll-note span{font-size:12px}.roll-note b{font-size:10px}.playhead{will-change:transform;left:0!important}.piano{z-index:25;will-change:transform;top:0;bottom:0;left:0;height:auto!important;position:absolute!important}.roll-ruler{z-index:30}.roll-settings{width:min(680px,94vw)}.settings-grid{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;display:grid}.settings-grid label{color:#d1d2df;background:#292a3d;border:1px solid #3c3f55;border-radius:8px;padding:11px;font-size:11px;display:block}.settings-grid select,.settings-grid input[type=range]{width:100%;margin-top:7px}.settings-grid select{color:#f3f2f7;background:#1c1d2a;border:1px solid #44475f;border-radius:5px;padding:7px}.settings-grid input{accent-color:#9d7cff}.settings-grid label>b{float:right;color:#b9aaff}.settings-grid small{color:#9599af;margin-top:5px;line-height:1.4;display:block}.setting-toggles{grid-template-columns:1fr 1fr;gap:7px 15px;display:grid}.setting-toggles label{color:#c5c7d5;align-items:flex-start;gap:7px;padding:7px;font-size:11px;display:flex}.setting-toggles input{accent-color:#9d7cff}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.modal-actions button{border:1px solid #44465d;border-radius:6px;padding:8px 11px}.toast{z-index:100;color:#f3f2f7;background:#292a3d;border:1px solid #555873;border-radius:10px;align-items:flex-start;gap:10px;width:min(390px,100vw - 40px);padding:13px 14px;animation:.18s ease-out toast-in;display:flex;position:fixed;bottom:58px;right:20px;box-shadow:0 18px 45px #0009}.toast span{flex:1;line-height:1.4}.toast button{color:#bdc0d0;padding:0}.toast.error{border-left:4px solid #ff6878}.toast.success{border-left:4px solid #63dcb7}.toast.info{border-left:4px solid #9d7cff}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:900px){.song-title{display:none}.settings-grid,.setting-toggles{grid-template-columns:1fr}.timeline-head>div .grid-chip{display:none}}.lyrics-panel{padding-bottom:72px}.lyric-track{padding-top:10px}.lyric-track p{margin-bottom:5px;line-height:1.5}.syllable-unit{vertical-align:middle;align-items:center;margin:0;display:inline-flex}.syllable-unit.word-start:not(:first-child){margin-left:.18em}.lyric-syllable{border-radius:3px;margin:0!important;padding:2px 1px!important}.lyric-mark{color:#8f93aa;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font:700 .55em ui-monospace;display:inline-flex;position:relative}.space-mark{margin:0 .03em}.phrase-mark{color:#b3a5ee;background:#292a3d;border-radius:3px;margin-left:.3em;padding:1px 3px;font-size:.62em}.character-legend [data-tooltip]:hover:after{z-index:120;top:calc(100% + 7px);bottom:auto}.character-legend{z-index:12}.bulk-edit-button{margin-left:5px;color:#eeeaff!important;background:#383154!important;border-color:#63558d!important}.bulk-lyrics-editor{z-index:6;background:#202132;border-bottom:1px solid #464961;padding:10px 12px;position:sticky;top:74px;box-shadow:0 8px 22px #0007}.bulk-lyrics-editor>div{align-items:center;gap:9px;margin-bottom:7px;display:flex}.bulk-lyrics-editor strong{color:#eee;font-size:11px}.bulk-lyrics-editor select{color:#fff;background:#292a3d;border:1px solid #4b4e67;border-radius:5px;padding:4px}.bulk-lyrics-editor small{color:#a9adbf;margin-left:auto;font-size:9px}.bulk-lyrics-editor textarea{resize:vertical;color:#f2f1f7;background:#11121b;border:1px solid #655b8a;border-radius:7px;outline:none;width:100%;min-height:112px;padding:9px 10px;font:13px/1.55 ui-monospace,monospace;display:block}.bulk-lyrics-editor textarea:focus{border-color:#a68dff;box-shadow:0 0 0 2px #8d70ff33}.roll-surface{contain:layout style;overflow:visible}.piano{float:left;z-index:25;will-change:auto;position:sticky!important;top:auto!important;bottom:auto!important;left:0!important;transform:none!important}.waveform-strip{background:#151622;border-top:1px solid #35374d;grid-template-columns:88px minmax(0,1fr);min-width:0;height:72px;display:grid;overflow:hidden}.waveform-label{z-index:3;color:#d7d8e2;background:#222331;border-right:1px solid #44475f;flex-direction:column;justify-content:center;padding:0 9px;display:flex;position:relative}.waveform-label b{letter-spacing:1px;font-size:9px}.waveform-label span{color:#85899f;margin-top:3px;font-size:8px}.waveform-window{cursor:pointer;background:linear-gradient(#171925,#10111a);position:relative;overflow:hidden}.waveform-window:before{content:"";background:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--measure-width,160px) - 2px),#9d7cff52 calc(var(--measure-width,160px) - 2px),#9d7cff52 var(--measure-width,160px));pointer-events:none;position:absolute;inset:0}.waveform-surface{will-change:transform;height:100%;position:relative}.waveform-surface svg{filter:drop-shadow(0 0 4px #63dcb733);shape-rendering:geometricprecision;width:100%;height:62px;position:absolute;inset:5px 0}.waveform-surface .waveform-peaks{fill:#3d9d8c;opacity:.72}.waveform-surface .waveform-rms{fill:#9af1d8;opacity:.92}.waveform-playhead{will-change:transform;background:#ff4f86;width:2px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 6px #ff4f86}.playhead{contain:strict}.meta-grid label{position:relative}.meta-grid label>span{align-items:center;gap:5px;display:flex}.meta-grid label i{color:#c9c0ff;background:#3b3c52;border-radius:50%;place-items:center;width:14px;height:14px;font:700 9px ui-monospace;display:inline-grid}.meta-grid label[data-tooltip]:hover:after{z-index:80;top:calc(100% + 6px);bottom:auto}.meta-grid select{color:#f2f1f7;background:#252638;border:1px solid #404258;border-radius:5px;width:100%;margin-top:4px;padding:6px;font-size:11px}.song-modal{width:min(720px,94vw);max-height:90vh;overflow:auto}.studio{grid-template-rows:54px minmax(0,1fr) 44px}.app-bar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#12131df0;align-items:center;gap:5px;padding:0 9px;display:flex;overflow:auto hidden}.app-bar .brand{flex:none;margin-right:3px}.app-bar nav{flex:none;height:100%;display:flex}.app-bar nav button{color:#c5c7d6;border-radius:0;height:100%;padding:0 7px}.app-bar nav button:hover{color:#fff;background:#25263a}.app-bar .song-title{max-width:165px;margin-right:3px;padding-left:8px}.app-bar>i{background:#393b50;flex:0 0 1px;width:1px;height:22px;margin:0 2px}.app-bar>button{color:#d1d3df;white-space:nowrap;border:1px solid #0000;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:5px;padding:6px 7px;font-size:11px;display:inline-flex}.app-bar>button:hover{background:#292a3c;border-color:#42445b}.app-bar>.primary{color:#fff;background:#8970ef;border-color:#a08af4;font-weight:700}.app-bar .play{color:#10241e;background:#63dcb7;border-radius:50%;width:31px;height:31px;padding:0}.app-bar .timecode{margin:0 2px;font-size:11px}.app-bar .timecode small{font-size:8px}.app-bar .transport-card{min-width:44px;height:35px;padding:4px}.app-bar .volume input{width:64px}.app-bar .tool-spacer{min-width:4px}.app-bar .issue-button.alert{color:#ffd079!important;background:#50391f!important}.karaoke p{white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.25;display:block;overflow:hidden}.karaoke button{white-space:pre;color:#f0eef4;letter-spacing:inherit;border-radius:2px;display:inline;margin:0!important;padding:0!important}.karaoke button.selected{background:#ffffff29;outline:0}.lyrics-panel{position:relative}.character-legend{border-top:0;border-bottom:1px solid #2c2e42;margin-top:8px;padding-top:8px;padding-bottom:7px}.lyrics-panel.bulk-mode{padding-bottom:0;overflow:hidden}.lyrics-panel.bulk-mode .bulk-lyrics-editor{z-index:15;background:#181925;flex-direction:column;padding:14px;display:flex;position:absolute;inset:74px 0 0}.lyrics-panel.bulk-mode .bulk-lyrics-editor textarea{resize:none;flex:1;min-height:0;font-size:15px;line-height:1.65}.lyrics-panel.bulk-mode .bulk-lyrics-editor>div{flex-wrap:wrap}.lyrics-panel.bulk-mode .bulk-lyrics-editor small{flex-basis:100%;margin-left:0}.fl-snap{color:#d7d9e6;background:#242638;border:1px solid #41445b;border-radius:5px;align-items:center;gap:4px;height:27px;padding:0 5px;display:flex}.fl-snap>span{color:#a991ff;font-size:14px}.fl-snap select{max-width:105px;color:inherit;background:0 0;border:0;outline:0;font-size:9px}.song-modal{width:min(980px,96vw)}.song-modal h3{color:#d9d9e5;text-transform:uppercase;letter-spacing:.8px;margin:17px 0 6px;font-size:12px}.song-modal .meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.meta-grid label>span code{color:#b6a7ff;background:#171824;border-radius:3px;padding:2px 4px;font:700 8px ui-monospace}.meta-grid label>span em{color:#ffc5cf;background:#673943;border-radius:3px;margin-left:auto;padding:2px 4px;font:700 7px ui-monospace}.deprecated-fields{background:#211b22;border:1px solid #55424b;border-radius:9px;margin-top:18px}.deprecated-fields summary{cursor:pointer;color:#ffb4c2;padding:11px 13px;font-weight:800}.deprecated-fields>p{color:#bcaab0;margin:0;padding:0 13px 9px;font-size:10px}.deprecated-fields .meta-grid{border-top:1px solid #493840;margin:0;padding:12px}.deprecated-field{background:#2a2025;border:1px solid #4e3941;border-radius:6px;padding:7px}@media (max-width:1100px){.app-bar .song-title,.app-bar .transport-card:nth-of-type(2),.app-bar nav button:last-child{display:none}.song-modal .meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.studio{grid-template-rows:52px minmax(0,1fr) 44px}.app-bar nav,.app-bar .volume,.app-bar>button:nth-last-child(2){display:none}.song-modal .meta-grid{grid-template-columns:1fr}}.lyric-formatbar{overflow:visible}.lyric-formatbar>span{margin-right:0}.lyric-info{flex:none;margin-right:auto;position:relative}.lyric-info summary{cursor:pointer;color:#cfc8ee;white-space:nowrap;background:#242638;border:1px solid #41445b;border-radius:5px;padding:5px 7px;font-size:9px;list-style:none}.lyric-info summary::-webkit-details-marker{display:none}.lyric-info>div{z-index:140;background:#292a3d;border:1px solid #555873;border-radius:9px;grid-template-columns:1fr 1fr;gap:5px;width:340px;max-height:min(420px,60vh);padding:10px;display:grid;position:absolute;top:calc(100% + 7px);left:0;overflow:auto;box-shadow:0 18px 45px #000a}.lyric-info strong{color:#fff;text-transform:uppercase;letter-spacing:.7px;grid-column:1/-1;margin-top:3px;font-size:9px}.lyric-info span{color:#c9cbd8;background:#202130;border-radius:5px;align-items:center;gap:6px;padding:5px;font-size:9px;display:flex}.lyric-info i{color:#c9baff;text-align:center;min-width:24px;font:800 10px ui-monospace}.karaoke{left:2%;right:2%}.karaoke p{text-overflow:clip;white-space:nowrap;width:100%;max-width:none;line-height:1.18;overflow:visible}.karaoke button{font:inherit}.roll-grid{background-color:#11131e;background-image:repeating-linear-gradient(to right,#ffffff03 0,#ffffff03 var(--measure-width),#00000029 var(--measure-width),#00000029 var(--two-measures-width)),repeating-linear-gradient(to bottom,#fff1 0,#fff1 1px,transparent 1px,var(--row-height)),repeating-linear-gradient(to right,#ffffff0d 0,#ffffff0d 1px,transparent 1px,var(--beat-width)),repeating-linear-gradient(to right,#b199ffb8 0,#b199ffb8 2px,transparent 2px,var(--measure-width));box-shadow:inset 0 0 0 1px #a087ff2e}.roll-note{overflow:visible}.roll-note>span{z-index:2;text-overflow:clip;white-space:nowrap;color:#fff;text-align:center;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;pointer-events:none;background:#0c0d15bd;border:1px solid #ffffff29;border-radius:4px;width:max-content;max-width:none;padding:2px 5px;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%);box-shadow:0 2px 7px #0007}.roll-note>b{z-index:3;position:relative}.roll-note.selected>span{background:#1a162ae0}.roll-ruler:before{width:var(--piano-width)}.piano-key{width:100%}.piano-key.black{width:74%}.piano-width-resizer{z-index:40;cursor:ew-resize;touch-action:none;background:linear-gradient(90deg,#0000 7px,#b59effb8 8px 10px,#0000 11px);outline:none;width:18px;height:100%;position:absolute;top:0;right:-9px}.piano-width-resizer:hover,.piano-width-resizer:focus-visible{background:linear-gradient(90deg,#0000 6px,#d0c1ff 7px 11px,#0000 12px)}.piano-width-resizer>span{color:#ddd3ff;pointer-events:none;background:#29263d;border:1px solid #706592;border-radius:5px;place-items:center;width:18px;height:28px;font:900 18px/1 ui-monospace;display:grid;position:sticky;top:8px;box-shadow:0 3px 12px #0009}.resizing-piano,.resizing-piano *{cursor:ew-resize!important;-webkit-user-select:none!important;user-select:none!important}.lyric-syllable.continuation{font-family:ui-monospace,monospace;color:#e7e0ff!important;background:#303248!important;border:1px dashed #a995ff!important}.roll-note.continuation{background-image:repeating-linear-gradient(135deg,#ffffff14 0 5px,#0000 5px 9px)!important}.karaoke button.continuation:empty{width:0;overflow:hidden;margin:0!important;padding:0!important}.timeline-wrap{position:relative}.timeline-wrap.has-waveform{grid-template-rows:38px minmax(0,1fr) 6px var(--waveform-height)}.waveform-resizer{z-index:35;cursor:ns-resize;background:#202131;border-top:1px solid #484b63;border-bottom:1px solid #11121b;height:6px;position:relative}.waveform-resizer span{background:#747891;border-radius:2px;width:42px;height:2px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.waveform-resizer.collapsed{background:linear-gradient(#0000,#292b40);border:0;height:8px;position:absolute;bottom:0;left:0;right:0}.waveform-resizer.collapsed span{background:#a58cff;top:4px}.waveform-strip{grid-template-columns:var(--piano-width) minmax(0,1fr);height:auto}.waveform-surface svg{height:calc(100% - 10px);inset:5px auto auto 0}.waveform-window:before{background:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--measure-width) - 2px),#b199ff73 calc(var(--measure-width) - 2px),#b199ff73 var(--measure-width))}.migration-modal{width:min(760px,94vw);max-height:88vh;overflow:auto}.migration-list{gap:9px;margin-top:16px;display:grid}.migration-list article{background:#292a3d;border:1px solid #41445b;border-radius:8px;grid-template-columns:150px 1fr;gap:5px 12px;padding:11px;display:grid}.migration-list code{color:#c9baff;grid-row:1/3;align-self:center;font-weight:800}.migration-list article>div{align-items:center;gap:9px;min-width:0;display:flex}.migration-list article span{color:#ffbdc7;text-overflow:ellipsis;white-space:nowrap;text-decoration:line-through;overflow:hidden}.migration-list article b{color:#888da5}.migration-list article strong{color:#8ee5c5;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.migration-list p{color:#aeb1c3;margin:0;font-size:10px;line-height:1.4}.migration-empty{color:#a7efd4;text-align:center;background:#1d3b31;border:1px solid #3d725f;border-radius:8px;margin:18px 0;padding:18px}.modal-actions button:disabled{opacity:.4;cursor:not-allowed}@media (max-width:760px){.lyric-info>div{width:min(340px,85vw);left:auto;right:0}.migration-list article{grid-template-columns:1fr}.migration-list code{grid-row:auto}.migration-list article>div{flex-wrap:wrap}}.selection-marquee{z-index:18;pointer-events:none;background:#8e72fb33;border:1px solid #cfc4ff;position:absolute;box-shadow:0 0 0 1px #201b38,0 0 18px #8e72fb38}.shift-lyrics-toggle{color:#ded7ff;white-space:nowrap;background:#302c44;border:1px solid #57506f;border-radius:5px;align-items:center;gap:5px;padding:4px 7px;font-size:9px;display:inline-flex!important}.shift-lyrics-toggle input{accent-color:#9d7cff}.bulk-error{color:#ffd5dc;background:#47262d;border:1px solid #8b4b57;border-radius:6px;margin:7px 0 0;padding:7px 9px;font-size:10px;line-height:1.35}.bulk-lyrics-editor:has(.bulk-error) textarea{margin-top:7px}.lyric-syllable.space-marker{font-family:ui-monospace,monospace;color:#b8f5e5!important;background:#263d3a!important;border:1px dashed #66d8bb!important}.lyric-syllable.empty-text{font-family:ui-monospace,monospace;color:#ffc1d1!important;background:#3a2830!important;border:1px dashed #c46a83!important}.roll-note.space-marker{background-image:repeating-linear-gradient(45deg,#63dcb72e 0 4px,#0000 4px 8px)!important}.waveform-window:before{display:none}.waveform-surface:before{content:"";background:repeating-linear-gradient(to right,transparent 0,var(--measure-width),#0000002e var(--measure-width),var(--two-measures-width)),repeating-linear-gradient(to right,transparent 0,transparent calc(var(--measure-width) - 2px),#b199ff73 calc(var(--measure-width) - 2px),#b199ff73 var(--measure-width));pointer-events:none;position:absolute;inset:0}.drag-pitch-aid{background:#2a2440;border:1px solid #66558f;border-radius:7px;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;margin:8px 0 11px;padding:8px;display:grid}.drag-pitch-aid span{letter-spacing:.8px;color:#bdb0e4;font-size:8px}.drag-pitch-aid b{color:#fff;grid-area:1/2/3;font:900 17px ui-monospace}.drag-pitch-aid small{color:#9890ad;font-size:8px}.lyric-formatbar .shift-lyrics-toggle{flex:none}.lyric-formatbar{z-index:20}.lyric-formatbar [data-tooltip]{position:relative}.lyric-formatbar [data-tooltip]:hover:after{z-index:25;top:calc(100% + 7px);bottom:auto}.lyric-info>div{z-index:30}.lyric-info [data-tooltip]:hover:after{z-index:35;top:calc(100% + 5px);bottom:auto}.roll-grid{background-color:#11131e;background-image:repeating-linear-gradient(to bottom,#fff1 0,#fff1 1px,transparent 1px,var(--row-height)),repeating-linear-gradient(to right,#ffffff0d 0,#ffffff0d 1px,transparent 1px,var(--beat-width))}.roll-measure-columns{z-index:3;pointer-events:none;position:absolute;overflow:hidden}.roll-measure-columns>i{background:#ffffff03;border-left:2px solid #bba6ffb8;position:absolute;top:0;bottom:0}.roll-measure-columns>i.alternate{background:#0000002e}.roll-measure-columns>i:nth-child(4n+1){border-left-width:3px;border-left-color:#d5c7fff2}.waveform-surface:before{display:none}.waveform-surface svg{z-index:1}.waveform-measure-columns{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.waveform-measure-columns>i{background:#ffffff05;border-left:2px solid #bba6ffd1;position:absolute;top:0;bottom:0}.waveform-measure-columns>i.alternate{background:#0000002b}.waveform-measure-columns>i:nth-child(4n+1){border-left-width:3px;border-left-color:#dccffffa}.waveform-measure-columns span{color:#e0d8ffc7;font:800 8px ui-monospace;position:absolute;top:4px;left:5px}.waveform-playhead{z-index:3}