:root{font-family:Pretendard,Noto Sans KR,Malgun Gothic,sans-serif;color:#eef0f4;background:#08090c;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{min-width:1180px;margin:0;background:#08090c}button,input,select{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{height:100%;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 56% -20%,#252a34 0,#0d1016 43%,#08090c 74%)}.audio-element{display:none}.topbar{flex:0 0 66px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #2a2f38;background:#090a0ef0}.brand-title{display:flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;display:block;overflow:hidden;border:1px solid #d8d9dd;border-radius:14px;background:#f7f5ef url(/assets/inquiring-ducks-logo-small-BC3vzQM2.png) center / 36px 31px no-repeat;color:transparent;font-size:0;box-shadow:0 4px 14px #0005}.brand-title div{display:grid;gap:5px}.brand-title strong{font-size:17px;letter-spacing:.08em}.brand-title div span{color:#747b87;font:8px monospace;letter-spacing:.28em}.topbar-actions{display:flex;gap:8px;margin-left:auto}.interface-theme-control{display:flex;align-items:center;gap:9px;margin-left:18px}.interface-theme-control>span{width:42px;color:#8893a3;font:700 11px monospace;letter-spacing:.08em;text-align:right}.interface-theme-toggle{position:relative;width:76px;height:36px;padding:0;border:1px solid #3d4654;border-radius:20px;background:#151a23;color:#8993a3;cursor:pointer}.interface-theme-toggle i{position:absolute;z-index:1;top:3px;left:3px;width:28px;height:28px;border-radius:50%;background:#4169d8;box-shadow:0 3px 10px #0005;transition:transform .24s ease}.interface-theme-toggle b{position:absolute;z-index:2;top:50%;width:28px;font-size:17px;line-height:1;text-align:center;transform:translateY(-50%)}.interface-theme-toggle .sun{left:3px;color:#fff}.interface-theme-toggle .moon{right:3px;color:#697383}.ui-theme-dark .interface-theme-toggle i{transform:translate(40px)}.ui-theme-dark .interface-theme-toggle .sun{color:#697383}.ui-theme-dark .interface-theme-toggle .moon{color:#fff}.topbar-actions button,.ghost-button,.primary-button{height:36px;padding:0 14px;border:1px solid #3a404b;border-radius:3px;background:#171a21;cursor:pointer}.topbar-actions button:hover,.ghost-button:hover{border-color:#77808f}.topbar-actions .export-button,.primary-button{border-color:#eeff38;background:#eeff38;color:#12140c;font-weight:800}.export-status{position:fixed;z-index:120;top:74px;left:50%;width:min(720px,calc(100% - 40px));display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;border:1px solid #71802b;background:#1c2112fa;color:#e9f89c;font-size:11px;transform:translate(-50%);box-shadow:0 12px 34px #0009}.export-status.is-error{border-color:#793b41;background:#2d171af7;color:#ffaaa4}.export-status button{width:24px;height:24px;border:1px solid currentColor;background:none;cursor:pointer}.dashboard-shell{flex:1;min-height:0;display:grid;grid-template-columns:210px minmax(0,1fr)}.dashboard-nav{min-height:0;display:flex;flex-direction:column;gap:8px;padding:20px 14px 14px;border-right:1px solid #292e37;background:#0c0e13eb}.dashboard-nav>div{display:grid;gap:5px;padding:0 8px 17px;margin-bottom:4px;border-bottom:1px solid #292e37}.dashboard-nav>div span{color:#eeff38;font:8px monospace;letter-spacing:.2em}.dashboard-nav>div strong{font-size:14px}.dashboard-nav>button{width:100%;min-height:67px;display:grid;grid-template-columns:35px 1fr;align-items:center;gap:8px;padding:9px;border:1px solid transparent;border-radius:4px;background:transparent;color:#89919e;text-align:left;cursor:pointer}.dashboard-nav>button:hover{background:#171a21;color:#d8dde5}.dashboard-nav>button.is-active{border-color:#454c57;background:linear-gradient(135deg,#24291f,#171a20);color:#fff;box-shadow:inset 3px 0 #eeff38}.dashboard-nav button b{color:#59616e;font:10px monospace}.dashboard-nav button.is-active b{color:#eeff38}.dashboard-nav button>span{display:grid;gap:5px;font-size:12px;font-weight:700}.dashboard-nav button small{color:#626a77;font-size:8px;font-weight:400}.dashboard-nav footer{display:grid;gap:6px;margin-top:auto;padding:13px 9px;border-top:1px solid #292e37;color:#69717d;font:8px monospace}.dashboard-nav footer strong{color:#aeb5c0}.dashboard-content{min-width:0;min-height:0;overflow:hidden;padding:14px}.dashboard-scroll{scrollbar-width:thin;scrollbar-color:#4b535f #15181e}.dashboard-card{min-width:0;padding:17px;border:1px solid #2d323b;border-radius:5px;background:#12151ceb;box-shadow:0 10px 34px #0000002e}.card-title{display:flex;align-items:center;gap:11px;padding-bottom:14px;margin-bottom:15px;border-bottom:1px solid #30353e}.card-title>b{color:#eeff38;font:900 18px monospace}.card-title div{display:grid;gap:3px}.card-title strong{font-size:13px}.card-title span{color:#6c7480;font:7px monospace;letter-spacing:.2em}.card-title>.lyrics-context-controls{width:174px;margin-left:auto;display:grid;grid-template-columns:1fr;gap:4px}.lyrics-context-controls>strong{color:#9da5b0;font-size:12px;text-align:right}.lyrics-context-controls label{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:5px}.lyrics-context-controls label span{color:#858e9a;font:8px monospace;letter-spacing:0;white-space:nowrap}.lyrics-context-controls input{min-width:0;width:100%;accent-color:#eeff38}.input-page{height:100%;display:grid;grid-template-columns:390px minmax(0,1fr);gap:14px}.input-scroll{min-width:0;min-height:0;display:grid;gap:13px;overflow-x:hidden;overflow-y:auto;padding-right:4px}.input-preview,.layout-preview{min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:18px;border:1px solid #2c313a;background:#0c0e13c2}.page-heading{display:flex;align-items:baseline;gap:10px}.page-heading span{color:#eeff38;font:8px monospace;letter-spacing:.18em}.page-heading strong{font-size:12px}.page-heading small{margin-left:auto;color:#727a86;font-size:8px}.file-field{min-width:0;max-width:100%;display:block;margin-bottom:11px}.file-field>span,.field-label>span{display:block;margin-bottom:6px;color:#a1a8b3;font-size:10px;font-weight:650}.file-control{width:100%;min-width:0;max-width:100%;min-height:44px;display:flex;overflow:hidden;border:1px dashed #424852;background:#0f1218}.file-control:hover,.file-control:focus-within{border-color:#eeff38}.file-picker{min-width:0;flex:1;display:flex;align-items:center;gap:9px;padding:8px 10px;cursor:pointer}.file-picker input{position:absolute;opacity:0;pointer-events:none}.file-picker b{color:#eeff38;font-size:18px}.file-picker em{width:0;min-width:0;flex:1 1 0;display:block;overflow:hidden;color:#c9ced6;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.file-clear{flex:0 0 38px;border:0;border-left:1px solid #343a44;background:#171a21;color:#8f97a3;font-size:18px;cursor:pointer}.file-clear:hover{color:#ff827c}.field-label{display:block;margin-bottom:11px}.field-label input,.field-label select{width:100%;height:38px;padding:0 10px;border:1px solid #3a414b;border-radius:2px;outline:none;background:#0e1117;color:#edf0f4}.field-label input:focus,.field-label select:focus{border-color:#eeff38}.field-label input:disabled{color:#868e9a;background:#181b21}.source-stats{display:flex;justify-content:space-between;gap:6px;padding-top:12px;border-top:1px solid #2c313a;color:#717985;font:8px monospace}.inline-error{display:grid;gap:7px;color:#ff8d87;font-size:12px;line-height:1.45}.inline-error button{height:28px;border:1px solid #663b40;background:#27171a;color:#ff9f99;cursor:pointer}.preview-canvas{--canvas-text: #f3f4f7;--canvas-muted: #727985;--canvas-accent: #4d7ee8;--canvas-track: rgba(130,137,149,.28);position:relative;width:100%;overflow:hidden;container-type:inline-size;aspect-ratio:16 / 9;color:var(--canvas-text);background:linear-gradient(135deg,#10141a,#20252e 48%,#0d0f14);box-shadow:0 22px 64px #0006;isolation:isolate}.preview-canvas:after{content:"";position:absolute;z-index:20;top:3%;right:3%;bottom:3%;left:3%;border:1px solid color-mix(in srgb,var(--canvas-accent) 18%,transparent);pointer-events:none}.preview-canvas.theme-light{--canvas-text: #201a17;--canvas-muted: #8a8580;--canvas-accent: #7a1f3d;--canvas-track: #b8babd;color:var(--canvas-text);background:linear-gradient(135deg,#f2f0e9,#dddcd8 50%,#f8f7f3)}.preview-canvas.theme-custom{--canvas-muted: color-mix(in srgb, var(--canvas-text) 58%, var(--canvas-background));--canvas-track: color-mix(in srgb, var(--canvas-text) 24%, var(--canvas-background));color:var(--canvas-text);background:var(--canvas-background)}.canvas-noise{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.canvas-layer{position:absolute;z-index:4;min-width:12px;font-size:var(--layer-font-size);line-height:1.25;cursor:default;-webkit-user-select:none;user-select:none;touch-action:none}.layout-preview .canvas-layer{cursor:move}.canvas-layer.is-selected{outline:1px dashed #eeff38;outline-offset:5px}.canvas-cover{aspect-ratio:1;box-shadow:1.2cqw 1.2cqw #00000040}.canvas-cover>img{width:100%;height:100%;display:block;object-fit:cover}.empty-cover{width:100%;height:100%;display:grid;place-content:center;text-align:center;border:1px solid #4c5360;background:repeating-linear-gradient(135deg,#181c23 0 12px,#20252e 12px 24px);color:#89919d}.theme-light .empty-cover{background:repeating-linear-gradient(135deg,#e3e1dc 0 12px,#d5d4d0 12px 24px);color:#747980}.empty-cover span{font:1.4cqw monospace;letter-spacing:.2em}.empty-cover strong{font-size:2.2cqw}.canvas-preset{color:var(--canvas-accent);font-family:monospace;letter-spacing:.08em;white-space:nowrap}.canvas-title{font-weight:900;white-space:nowrap;text-transform:uppercase}.canvas-title>strong{display:block;overflow:hidden;text-overflow:ellipsis}.canvas-composer,.canvas-lyricist{color:var(--canvas-muted);font-family:monospace;white-space:nowrap}.canvas-lyrics{position:relative}.lyrics-context-stack{position:absolute;left:0;width:100%;display:grid;gap:.8cqw}.previous-stack{bottom:calc(100% + .8cqw)}.next-stack{top:calc(100% + .8cqw)}.canvas-lyrics span,.canvas-lyrics strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:pre-line}.canvas-lyrics span{color:var(--canvas-muted);font-size:.7em;font-weight:500}.canvas-lyrics strong{padding-left:1cqw;border-left:.28cqw solid var(--canvas-accent);color:inherit;text-shadow:0 .25cqw 1.2cqw #000}.theme-light .canvas-lyrics strong{text-shadow:none}.lyrics-flow .canvas-lyrics span{opacity:.32;filter:blur(.03cqw);transition:opacity .6s,transform .6s,filter .6s}.lyrics-flow .canvas-lyrics strong{animation:lyric-flow-in .65s ease both}.lyrics-focus .canvas-lyrics span{visibility:hidden}.lyrics-focus .canvas-lyrics strong{border-left:0;padding-left:0;text-align:center;animation:lyric-focus-in .4s ease both}.is-motion-demo.lyrics-flow .lyrics-context-stack span{animation:lyric-context-flow-in .65s ease both}@keyframes lyric-flow-in{0%{opacity:0;transform:translateY(.6cqw);filter:blur(.2cqw)}to{opacity:1;transform:none;filter:none}}@keyframes lyric-focus-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes lyric-context-flow-in{0%{opacity:0;transform:translateY(.4cqw);filter:blur(.16cqw)}to{opacity:.32;transform:none;filter:blur(.03cqw)}}.canvas-progress{width:100%;height:.38cqw;overflow:hidden;border-radius:1cqw;background:var(--canvas-track)}.canvas-progress i{height:100%;display:block;background:var(--canvas-accent)}.transform-rotate,.transform-resize{position:absolute;z-index:40;width:13px;height:13px;padding:0;border:2px solid #14170e;border-radius:50%;background:#eeff38;touch-action:none}.transform-rotate{top:-28px;left:calc(50% - 6px);cursor:grab}.transform-rotate:after{content:"";position:absolute;top:11px;left:4px;width:1px;height:13px;background:#eeff38}.transform-resize{right:-12px;bottom:-12px;cursor:nwse-resize}.custom-logo{position:absolute;z-index:3;object-fit:contain;-webkit-user-select:none;user-select:none;touch-action:none}.custom-logo img{width:100%;display:block;pointer-events:none}.logo-fill{top:-3%;right:-3%;bottom:-3%;left:-3%;width:106%;height:106%;object-fit:cover;opacity:.15}.logo-free{z-index:7}.logo-free.is-editable{outline:1px dashed #eeff38;cursor:move}.dashboard-player{display:grid;grid-template-columns:34px 50px minmax(120px,1fr) 50px 42px 78px;align-items:center;gap:7px;min-height:46px;padding:7px 9px;border:1px solid #303640;background:#11141a}.dashboard-player.is-disabled{opacity:.5}.dashboard-player button{height:30px;border:1px solid #424955;background:#1a1e25;color:#eeff38;cursor:pointer}.dashboard-player span{color:#8d95a1;font:8px monospace;text-align:center}.dashboard-player input{min-width:0;accent-color:#eeff38}.layout-page{height:100%;display:grid;grid-template-columns:350px minmax(0,1fr);gap:14px}.layout-settings{min-height:0;display:grid;gap:12px;overflow-y:auto;padding-right:4px}.thumbnail-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.thumbnail-options button,.motion-options button{padding:8px;border:1px solid #383f49;border-radius:3px;background:#101319;color:#8d95a1;cursor:pointer}.thumbnail-options button.is-active,.motion-options button.is-active{border-color:#eeff38;color:#fff;box-shadow:inset 0 -2px #eeff38}.theme-thumb{height:72px;display:block;position:relative;margin-bottom:8px;overflow:hidden;background:#151920}.theme-thumb.light{background:#eeede8}.theme-thumb b{position:absolute;left:8%;top:20%;width:30%;aspect-ratio:1;background:#333943}.theme-thumb span{position:absolute;left:48%;right:8%;top:25%;height:8%;background:#4d7ee8;box-shadow:0 18px #59616c,0 30px #fff}.theme-thumb.light span{background:#7a1f3d;box-shadow:0 18px #999,0 30px #222}.custom-theme-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.custom-theme-row>button{grid-column:1;padding:8px;border:1px solid #383f49;border-radius:3px;background:#101319;color:#8d95a1;cursor:pointer}.custom-theme-row>button.is-active{border-color:var(--ui-accent);color:var(--ui-accent);box-shadow:inset 0 -2px var(--ui-accent)}.custom-theme-colors{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:9px;border:1px solid #383f49;background:#101319}.color-field{min-width:0;display:grid;place-items:center;gap:4px;color:#9ca4b0;font-size:10px;cursor:pointer}.color-field input{width:34px;height:34px;padding:0;overflow:hidden;border:2px solid #5a6472;border-radius:50%;background:transparent;cursor:pointer}.color-field input::-webkit-color-swatch-wrapper{padding:0}.color-field input::-webkit-color-swatch{border:0;border-radius:50%}.color-field code{color:#747d8a;font-size:8px}.motion-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.motion-options button{min-width:0;display:grid;gap:6px;text-align:left}.motion-options i{height:68px;display:grid;align-content:center;gap:5px;padding:7px;background:#171b22;font-style:normal}.motion-options i span,.motion-options i b{overflow:hidden;font-size:7px;white-space:nowrap;text-overflow:ellipsis}.motion-options i span{color:#646c78}.motion-options i b{color:#eef0f4}.motion-flow i span{opacity:.3;filter:blur(1px)}.motion-focus i span{visibility:hidden}.motion-focus i b{text-align:center}.motion-options small{color:#656d79;font-size:7px;line-height:1.35}.motion-step.is-active i>*{animation:motion-step-preview 3s steps(1,end) infinite}.motion-step.is-active i>:nth-child(1){animation-delay:-1s}.motion-step.is-active i>:nth-child(3){animation-delay:1s}.motion-flow.is-active i>*{animation:motion-flow-preview 3s ease-in-out infinite}.motion-flow.is-active i>:nth-child(1){animation-delay:-1s}.motion-flow.is-active i>:nth-child(3){animation-delay:1s}.motion-focus.is-active i b{animation:motion-focus-preview 1.8s ease-in-out infinite}@keyframes motion-step-preview{0%,26%,61%,to{opacity:.25}27%,60%{opacity:1}}@keyframes motion-flow-preview{0%,to{opacity:.15;transform:translateY(3px);filter:blur(1px)}45%,65%{opacity:1;transform:none;filter:none}}@keyframes motion-focus-preview{0%,to{opacity:.25;transform:scale(.94)}45%,70%{opacity:1;transform:scale(1)}}.layout-preview{justify-content:flex-start;overflow:hidden}.canvas-controls{flex:0 0 auto;display:grid;gap:8px;padding:10px;border:1px solid #303640;background:#101319}.canvas-layer-controls,.canvas-transform-controls{min-width:0;display:grid;gap:7px}.canvas-control-heading{min-height:24px;display:flex;align-items:center;gap:8px}.canvas-control-heading strong{font-size:10px}.canvas-control-heading span{color:#68717d;font:7px monospace;letter-spacing:.15em}.canvas-control-heading .reset-transform{width:auto;min-width:58px;height:24px;margin:0 0 0 auto;padding:0 9px}.layer-toggles{display:grid;grid-template-columns:repeat(7,minmax(58px,1fr));gap:5px}.layer-toggles label{min-width:0;height:30px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 6px;border:1px solid #343a44;background:#11141a;color:#747c88;font-size:8px;cursor:pointer}.layer-toggles label.is-visible{color:#c9ced6}.layer-toggles label.is-selected{border-color:#eeff38;background:#20241d;color:#eeff38}.layer-toggles input{width:12px;height:12px;margin:0;accent-color:#eeff38}.transform-grid{display:grid;grid-template-columns:repeat(5,minmax(118px,1fr));gap:16px}.canvas-transform-controls .transform-slider{position:relative;grid-template-columns:32px 43px minmax(45px,1fr);gap:5px;margin:0}.canvas-transform-controls .transform-slider:not(:first-child):before{content:"|";position:absolute;left:-11px;top:50%;color:#596577;font:16px monospace;transform:translateY(-50%)}.canvas-transform-controls .transform-slider>input[type=number]{width:43px;height:27px}.canvas-stage{min-width:0;min-height:120px;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas-stage .preview-canvas{width:auto;max-width:100%;height:100%;max-height:100%}.transform-slider{display:grid;grid-template-columns:65px 54px minmax(0,1fr);align-items:center;gap:7px;margin-bottom:8px;color:#969eaa;font-size:12px}.transform-slider>input[type=range]{width:100%;accent-color:#eeff38}.transform-slider>input[type=number]{width:54px;height:29px;padding:0 5px;border:1px solid #3a414b;background:#0d1016;color:#e9ecf1;font:12px monospace}.reset-transform{width:100%;height:31px;margin-top:3px;border:1px solid #3a414b;background:#171a21;color:#9da4af;cursor:pointer}.lyrics-page{height:100%;display:block}.lyrics-main{width:100%;height:100%;min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid #303640;background:#0d1015}.lyrics-page-heading{flex:0 0 63px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #303640}.lyrics-page-heading span{color:#eeff38;font:8px monospace;letter-spacing:.14em}.lyrics-page-heading h2{margin:4px 0 0;font-size:18px}.lyrics-ai-actions{display:flex;gap:7px}.lyrics-page-heading button{height:34px;padding:0 13px;border:1px solid #eeff38;background:#eeff38;color:#11140b;font-size:10px;font-weight:800;cursor:pointer}.lyrics-ai-actions button+button{background:#171b21;color:#eeff38}.vrew-editor{flex:1;min-height:0;display:grid;grid-template-rows:52px 310px 48px minmax(0,1fr) auto;overflow:hidden}.editor-transport{display:flex;align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid #303640;background:#14171d}.editor-transport button{height:34px;padding:0 10px;border:1px solid #414852;background:#1b1f27;color:#bac1cb;font-size:12px;cursor:pointer}.editor-transport .timeline-play{width:38px;color:#eeff38}.editor-transport strong{color:#eeff38;font:10px monospace}.editor-transport>span{color:#6f7783;font:8px monospace}.editor-transport small{margin-left:auto;color:#7d8795;font-size:8px}.editor-zoom{min-width:190px;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:6px;color:#8d97a5;font-size:8px}.editor-zoom input{width:100%;accent-color:#eeff38}.timeline-scroll{min-width:0;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #303640;background:#090b0f}.vrew-timeline{position:relative;height:286px;min-width:100%;-webkit-user-select:none;user-select:none;touch-action:none}.timeline-grid{position:absolute;z-index:2;top:28px;right:0;bottom:12px;left:0;pointer-events:none}.timeline-grid i{position:absolute;top:0;bottom:0;width:1px;background:#7480911c}.timeline-grid i.is-major{background:#7e8fa647}.timeline-ruler{position:absolute;z-index:7;left:0;right:0;top:0;height:28px;border-bottom:1px solid #303640;background:#15181f}.timeline-ruler span{position:absolute;top:6px;padding-left:4px;color:#8b96a5;font:11px monospace;white-space:nowrap}.waveform-surface{position:absolute;z-index:1;left:0;right:0;top:28px;height:120px;overflow:hidden;background:linear-gradient(#0a0e14,#101722)}.waveform-canvas{position:absolute;top:0;color:#668ec5;opacity:.92}.waveform-message{position:absolute;z-index:3;top:78px;left:0;right:0;color:#747c88;font:12px monospace;text-align:center}.waveform-message.is-loading{color:#eeff38}.waveform-message.is-error{color:#ff847e}.trim-shade{position:absolute;z-index:3;top:28px;bottom:12px;background:#020305b8;pointer-events:none}.trim-before{left:0}.trim-after{right:0}.trim-grip{position:absolute;z-index:12;top:36px;width:34px;height:24px;padding:0;border:1px solid #eeff38;background:#1b1f18;color:#eeff38;font:10px monospace;cursor:ew-resize;touch-action:none}.trim-grip-start{transform:translate(0)}.trim-grip-end{transform:translate(-100%)}.trim-grip:after{content:"";position:absolute;top:23px;bottom:-213px;width:1px;background:#eeff38aa}.trim-grip-start:after{left:-1px}.trim-grip-end:after{right:-1px}.cue-track{position:absolute;z-index:4;left:0;right:0;height:54px;border-block:1px solid #303640;background:#11151beb}.cue-track-output{top:158px}.cue-track-workspace{top:218px;background:#141922c2}.cue-track-label{position:sticky;z-index:6;left:0;top:0;width:max-content;min-width:104px;height:22px;display:inline-flex;align-items:center;padding:0 8px;border-right:1px solid #34404e;background:#0b0f15e6;color:#9aa6b6;font:11px monospace;pointer-events:none}.cue-track-workspace .cue-track-label{color:#8493a8}.timeline-cue{position:absolute;top:5px;height:44px;min-width:6px;display:flex;align-items:center;overflow:hidden;border:1px solid #66758a;border-radius:4px;background:linear-gradient(#31445f,#202d40);color:#edf3fb;box-shadow:0 3px 10px #0005;cursor:grab;touch-action:none}.timeline-cue.is-workspace{border-style:dashed;border-color:#697486;background:linear-gradient(#303844,#222933);color:#bbc5d2}.timeline-cue.is-selected{z-index:7;border:2px solid #77a6ff;background:linear-gradient(#41689d,#263e61);box-shadow:0 0 0 2px #101722,0 5px 15px #0008}.timeline-cue>span{min-width:0;flex:1;overflow:hidden;padding:0 9px;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.cue-edge{flex:0 0 11px;width:11px;height:100%;padding:0;border:0;background:#ffffff18;cursor:ew-resize;touch-action:none}.cue-edge:hover{background:#77a6ff}.timeline-playhead{position:absolute;z-index:20;top:0;bottom:8px;width:2px;background:#ff655e;box-shadow:0 0 7px #ff655e88;cursor:ew-resize;touch-action:none}.timeline-playhead i{position:absolute;left:-5px;top:0;width:12px;height:11px;background:#ff655e;-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.cue-list-toolbar{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:6px 10px;border-bottom:1px solid #303640;background:#14171d}.cue-list-toolbar>span{margin-right:auto;overflow:hidden;color:#68717d;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.cue-list-toolbar label{height:29px;display:flex;align-items:center;border:1px solid #3b424d;background:#0c0f14}.cue-list-toolbar label strong{padding:0 8px;color:#aab1bc;font-size:8px;white-space:nowrap}.cue-list-toolbar label input{width:70px;height:100%;padding:0 5px;border:0;border-left:1px solid #303640;outline:none;background:#090c10;color:#eeff38;font:12px monospace;text-align:right}.cue-list-toolbar label i{padding:0 7px 0 3px;color:#737c88;font:8px monospace;font-style:normal}.cue-list-toolbar>button{height:29px;padding:0 10px;border:1px solid #596324;background:#20251a;color:#eeff38;font-size:8px;cursor:pointer}.cue-list{min-height:0;overflow-y:auto;padding:9px;background:#101319}.cue-row{display:grid;grid-template-columns:34px 76px 88px 88px minmax(240px,1fr) 72px 36px;align-items:end;gap:8px;margin-bottom:7px;padding:10px;border:1px solid #34404f;border-radius:5px;background:#151b24;cursor:pointer}.cue-row.is-workspace{border-style:dashed;background:#141922}.cue-row.is-selected{border-color:#77a6ff;background:#18263a;box-shadow:inset 4px 0 #77a6ff}.cue-row>b{align-self:center;color:#8490a1;font:10px monospace}.cue-lane-badge{align-self:center;padding:6px 5px;border-radius:3px;background:#223652;color:#9fc0f1;font-size:11px;font-weight:750;text-align:center;white-space:nowrap}.cue-row.is-workspace .cue-lane-badge{background:#2c323d;color:#a7b0bc}.cue-row label{min-width:0;display:grid;gap:4px;color:#8a96a6;font-size:7px}.cue-row input{min-width:0;width:100%;height:30px;padding:0 7px;border:1px solid #465264;outline:none;background:#0b1018;color:#eef3fa;font:12px monospace}.cue-row input:focus{border-color:#77a6ff}.cue-text-field input{font-family:inherit;font-size:15px}.cue-row>button{height:30px;cursor:pointer}.cue-row>.cue-lane-button{border:1px solid #49658c;background:#1c2d44;color:#a9c9f8;font-size:11px;font-weight:750}.cue-row>button:last-child{border:1px solid #563a42;background:#2c191e;color:#ff9791}.empty-editor{height:100%;display:grid;place-content:center;gap:6px;color:#727b87;text-align:center}.empty-editor strong{color:#aeb6c1}.empty-editor span{font-size:12px}.cue-list+.selection-summary{padding:7px 12px;border-top:1px solid #303640;color:#8d99a9;font:11px monospace}.modal-backdrop{position:fixed;z-index:200;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#030406e0;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.notice-modal{width:min(580px,100%);padding:30px;border:1px solid #424954;border-top:4px solid #eeff38;background:#11141b;box-shadow:0 30px 100px #000}.eyebrow{margin:0;color:#eeff38;font:8px monospace;letter-spacing:.22em}.notice-modal h2{margin:9px 0 16px;font-size:24px}.notice-modal p,.notice-modal li{color:#acb3be;font-size:12px;line-height:1.7}.notice-modal strong{color:#eeff38}.notice-modal code{padding:2px 4px;background:#080a0e;color:#eeff38}.notice-modal ul{padding-left:18px}.notice-modal .primary-button{width:100%;margin-top:10px}.whisper-endpoint{display:grid;gap:6px;color:#9da5b0;font-size:10px}.whisper-endpoint input{height:39px;padding:0 10px;border:1px solid #3d444e;background:#0b0e13;color:#fff}.whisper-status{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px;border:1px solid #343b45;background:#0e1117;color:#858e9a;font-size:12px;line-height:1.5}.whisper-status i{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#727b87}.whisper-status.is-connected{color:#dce99b}.whisper-status.is-connected i{background:#eeff38;box-shadow:0 0 12px #eeff38}.whisper-status.is-failed{color:#ff9690}.whisper-status.is-failed i{background:#ff665f}.replace-confirm{display:flex;align-items:flex-start;gap:8px;margin-top:10px;color:#c3c8d0;font-size:10px;line-height:1.5}.replace-confirm input{accent-color:#eeff38}.modal-actions{display:grid;grid-template-columns:auto 1fr 1fr;gap:7px;margin-top:13px}.modal-actions .primary-button{margin:0}.render-package-modal .modal-actions{grid-template-columns:1fr 1fr}body{font-size:15px}.brand-mark{font-size:0}.brand-title div span,.dashboard-nav>div span,.page-heading span,.lyrics-page-heading span,.eyebrow{font-size:11px}.export-status{font-size:14px}.dashboard-nav>div strong,.dashboard-nav button>span{font-size:15px}.dashboard-nav button b{font-size:13px}.dashboard-nav button small,.dashboard-nav footer{font-size:12px}.card-title strong,.page-heading strong{font-size:15px}.card-title span,.page-heading small,.canvas-control-heading span{font-size:11px}.lyrics-context-controls>strong{font-size:13px}.lyrics-context-controls label span{font-size:11px}.file-field>span,.field-label>span{font-size:14px}.file-picker em,.field-label input,.field-label select{font-size:15px}.field-label input,.field-label select{height:42px}.source-stats{font-size:12px}.inline-error{font-size:14px}.dashboard-player span{font-size:12px}.dashboard-player button{height:34px}.motion-options i span,.motion-options i b,.motion-options small{font-size:11px}.canvas-control-heading strong{font-size:14px}.layer-toggles label{height:34px;font-size:12px}.transform-slider,.transform-slider>input[type=number]{font-size:13px}.canvas-transform-controls .transform-slider>input[type=number]{height:31px}.reset-transform{height:34px}.lyrics-page-heading button{height:36px;font-size:14px}.editor-transport button{font-size:13px}.editor-transport strong{font-size:14px}.editor-transport>span,.editor-transport small,.editor-zoom{font-size:12px}.timeline-ruler span,.trim-grip,.cue-track-label{font-size:11px}.waveform-message,.timeline-cue>span{font-size:13px}.cue-list-toolbar>span,.cue-list-toolbar label strong,.cue-list-toolbar label i,.cue-list-toolbar>button{font-size:12px}.cue-list-toolbar label,.cue-list-toolbar>button{height:32px}.cue-list-toolbar label input{font-size:13px}.cue-row>b{font-size:13px}.cue-row label{font-size:12px}.cue-row input{height:34px;font-size:13px}.cue-text-field input{font-size:15px}.cue-row>button{height:34px}.empty-editor span,.cue-list+.selection-summary{font-size:12px}.notice-modal p,.notice-modal li{font-size:15px}.whisper-endpoint,.replace-confirm{font-size:14px}.whisper-status{font-size:13px}.app-shell.ui-theme-dark{--ui-bg: #0a111b;--ui-bg-soft: #0f1825;--ui-panel: #141f2d;--ui-panel-2: #1a2738;--ui-border: #304158;--ui-text: #e9eef6;--ui-muted: #8c9aad;--ui-accent: #4d7ee8;--ui-accent-soft: #203a68;--ui-accent-text: #fff;color-scheme:dark;color:var(--ui-text);background:radial-gradient(circle at 56% -20%,#243650 0,#101a28 43%,#090f18 76%)}.app-shell.ui-theme-light{--ui-bg: #f1ede4;--ui-bg-soft: #e7e1d6;--ui-panel: #faf7f0;--ui-panel-2: #eee8dc;--ui-border: #c9c2b5;--ui-text: #283343;--ui-muted: #6c7786;--ui-accent: #3566c8;--ui-accent-soft: #d9e4fb;--ui-accent-text: #fff;color-scheme:light;color:var(--ui-text);background:radial-gradient(circle at 56% -20%,#dce6f8 0,#f1ede4 43%,#e7e0d4 78%)}.app-shell .topbar{border-color:var(--ui-border);background:color-mix(in srgb,var(--ui-bg) 94%,transparent)}.app-shell .dashboard-nav{border-color:var(--ui-border);background:color-mix(in srgb,var(--ui-bg-soft) 94%,transparent)}.app-shell .dashboard-nav>div,.app-shell .dashboard-nav footer,.app-shell .card-title{border-color:var(--ui-border)}.app-shell .dashboard-nav>div span,.app-shell .dashboard-nav button.is-active b,.app-shell .card-title>b,.app-shell .page-heading span,.app-shell .lyrics-page-heading span{color:var(--ui-accent)}.app-shell .dashboard-nav>div strong,.app-shell .card-title strong,.app-shell .page-heading strong{color:var(--ui-text)}.app-shell .dashboard-nav button{color:var(--ui-muted)}.app-shell .dashboard-nav>button:hover{background:var(--ui-panel-2);color:var(--ui-text)}.app-shell .dashboard-nav>button.is-active{border-color:var(--ui-border);background:linear-gradient(135deg,var(--ui-accent-soft),var(--ui-panel));color:var(--ui-text);box-shadow:inset 3px 0 var(--ui-accent)}.app-shell :is(.dashboard-card,.input-preview,.layout-preview,.lyrics-main){border-color:var(--ui-border);background:color-mix(in srgb,var(--ui-panel) 95%,transparent)}.app-shell :is(.topbar-actions button,.ghost-button,.dashboard-player button,.reset-transform,.thumbnail-options button,.custom-theme-row>button,.motion-options button,.layer-toggles label,.editor-transport button,.cue-list-toolbar>button){border-color:var(--ui-border);background:var(--ui-panel-2);color:var(--ui-text)}.app-shell :is(.topbar-actions .export-button,.primary-button,.lyrics-page-heading button){border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-accent-text)}.app-shell .lyrics-ai-actions button+button{background:var(--ui-panel-2);color:var(--ui-accent)}.app-shell :is(input[type=range],input[type=checkbox]){accent-color:var(--ui-accent)}.app-shell :is(.file-control,.field-label input,.field-label select,.transform-slider>input[type=number],.whisper-endpoint input,.cue-list-toolbar label,.cue-list-toolbar label input,.cue-row input){border-color:var(--ui-border);background:var(--ui-bg);color:var(--ui-text)}.app-shell :is(.file-control:hover,.file-control:focus-within,.field-label input:focus,.field-label select:focus,.cue-row input:focus){border-color:var(--ui-accent)}.app-shell :is(.file-field>span,.field-label>span,.page-heading small,.source-stats,.transform-slider,.editor-transport small,.cue-list-toolbar>span,.cue-row label){color:var(--ui-muted)}.app-shell .thumbnail-options button.is-active,.app-shell .custom-theme-row>button.is-active,.app-shell .motion-options button.is-active,.app-shell .layer-toggles label.is-selected{border-color:var(--ui-accent);color:var(--ui-accent);box-shadow:inset 0 -2px var(--ui-accent)}.app-shell .custom-theme-colors{border-color:var(--ui-border);background:var(--ui-panel-2)}.app-shell .color-field{color:var(--ui-text)}.app-shell .color-field code{color:var(--ui-muted)}.app-shell :is(.canvas-controls,.dashboard-player,.editor-transport,.cue-list-toolbar,.cue-list,.cue-row,.whisper-status){border-color:var(--ui-border);background:var(--ui-panel)}.app-shell .editor-transport :is(.timeline-play,strong),.app-shell .cue-list-toolbar label input{color:var(--ui-accent)}.app-shell :is(.file-picker b,.dashboard-player button,.waveform-message.is-loading,.eyebrow,.notice-modal strong,.notice-modal code,.cue-list-toolbar>button){color:var(--ui-accent)}.app-shell :is(.trim-grip,.cue-edge:hover){border-color:var(--ui-accent);background:var(--ui-accent-soft);color:var(--ui-accent)}.app-shell .trim-grip:after{background:color-mix(in srgb,var(--ui-accent) 70%,transparent)}.app-shell .timeline-cue.is-selected{border-color:var(--ui-accent);background:linear-gradient(var(--ui-accent-soft),var(--ui-panel-2))}.app-shell :is(.canvas-layer.is-selected,.logo-free.is-editable){border-color:var(--ui-accent);outline-color:var(--ui-accent)}.app-shell :is(.transform-rotate,.transform-resize){background:var(--ui-accent)}.app-shell .transform-rotate:after{background:var(--ui-accent)}.app-shell .interface-theme-toggle{border-color:var(--ui-border);background:var(--ui-panel-2)}.app-shell .interface-theme-control>span{color:var(--ui-muted)}.ui-theme-light .brand-title div span,.ui-theme-light .dashboard-nav button small,.ui-theme-light .dashboard-nav footer{color:#647082}.ui-theme-light .dashboard-nav button.is-active small{color:#52627a}.ui-theme-light .file-picker em,.ui-theme-light .cue-row input{color:#303c4d}.ui-theme-light :is(.file-clear,.timeline-ruler,.timeline-scroll,.vrew-timeline,.waveform-surface,.cue-track,.timeline-cue){border-color:var(--ui-border);background:#e9e5dc;color:#354154}.ui-theme-light .waveform-canvas{color:#5579ad}.ui-theme-light .trim-shade{background:#70747a7a}.ui-theme-light .cue-edge{background:#73819a24}.ui-theme-light .field-label input:disabled{color:#7a8492;background:#ded8cc}.ui-theme-light .cue-row>.cue-lane-button{border-color:#91a8c9;background:#dce7f6;color:#315b94}.ui-theme-light .cue-row>button:last-child{border-color:#d3aaa7;background:#f4dfdc;color:#a24642}.ui-theme-light .export-status{border-color:#7995d2;background:#dde7fafa;color:#284e9f}.ui-theme-light .motion-options i{background:#e6e9ee}.ui-theme-light .motion-options i b{color:#273347}.ui-theme-light .notice-modal{border-color:var(--ui-border);border-top-color:var(--ui-accent);background:var(--ui-panel);color:var(--ui-text)}.ui-theme-light .notice-modal :is(p,li){color:#566273}.ui-theme-light .modal-backdrop{background:#343a4494}@media(max-width:1320px){.dashboard-shell{grid-template-columns:184px minmax(0,1fr)}.input-page{grid-template-columns:350px minmax(0,1fr)}.layout-page{grid-template-columns:300px minmax(0,1fr)}.transform-grid{grid-template-columns:repeat(3,minmax(118px,1fr))}.canvas-transform-controls .transform-slider:nth-child(3n+1):before{display:none}.editor-transport small{display:none}.cue-row{grid-template-columns:30px 68px 80px 80px minmax(180px,1fr) 66px 34px}}@media(max-height:760px){.topbar{flex-basis:56px}.dashboard-content{padding:9px}.dashboard-card{padding:13px}.card-title{padding-bottom:9px;margin-bottom:10px}.file-field,.field-label{margin-bottom:7px}.file-control{min-height:38px}.field-label input,.field-label select{height:36px}.preview-canvas{max-height:65vh}.vrew-editor{grid-template-rows:44px 290px 44px minmax(0,1fr) auto}.dashboard-nav{padding-top:12px}}.cue-list{position:relative}.app-shell .cue-row.is-selected{background:color-mix(in srgb,var(--ui-accent-soft) 72%,var(--ui-panel))}