@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=PT+Root+UI:wght@400&display=swap";*{box-sizing:border-box}body{min-height:100vh;margin:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.empty-state,.muted{color:var(--design-muted)}.muted{margin:.35rem 0 0}.error{color:var(--design-danger)}.media-icon{color:currentColor;flex:none;display:inline-flex}.media-icon>svg{width:100%;height:100%;display:block}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--design-bg:#242938;--design-panel:#151b25;--design-panel-soft:#1d2330;--design-input:#343740;--design-line:#39404c;--design-text:#e4e6ec;--design-muted:#a6a8b1;--design-accent:#08a8d2;--design-danger:#e26b72;--bg:var(--design-bg);--panel:var(--design-panel);--ink:var(--design-text);--ink-soft:var(--design-muted);--brand:var(--design-accent);--line:var(--design-line);--input-bg:var(--design-input);--surface-strong:var(--design-panel-soft);--timeline-bg:#13212a;font-family:Inter,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--design-bg:#f2f5f7;--design-panel:#fff;--design-panel-soft:#e8edf1;--design-input:#f5f7f8;--design-line:#1a2a3429;--design-text:#172630;--design-muted:#68747c;--design-accent:#0088ae;--design-danger:#c33c45;--bg:var(--design-bg);--panel:var(--design-panel);--ink:var(--design-text);--ink-soft:var(--design-muted);--brand:var(--design-accent);--line:var(--design-line);--input-bg:var(--design-input);--surface-strong:var(--design-panel-soft);--timeline-bg:#e8eef1;--slider-track:#c8d0d5;--slider-track-border:#1a2a3429}html,body{background:var(--design-bg);min-width:1024px}body{color:var(--design-text);font-family:Inter,Segoe UI,sans-serif;font-size:16px}button,input,textarea,select{font:inherit}button{box-shadow:none}button:hover:not(:disabled),a:hover{transform:none}:root[data-theme=light] body,:root[data-theme=light] html{background:var(--design-bg)}:root[data-theme=light] .app-heading h1,:root[data-theme=light] .studio-title-row h2,:root[data-theme=light] .studio-tab.is-active,:root[data-theme=light] .project-create-card,:root[data-theme=light] .project-card-title,:root[data-theme=light] .app-nav .donation-link,:root[data-theme=light] .app-nav .nav-link,:root[data-theme=light] .app-nav .language-switcher,:root[data-theme=light] .app-nav .auth-menu-trigger{color:var(--design-text)}:root[data-theme=light] .auth-dropdown,:root[data-theme=light] .language-dropdown,:root[data-theme=light] .studio-card,:root[data-theme=light] .project-card,:root[data-theme=light] .audio-timeline,:root[data-theme=light] .timing-editor-card,:root[data-theme=light] .editor-karaoke-preview{background:var(--design-panel);color:var(--design-text)}.modal-backdrop{z-index:1000;background:#141924c2;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-close,.icon-plain-button{width:32px;height:32px;color:var(--design-text);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.outline-button,.accent-button{border:1px solid var(--design-line);min-height:40px;color:var(--design-text);background:0 0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:8px 15px;text-decoration:none;display:inline-flex}.accent-button{border-color:var(--design-accent);background:var(--design-accent);color:#f7fbfd}.outline-button .media-icon,.accent-button .media-icon{width:18px;height:18px}.language-menu,.auth-menu{position:relative}.top-nav-button,.toggle-button{justify-content:center;align-items:center;display:inline-flex}.language-dropdown,.auth-dropdown{z-index:42;border:1px solid var(--design-line);background:var(--design-panel);border-radius:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 48px #00000047}.language-dropdown{gap:2px;width:min(288px,100vw - 32px);max-height:min(448px,100vh - 112px);padding:7px;display:grid;overflow:auto}.language-dropdown-item,.auth-dropdown-item{color:var(--design-text);text-align:left;background:0 0;border:0}.language-dropdown-item{border-radius:8px;grid-template-columns:67px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:8px 9px;display:grid}.language-dropdown-item:hover,.language-dropdown-item:focus-visible,.auth-dropdown-item:hover,.auth-dropdown-item:focus-visible{background:color-mix(in srgb, var(--design-accent) 18%, transparent);outline:0}.language-dropdown-item.is-active{color:var(--design-accent)}.language-dropdown-code{color:var(--design-muted);text-transform:uppercase}.language-dropdown-current{border-top:1px solid var(--design-line);color:var(--design-muted);margin-top:4px;padding:8px 9px 2px;font-size:13px}.auth-menu-trigger{gap:9px}.auth-avatar,.auth-dropdown-avatar{object-fit:cover;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.auth-menu-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.auth-dropdown{width:272px;padding:8px}.auth-dropdown-user{grid-template-rows:repeat(2,20px);grid-template-columns:40px minmax(0,1fr);align-items:center;gap:0 10px;padding:8px;display:grid}.auth-dropdown-avatar{grid-row:1/3;width:40px;height:40px}.auth-dropdown-user>strong,.auth-dropdown-user>span:not(.auth-dropdown-avatar){text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.auth-dropdown-user>strong{grid-area:1/2;align-self:end}.auth-dropdown-user>span:not(.auth-dropdown-avatar){color:var(--design-muted);grid-area:2/2;align-self:start;font-size:13px}.auth-dropdown-user-anonymous>span:last-child{grid-area:2/2}.auth-dropdown-item{border-radius:8px;align-items:center;gap:8px;width:100%;min-height:38px;padding:8px 10px;display:flex}.auth-dropdown-danger{color:var(--design-danger);border-radius:0 0 8px 8px;margin-top:4px;position:relative}.auth-dropdown-danger:before{background:var(--design-line);content:"";height:1px;position:absolute;top:0;left:0;right:0}.auth-dropdown-google{border-top:1px solid var(--design-line);margin-top:4px;padding:10px 8px 4px}.google-auth-button{min-height:36px}.app-shell{width:min(1216px,100vw - 64px);margin:0 auto;padding:20px 0 26px}.app-header{justify-content:space-between;align-items:flex-start;gap:28px;min-height:82px;display:flex}.app-heading h1{color:#e8ecf2;letter-spacing:-1.4px;margin:0;font-size:48px;font-weight:500;line-height:1.08}.app-heading p{color:var(--design-muted);margin:7px 0 0;font-size:16px;line-height:1.4}.app-nav{align-items:center;gap:22px;min-height:42px;display:flex}.app-nav .donation-link,.app-nav .nav-link,.app-nav .language-switcher,.app-nav .auth-menu-trigger{color:#d4d5da;background:0 0;border:0;border-radius:12px;min-height:40px;padding:8px 10px;text-decoration:none;transition:background .12s}.app-nav .donation-link{color:var(--design-muted);padding-inline:16px}.app-nav .donation-link:hover,.app-nav .nav-link:hover,.app-nav .language-switcher:hover,.app-nav .auth-menu-trigger:hover,.app-nav .donation-link:focus-visible,.app-nav .nav-link:focus-visible,.app-nav .language-switcher:focus-visible,.app-nav .auth-menu-trigger:focus-visible{color:var(--design-text);background:#82bff13d;border-radius:16px;outline:0}.app-nav .language-switcher{gap:7px}.app-nav .language-switcher-code{color:#e2e4e9;text-transform:uppercase;border:0;padding:0;font-family:inherit;font-size:16px;font-weight:400}.app-nav .media-icon{width:18px;height:18px}.app-nav .auth-avatar{background:#41cdc3;width:25px;height:25px;font-size:12px}.auth-dropdown,.language-dropdown{border-color:var(--design-line);background:#171d28}.toast-stack{z-index:1200;gap:10px;width:min(380px,100vw - 48px);display:grid;position:fixed;bottom:24px;right:24px}.toast{border:1px solid var(--design-line);background:var(--design-panel);color:var(--design-text);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid;box-shadow:0 16px 44px #0000003d}.toast-success{border-color:#58c8bd}.toast-error{border-color:var(--design-danger)}.toast-info{border-color:var(--design-accent)}.toast-icon{border:1px solid;border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:28px;font-size:11px;font-weight:600;display:inline-flex}.toast-text{margin:0;line-height:1.35}.toast-close{width:36px;height:36px;color:var(--design-muted);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}.toast-close:hover,.toast-close:focus-visible{background:color-mix(in srgb, var(--design-accent) 16%, transparent);color:var(--design-text);outline:0}.projects-toolbar{justify-content:space-between;align-items:flex-end;width:100%;margin:32px 0;display:flex}.projects-tabs{align-items:stretch;display:flex}.projects-tab{min-width:112px;height:72px;color:var(--design-muted);background:0 0;border:0;align-items:center;gap:8px;padding:0 30px;font-weight:600;display:inline-flex;position:relative}.projects-tab:after{content:"";background:0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.projects-tab.is-active{color:var(--design-text)}.projects-tab.is-active:after{background:var(--design-accent)}.projects-tab .media-icon{width:18px;height:18px}.projects-search{width:266px;height:40px;color:var(--design-text);background:0 0;border:1px solid #414753;border-radius:13px;flex:0 0 266px;padding:0 15px}.projects-search.projects-search{width:266px;color:var(--design-text);background:0 0;border:1px solid #414753;padding:0 15px}.projects-search::placeholder{color:#6f727d}.project-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px;width:100%;display:grid}.project-create-card{color:#fff;background:0 0;border:1px solid #ffffff29;border-radius:24px;justify-content:center;align-items:center;width:100%;min-height:281px;padding:8px 8px 16px;display:flex;box-shadow:0 24px 30px #00000052}.project-create-card-content{flex-direction:column;align-items:center;gap:8px;font-family:PT Root UI,Inter,Segoe UI,sans-serif;font-size:24px;font-weight:700;line-height:36px;display:flex}.project-create-card-icon{width:48px;height:48px;display:inline-flex}.project-create-card:hover{border-color:#ffffff47}.project-create-card:focus-visible{outline:2px solid var(--design-accent);outline-offset:3px}.project-card{background:#141b26;border-radius:22px;min-width:0;position:relative;overflow:hidden;box-shadow:0 24px 36px #0003}.project-card-open{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:8px 8px 0;display:block}.project-card-preview{aspect-ratio:16/9;background:linear-gradient(130deg,#044d5880,#58343047),#20262d;border-radius:15px;display:block;position:relative;overflow:hidden}.project-card-preview video,.project-card-preview img{object-fit:cover;width:100%;height:100%;display:block}.project-duration{color:#e3e5ea;background:#0d151fd6;border-radius:8px;padding:5px 8px;font-size:14px;position:absolute;bottom:9px;left:9px}.project-card-title{color:#e3e5e9;text-overflow:ellipsis;white-space:nowrap;margin:17px 8px 6px;font-size:16px;display:block;overflow:hidden}.project-card-actions{opacity:0;pointer-events:none;gap:8px;transition:opacity .12s,transform .12s;display:flex;position:absolute;top:17px;right:17px;transform:translateY(-4px)}.project-card:hover .project-card-actions,.project-card:focus-within .project-card-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.project-icon-button{color:#e1e3e8;background:#1b242bb8;border:1px solid #46505b;border-radius:13px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.project-icon-button:disabled{opacity:.38}.project-download-control{border-radius:13px;display:inline-flex;position:relative}.project-download-control:focus-visible{outline:2px solid var(--design-accent);outline-offset:2px}.project-download-tooltip{z-index:1;color:#ffffffe0;opacity:0;pointer-events:none;white-space:nowrap;background:#161b25a3;border-radius:8px;width:max-content;padding:4px 8px;font-size:16px;line-height:22px;transition:opacity .12s,transform .12s;position:absolute;top:5px;right:calc(100% + 4px);transform:translate(4px)}.project-download-control:hover .project-download-tooltip,.project-download-control:focus-visible .project-download-tooltip{opacity:1;transform:translate(0)}.project-icon-button .media-icon{width:20px;height:20px}.project-card-meta{color:var(--design-muted);justify-content:space-between;gap:12px;padding:0 16px 18px;font-size:13px;display:flex}.project-view-modal{background:#151b25;width:min(1000px,100vw - 80px);max-height:calc(100vh - 80px);padding:20px 16px 16px;overflow:auto;box-shadow:0 18px 60px #00000059}.project-view-header{justify-content:space-between;align-items:center;padding:0 10px 12px;display:flex}.project-view-header h2{margin:0;font-size:24px}.project-view-grid{grid-template-columns:500px minmax(0,1fr);gap:16px;display:grid}.project-view-video{aspect-ratio:16/9;background:#050608;border-radius:8px;width:100%;display:block}.project-view-media h3{margin:12px 8px 2px;font-size:17px}.project-view-media>p{color:var(--design-muted);margin:0 8px;font-size:14px}.project-view-actions{gap:8px;margin-top:80px;display:flex}.project-view-lyrics{color:#d9dbe1;max-height:520px;font-size:14px;line-height:1.35;overflow:auto}.project-view-lyrics p{margin:0 0 4px}@media (hover:none){.project-card-actions{opacity:1;pointer-events:auto;transform:none}}.studio-title-row{align-items:center;gap:15px;min-height:66px;display:flex}.studio-title-row h2{margin:0;font-size:24px;font-weight:600}.autosave-status{color:var(--design-muted);font-size:13px}.autosave-status.is-saved{color:#58c8bd}.autosave-status.is-error{color:var(--design-danger)}.studio-card{background:var(--design-panel);border-radius:15px;min-height:584px;overflow:hidden}.studio-tabs{border-bottom:1px solid var(--design-line);align-items:stretch;height:72px;display:flex}.studio-tab{min-width:135px;color:var(--design-muted);background:0 0;border:0;align-items:center;gap:9px;padding:0 24px;font-size:17px;font-weight:600;display:inline-flex;position:relative}.studio-tab:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.studio-tab.is-active{color:#e5e7ec}.studio-tab.is-active:after{background:var(--design-accent)}.step-icon{flex:none;width:18px;height:18px;display:inline-flex}.step-icon>svg{width:100%;height:100%;display:block}.delete-project-button{color:var(--design-muted);background:0 0;border:0;margin-left:auto;padding:0 24px;font-size:16px}.studio-step{padding:24px}.info-section{margin-bottom:30px}.info-section h3{margin:8px 0 18px;font-size:17px;font-weight:600}.info-form-row{grid-template-columns:256px 480px;align-items:start;min-height:56px;margin-bottom:1px;display:grid}.info-label{color:#dfe1e6;padding-top:11px}.info-label span{display:block}.info-label strong,.lyrics-help strong,.preview-file-row strong{color:#ff4149}.info-label small{max-width:220px;color:var(--design-muted);margin-top:6px;font-size:13px;line-height:1.45;display:block}.info-form-row>input,.info-form-row>textarea,.lyrics-text-column textarea,.timing-syllable-group input{background:var(--design-input);width:100%;color:var(--design-text);border:1px solid #4a4e57;border-radius:12px;outline:0;padding:10px 15px}.info-form-row>input{height:42px}.info-form-row>textarea{resize:vertical;height:84px}.info-section:first-child .info-form-row{grid-template-columns:256px 320px}.info-section h3{margin-bottom:10px}.donation-link-disabled{cursor:default}.studio-tab:focus-visible,.projects-tab:focus-visible{outline:2px solid color-mix(in srgb, var(--design-accent) 70%, transparent);outline-offset:-2px}.design-switch{background:#575b64;border:0;border-radius:999px;width:25px;height:14px;margin-top:12px;padding:0;position:relative}.design-switch span{background:#aeb1b8;border-radius:50%;width:12px;height:12px;transition:transform .12s;position:absolute;top:1px;left:1px}.design-switch.is-on span{background:var(--design-accent);transform:translate(11px)}.file-form-row{min-height:104px}.file-uploader{background:var(--design-input);border:1px dashed #676b73;border-radius:12px;min-width:0;min-height:80px;display:flex;overflow:hidden}.file-uploader-main{color:#d9dbe1;text-align:left;background:0 0;border:0;flex:1;align-items:flex-start;gap:10px;min-width:0;padding:17px;display:flex;overflow:hidden}.file-uploader-copy{flex:1;min-width:0;display:block;overflow:hidden}.file-uploader-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-uploader-main small{color:var(--design-muted);margin-top:7px;font-size:13px;display:block}.upload-glyph{flex:none;width:24px;height:24px;display:inline-flex}.upload-glyph>svg{width:100%;height:100%}.file-remove-button{border:0;border-left:1px solid var(--design-line);width:48px;color:var(--design-muted);background:0 0}.file-remove-button .media-icon{width:19px;height:19px}.step-actions{gap:8px;margin-left:256px;display:flex}.step-navigation-button{gap:8px;height:40px;padding:8px 16px;line-height:22px}.step-navigation-button .media-icon{width:20px;height:20px}.lyrics-step{grid-template-columns:240px 1fr 1fr;align-items:start;gap:16px;min-height:915px;display:grid}.lyrics-help{padding-right:16px}.lyrics-help h3,.lyrics-text-column>span{margin:8px 0 12px;font-size:16px;font-weight:400}.lyrics-help p{color:var(--design-muted);margin:0 0 14px;font-size:14px;line-height:1.55}.lyrics-text-column{display:grid}.lyrics-text-column textarea{resize:none;height:766px;font-size:15px;line-height:1.4}.lyrics-step-actions{grid-column:2/4;margin-left:0}.editor-step{gap:16px;display:grid}.editor-layout-row{grid-template-columns:240px minmax(0,1fr);gap:16px;display:grid}.editor-label-column{padding-top:12px}.editor-label-column h3{margin:0 0 8px;font-size:16px;font-weight:500}.editor-label-column p{max-width:220px;color:var(--design-muted);margin:0 0 20px;font-size:14px;line-height:1.5}.editor-content-column{min-width:0}.editor-step{flex-direction:column;gap:0;min-height:654px;display:flex}.editor-step>.editor-layout-row:first-child{height:252px}.editor-step>.karaoke-preview-row{height:84px;margin-top:24px}.editor-step>.timing-layout-row{height:254px;margin-top:16px}.editor-label-column{padding:24px 0 0}.karaoke-preview-row .editor-label-column,.timing-layout-row .editor-label-column{padding-top:12px}.editor-label-column h3{margin-bottom:4px;line-height:22px}.editor-label-column p{margin-bottom:12px;line-height:20px}.audio-timeline-toolbar{align-items:center;display:flex}.audio-range-slider{background:linear-gradient(to right, var(--design-accent) 0 var(--slider-fill,0%), #555961 var(--slider-fill,0%) 100%);appearance:none;border:0;border-radius:999px;outline:0;width:220px;height:6px;margin:0}.audio-range-slider::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:6px}.audio-range-slider::-webkit-slider-thumb{background:var(--design-accent);appearance:none;border:2px solid #e0e0e0;border-radius:50%;width:14px;height:14px;margin-top:-4px}.audio-range-slider::-moz-range-track{border:0;border-radius:999px;height:6px}.audio-range-slider::-moz-range-progress{border:0;border-radius:999px;height:6px}.audio-range-slider::-moz-range-track{background:#555961}.audio-range-slider::-moz-range-progress{background:var(--design-accent)}.audio-range-slider::-moz-range-thumb{background:var(--design-accent);border:2px solid #e0e0e0;border-radius:50%;width:10px;height:10px}.audio-timeline-track{position:relative}.audio-timeline-canvas{z-index:1;-webkit-user-select:none;user-select:none;width:100%;display:block;position:sticky;left:0}.audio-syllable-markers{z-index:3;pointer-events:none;position:absolute;inset:0}.audio-syllable-marker{pointer-events:none;width:0;height:100%;position:absolute;top:0;overflow:visible}.audio-syllable-marker-stem{pointer-events:none;width:2px;position:absolute;left:-1px}.audio-syllable-marker-end .audio-syllable-marker-stem{background:repeating-linear-gradient(#9f008a 0 4px,#0000 4px 8px)}.audio-syllable-marker-handle{pointer-events:auto;cursor:grab;background:0 0;border:0;width:0;margin:0;padding:0;position:absolute;top:0;left:0}.audio-syllable-marker-handle:active{cursor:grabbing}.audio-syllable-marker-label{white-space:nowrap;position:absolute;transform:translate(-50%)}.audio-timeline-cursor{pointer-events:none;will-change:left;position:absolute}.audio-timeline{border:1px solid var(--design-line);background:0 0;border-radius:15px;padding:12px 15px 14px}.audio-timeline-toolbar{margin-bottom:8px}.audio-timeline-viewport{background:#13212a;border:1px solid #334550;border-radius:13px}.audio-timeline-canvas{background:#13212a}.audio-syllable-marker{color:#e317ca}.audio-syllable-marker-stem{border-color:#e317ca}.audio-syllable-marker-handle{background:#7d086f;border-color:#e317ca}.audio-timeline-cursor{background:#22bee6}.audio-timeline{box-sizing:border-box;border:1px solid var(--design-line);background:var(--design-panel);border-radius:16px;flex-direction:column;gap:32px;width:100%;height:252px;margin:0;padding:16px;display:flex}.audio-timeline-toolbar{flex-wrap:nowrap;flex:0 0 40px;gap:8px;width:100%;margin:0}.audio-timeline-toolbar .media-icon-button{background:0 0;border:1px solid #0000;border-radius:12px;width:40px;height:40px;padding:10px}.audio-timeline-toolbar .audio-timeline-metrics{color:var(--design-text);font-family:inherit;font-size:14px;line-height:20px}.audio-timeline-toolbar .audio-timeline-label{width:220px;color:var(--design-text);grid-template-columns:51px 160px;gap:9px;margin-left:auto;font-size:14px;line-height:20px;display:grid}.audio-timeline-toolbar .audio-volume-slider{width:160px}.audio-timeline-toolbar .audio-volume-slider::-webkit-slider-thumb{width:0;height:0;box-shadow:none;background:0 0;border:0}.audio-timeline-toolbar .audio-volume-slider::-moz-range-thumb{width:0;height:0;box-shadow:none;background:0 0;border:0}.audio-timeline-visual{flex-direction:column;flex:0 0 148px;gap:0;min-width:0;display:flex}.audio-timeline-viewport-shell{flex:0 0 143px;min-width:0;height:143px;margin-top:-33px;position:relative}.audio-timeline-viewport-shell:before{z-index:0;content:"";pointer-events:none;background:#141d25;border:1px solid #9ebbcd3d;border-radius:12px;height:108px;position:absolute;top:33px;left:0;right:0}.audio-timeline-viewport{z-index:1;scrollbar-width:none;background:0 0;border:0;border-radius:0;position:absolute;inset:0;overflow:auto hidden}.audio-timeline-viewport::-webkit-scrollbar{display:none}.audio-timeline-track{height:143px}.audio-timeline-filename{z-index:4;width:max-content;max-width:240px;color:var(--design-muted);text-overflow:ellipsis;white-space:nowrap;padding-top:4px;font-size:14px;line-height:20px;display:block;position:sticky;top:0;left:8px;overflow:hidden}.audio-timeline-canvas{background:#141d25;height:108px;top:34px}.audio-syllable-ranges{z-index:2;pointer-events:none;height:108px;position:absolute;top:34px;left:0;right:0}.audio-syllable-range{opacity:.6;background:#9f008a1f;position:absolute;top:0;bottom:0}.audio-syllable-marker-stem{background:#9f008a;height:122px;top:20px;box-shadow:inset 4px -2px 8px #00000029,inset -4px 2px 8px #ffffff29}.audio-syllable-marker-stem:after{display:none}.audio-syllable-marker-handle{height:33px}.audio-syllable-marker-label{color:#fff;font-feature-settings:"lnum" 1, "tnum" 1;background:#9f008a;border:0;border-radius:2px 2px 8px 8px;padding:0 4px;font-family:PT Root UI,Inter,Segoe UI,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;top:0;left:.5px;overflow:hidden;box-shadow:inset 4px -2px 8px #00000029,inset -4px 2px 8px #ffffff29}.audio-syllable-marker-end .audio-syllable-marker-label{color:#9f008a;background:0 0;left:-1.5px;box-shadow:inset 0 0 0 1px #9f008a}.audio-timeline-cursor{top:calc(var(--marker-rail-height,33px) - 4px);z-index:5;width:1px;box-shadow:none;background:#1ec6f5;bottom:1px}.audio-timeline-cursor:before{content:"";background:#1ec6f5;border-radius:2px 2px 8px 8px;width:11px;height:11px;position:absolute;top:-8px;left:-5px}.audio-timeline-scrollbar{border:1px solid var(--design-line);cursor:pointer;background:#464950;border-radius:999px;flex:0 0 6px;height:6px;margin-top:16px;position:relative}.audio-timeline-scroll-thumb{background:var(--design-accent);cursor:grab;touch-action:none;border-radius:0;height:6px;position:absolute;top:-1px}.audio-timeline-scroll-thumb:active{cursor:grabbing}.audio-timeline-scroll-handle{background:var(--design-accent);cursor:ew-resize;touch-action:none;border:2px solid #e0e0e0;border-radius:50%;width:10px;height:10px;position:absolute;top:-2px}.audio-timeline-scroll-handle.is-left{left:-5px}.audio-timeline-scroll-handle.is-right{right:-5px}.audio-timeline-ruler{flex:0 0 16px;height:16px;position:relative}.audio-line-range{background:#ffffffa3;border:0;border-radius:999px;min-width:2px;height:2px;padding:0;transition:background .12s,height .12s,top .12s;position:absolute;top:8px}.audio-line-range:before,.audio-line-range:after{background:inherit;content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:50%;transform:translateY(-50%)}.audio-line-range:before{left:-2px}.audio-line-range:after{right:-2px}.audio-line-range:hover,.audio-line-range:focus-visible{background:#22bee6;outline:0;height:4px;top:7px}.karaoke-preview-row .preview-panel{border:1px solid var(--design-line);background:0 0;border-radius:15px;margin:0;padding:0}.karaoke-preview-row .preview-panel>.panel-title{display:none}.karaoke-preview-row .preview-window{background:0 0;border:0;min-height:82px}.karaoke-preview-row .preview-line{font-size:16px}.karaoke-preview-row .syllable-active,.karaoke-preview-row .syllable-done{border-color:var(--design-accent);background:color-mix(in srgb, var(--design-accent) 16%, transparent);color:var(--design-accent)}.editor-karaoke-preview{box-sizing:border-box;border:1px solid var(--design-line);width:100%;height:84px;color:var(--design-muted);border-radius:12px;padding:16px;font-size:14px;line-height:22px;overflow:hidden}.editor-karaoke-track{will-change:transform;flex-direction:column;gap:8px;display:flex}.editor-karaoke-track.is-advancing{animation:.42s ease-in-out forwards karaoke-line-advance}.editor-karaoke-track p{white-space:nowrap;grid-template-columns:18px minmax(0,1fr);gap:8px;min-height:22px;margin:0;display:grid}.editor-karaoke-track p:first-child{color:var(--design-muted)}.editor-karaoke-preview strong{color:var(--design-text);text-overflow:ellipsis;font-weight:400;overflow:hidden}.editor-karaoke-syllable{color:#0000;-webkit-background-clip:text;background-clip:text}.editor-karaoke-token{white-space:pre}@keyframes karaoke-line-advance{0%{transform:translateY(0)}to{transform:translateY(-30px)}}@media (prefers-reduced-motion:reduce){.editor-karaoke-track.is-advancing{animation-duration:1ms}}.timing-editor-card{border:1px solid var(--design-line);border-radius:15px;padding:10px 15px 16px;overflow:hidden}.timing-line-nav{color:#cfd1d7;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;display:flex}.timing-syllable-scroll{border:1px solid #334550;border-radius:13px;gap:8px;padding:7px 8px 14px;display:flex;overflow-x:auto}.timing-row-labels{color:var(--design-muted);text-align:right;flex:0 0 80px;grid-template-rows:repeat(3,41px);align-items:center;gap:7px;display:grid}.timing-syllable-group{flex:0 0 144px;grid-template-rows:repeat(3,41px);gap:7px;display:grid;position:relative}.timing-syllable-group label{display:contents}.timing-syllable-group input{height:41px;padding:8px 13px}.timing-link{z-index:2;border:1px solid var(--design-line);color:#e3e4e8;background:#151b25;border-radius:13px;justify-content:center;align-items:center;width:39px;height:39px;padding:0;display:inline-flex;position:absolute;top:2px;right:-31px}.timing-link.is-active{border-color:var(--design-accent);background:var(--design-accent)}.timing-link .media-icon{width:20px;height:20px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.timing-editor-card{box-sizing:border-box;border-radius:16px;height:254px;padding:16px}.timing-line-nav{width:max-content;height:40px;color:var(--design-text);grid-template-columns:40px max-content 40px;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;line-height:20px;display:grid}.timing-line-nav .icon-plain-button{border-radius:12px;width:40px;height:40px;padding:10px;transform:none}.timing-line-nav .media-icon{width:20px;height:20px}.timing-line-nav>span{text-align:center;white-space:nowrap;min-width:75px}.timing-syllable-scroll{box-sizing:border-box;scrollbar-color:var(--design-accent) #464950;scrollbar-width:thin;gap:8px;height:174px;padding:8px;overflow:auto hidden}.timing-syllable-scroll::-webkit-scrollbar{height:6px}.timing-syllable-scroll::-webkit-scrollbar-track{background:#464950;border-radius:999px}.timing-syllable-scroll::-webkit-scrollbar-thumb{background:var(--design-accent);border-radius:999px}.timing-row-labels,.timing-syllable-group{grid-template-rows:repeat(3,40px);gap:8px}.timing-row-labels{flex:0 0 80px}.timing-syllable-item{flex:none;gap:8px;height:136px;display:flex}.timing-syllable-group{flex:0 0 104px;width:104px;display:grid}.timing-syllable-group input{width:104px;height:40px;padding:9px 16px}.timing-link{border-radius:12px;flex:0 0 40px;width:40px;height:40px;position:static}.render-step{grid-template-columns:240px minmax(0,1fr);gap:16px;min-height:512px;display:grid}.render-copy h3,.preview-copy h3{margin:10px 0 6px;font-size:16px;font-weight:500}.render-copy p,.preview-copy p{max-width:210px;color:var(--design-muted);margin:0 0 16px;font-size:14px;line-height:1.5}.render-progress-area{padding-top:12px}.design-progress{background:#5b5e66;border:1px solid #767a82;border-radius:999px;width:100%;height:16px;overflow:hidden}.design-progress span{border-radius:inherit;background:var(--design-accent);height:100%;display:block}.render-progress-area p{color:var(--design-muted);font-size:13px}.render-complete-copy{color:var(--design-text);font-size:14px}.render-complete-copy>div{align-items:center;gap:16px;display:flex}.render-complete-copy p{margin:12px 0 0}.preview-empty-step{flex-direction:column;align-items:flex-start;gap:8px;min-height:512px;padding:24px;display:flex}.preview-empty-step>p{color:#ffffffe0;margin:0;padding:14px 0 9px;font-family:PT Root UI,Inter,Segoe UI,sans-serif;font-size:16px;font-weight:500;line-height:22px}.preview-empty-step>.outline-button{border-color:#ffffff1a;border-radius:12px;gap:6px;width:max-content;height:40px;min-height:40px;padding:9px 16px 9px 12px;font-family:PT Root UI,Inter,Segoe UI,sans-serif;font-size:16px;font-weight:500;line-height:22px}.preview-empty-step>.outline-button .media-icon{width:20px;height:20px}.preview-file-row{align-items:center;gap:8px;display:flex}.preview-file-row>span:first-child{width:248px}.publish-control{display:inline-flex;position:relative;width:auto!important}.publish-control:focus-visible{outline:2px solid var(--design-accent);outline-offset:2px;border-radius:13px}.publish-auth-hint{z-index:1;color:#ffffffe0;opacity:0;pointer-events:none;white-space:nowrap;background:#000000b8;border-radius:8px;width:max-content;padding:4px 8px;font-size:16px;line-height:22px;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 6px);right:calc(100% + 4px);transform:translate(4px)}.publish-control:hover .publish-auth-hint,.publish-control:focus-visible .publish-auth-hint{opacity:1;transform:translate(0)}.preview-layout{grid-template-columns:240px minmax(0,600px) 296px;gap:16px;margin-top:24px;display:grid}.design-video-player{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden}.design-video-player video{object-fit:contain;width:100%;height:100%;display:block}.design-video-center-play{color:#fff;background:#0f141cc7;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:auto;padding:0;display:flex;position:absolute;inset:0;transform:none}.design-video-center-play:hover,.design-video-center-play:focus-visible,.design-video-center-play:active{transform:none}.design-video-center-play .media-icon{width:24px;height:24px}.design-video-controls{color:#fff;opacity:0;pointer-events:none;background:#0f141cdb;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:10px;height:44px;padding:8px 10px;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:12px;left:12px;right:12px;transform:translateY(10px)}.design-video-player.controls-visible .design-video-controls,.design-video-controls:focus-within{opacity:1;pointer-events:auto;transform:translateY(0)}.design-video-controls button{width:28px;height:28px;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:4px;display:flex}.design-video-controls>span{font-variant-numeric:tabular-nums;flex:none;font-size:12px}.design-video-controls .media-icon{flex:0 0 20px;width:20px;height:20px}.design-video-progress{min-width:80px;accent-color:var(--design-accent);flex:auto}.design-video-volume{width:72px;accent-color:var(--design-accent);flex:0 0 72px}.donation-card{text-align:center;background:#202633;border-radius:16px;flex-direction:column;align-self:start;align-items:center;gap:22px;padding:24px;display:flex}.donation-heart{width:52px;height:52px;display:inline-flex}.donation-heart>svg{width:100%;height:100%}.donation-card strong{max-width:230px;font-size:18px;line-height:1.35}.donation-card .donation-link{border:1px solid var(--design-accent);width:100%;color:var(--design-accent);background:0 0;border-radius:999px;padding:9px 14px;text-decoration:none}.donation-card .donation-link:hover,.donation-card .donation-link:focus-visible{color:var(--design-accent);background:#22bee61f;transform:none}.legal-page-title{margin:26px 0 24px;font-size:24px;font-weight:600}.legal-card{min-height:580px;padding:28px}.legal-row{color:#d9dbe1;grid-template-columns:210px minmax(0,640px);gap:16px;margin-bottom:34px;font-size:14px;line-height:1.45;display:grid}.legal-row h3,.legal-row p{font-size:inherit;margin:0;font-weight:400}.legal-row a{color:inherit;text-decoration:underline}.publish-dialog{background:#151b25;width:min(1000px,100vw - 80px);max-height:calc(100vh - 80px);padding:20px 16px 16px;overflow:auto;box-shadow:0 18px 60px #00000059}.publish-dialog-header{justify-content:space-between;align-items:center;padding:0 10px 14px;display:flex}.publish-dialog-header h2{margin:0;font-size:24px}.publish-dialog-content{grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:16px;display:grid}.publish-dialog-preview video{aspect-ratio:16/9;background:#050608;border-radius:8px;width:100%;display:block}.publish-dialog-preview h3{margin:12px 8px 2px;font-size:17px}.publish-dialog-preview p{color:var(--design-muted);margin:0 8px;font-size:14px}.publish-dialog-lyrics{color:#d9dbe1;max-height:520px;font-size:14px;line-height:1.35;overflow:auto}.publish-dialog-lyrics p{margin:0 0 4px}.publish-dialog-actions{gap:8px;margin-top:80px;display:flex}.publish-dialog-cancel{margin-left:auto}