*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#0f0f13}:root{--bg-base:15 15 25;--bg-panel:22 22 38;--bg-elevated:32 32 54;--border-subtle:40 40 62;--border-mid:58 58 80;--accent-primary:249 115 22;--accent-primary-2:251 146 60;--accent-singer1:124 106 255;--accent-singer2:255 106 154;--accent-golden:245 197 66;--text-primary:232 232 244;--text-muted:107 107 126;--text-dim:74 74 94;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 3px #0006, 0 1px 2px #0000004d;--glow-orange:0 0 20px rgb(var(--accent-primary) / .35), 0 0 8px rgb(var(--accent-primary) / .2);--glow-golden:0 0 10px rgb(var(--accent-golden) / .9), 0 0 24px rgb(var(--accent-golden) / .5);--transition-fast:.15s ease}.panel{background:rgb(var(--bg-panel));border:1px solid rgb(var(--border-subtle));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.btn{border-radius:var(--radius-md);font:inherit;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;display:inline-flex}.btn--primary{background:rgb(var(--accent-primary));border:1px solid rgb(var(--accent-primary));color:#111;font-weight:600}.btn--primary:hover{background:rgb(var(--accent-primary-2));border-color:rgb(var(--accent-primary-2));box-shadow:var(--glow-orange)}.app{background:rgb(var(--bg-base));height:100svh;color:rgb(var(--text-primary));flex-direction:column;font-family:system-ui,-apple-system,sans-serif;display:flex}.app-header{border-bottom:1px solid rgb(var(--border-subtle));flex-shrink:0;align-items:center;gap:12px;padding:12px 24px;display:flex}.app-logo{border-radius:9px;flex-shrink:0;width:40px;height:40px;box-shadow:0 2px 8px #0006}.app-logo-btn{all:unset;cursor:pointer;border-radius:9px;display:flex}.app-logo-btn:hover .app-logo{box-shadow:0 2px 12px rgb(var(--accent-primary) / .45);transition:box-shadow .15s}.app-header h1{letter-spacing:-.3px;color:rgb(var(--text-primary));font-size:18px;font-weight:600}.app-header .subtitle{color:rgb(var(--text-muted));font-size:13px}.lang-toggle{gap:4px;display:flex}.lang-btn{border:1px solid rgb(var(--border-subtle));color:rgb(var(--text-muted));cursor:pointer;background:0 0;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s,background .15s}.lang-btn:hover{color:rgb(var(--text-primary));border-color:rgb(var(--text-muted))}.lang-btn--active{background:rgb(var(--accent-primary) / .15);border-color:rgb(var(--accent-primary) / .5);color:rgb(var(--accent-primary))}.app-main{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:1400px;min-height:0;margin:0 auto;padding:24px 32px;display:flex}.landing{flex-direction:column;align-items:center;gap:32px;max-width:560px;margin:0 auto;padding:48px 16px 64px;display:flex}.landing-hero{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.landing-icon{object-fit:contain;width:120px;height:120px;box-shadow:0 8px 32px #00000080, 0 0 0 1px #ffffff12, 0 0 40px rgb(var(--accent-primary) / .18);border-radius:26px;-webkit-mask-image:linear-gradient(#000 88%,#0000 100%);mask-image:linear-gradient(#000 88%,#0000 100%)}.landing-tagline{color:rgb(var(--text-primary) / .9);margin:0;font-size:18px;font-weight:500}.landing-desc{color:rgb(var(--text-muted));margin:0;font-size:14px;line-height:1.6}.landing-badges{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.landing-badge{color:rgb(var(--text-primary) / .6);background:rgb(var(--bg-elevated));border:1px solid rgb(var(--border-subtle));border-radius:20px;padding:3px 10px;font-size:12px}.landing .drop-zone{width:100%}.drop-zone{border:2px dashed rgb(var(--border-mid));border-radius:var(--radius-lg);text-align:center;cursor:default;transition:border-color var(--transition-fast), background var(--transition-fast);padding:64px 32px}.drop-zone--warning{cursor:default;background:#fbbf240a;border-color:#fbbf2466;flex-direction:column;align-items:center;gap:12px;display:flex}.drop-zone--pick{cursor:default;flex-direction:column;align-items:center;gap:12px;display:flex}.multi-txt-list{flex-direction:column;gap:4px;width:100%;max-width:480px;margin:0;padding:0;list-style:none;display:flex}.multi-txt-item{width:100%;color:rgb(var(--text-muted));background:rgb(var(--bg-elevated));border:1px solid rgb(var(--border-subtle));border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);justify-content:space-between;align-items:center;gap:16px;padding:7px 12px;font-family:monospace;font-size:13px;display:flex}.multi-txt-item:hover{background:rgb(var(--accent-primary) / .08);border-color:rgb(var(--accent-primary) / .4);color:rgb(var(--text-primary))}.multi-txt-name{font-weight:600}.multi-txt-date{color:rgb(var(--text-dim));white-space:nowrap;flex-shrink:0;font-size:11px}.drop-zone.drag-over{border-color:rgb(var(--accent-primary));background:rgb(var(--accent-primary) / .05)}.drop-zone-icon{margin-bottom:12px;font-size:40px}.drop-zone h2{color:rgb(var(--text-primary) / .75);margin-bottom:6px;font-size:18px;font-weight:500}.drop-zone p{color:rgb(var(--text-muted));font-size:14px}.drop-zone-error{color:#f87171;margin-top:8px;font-size:13px}.drop-zone-btn{cursor:pointer;margin-top:16px;display:inline-block}.song-view{flex-direction:column;flex:1;gap:0;min-height:0;display:flex}.song-meta{background:rgb(var(--bg-panel));border:1px solid rgb(var(--border-subtle));border-radius:var(--radius-lg);z-index:1;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:16px 20px;display:flex;position:relative}.missing-files-banner{color:#fbbf24;background:#fbbf2414;border:none;border-left:1px solid #fbbf2440;border-right:1px solid #fbbf2440;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:flex}.missing-files-banner--info{color:#63b3ed;background:#63b3ed14;border-color:#63b3ed40}.missing-files-banner--info .missing-files-text{color:#63b3edbf}.video-mismatch-banner{flex-direction:column;align-items:stretch;gap:8px;padding:10px 16px}.vmb-message{align-items:flex-start;gap:6px;display:flex}.vmb-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.video-mismatch-banner .missing-files-dismiss{margin-left:0;font-size:13px}.missing-files-icon{flex-shrink:0}.missing-files-text{color:#a89060}.missing-file-pill{border-radius:var(--radius-sm);color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2433;padding:1px 7px;font-family:monospace;font-size:12px}.missing-files-action{border-radius:var(--radius-sm);color:#63b3ed;cursor:pointer;transition:background var(--transition-fast);background:#63b3ed26;border:1px solid #63b3ed59;flex-shrink:0;padding:3px 10px;font-size:12px;font-weight:600}.missing-files-action:hover{background:#63b3ed40}.missing-files-dismiss{color:rgb(var(--text-muted));cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:2px 4px;font-size:14px;line-height:1}.missing-files-dismiss:hover{color:rgb(var(--text-primary))}.song-content{border:1px solid rgb(var(--border-subtle));border-radius:var(--radius-lg);flex:1;grid-template-columns:1fr 320px;align-items:start;gap:0;min-height:0;display:grid;overflow:hidden}.lyrics-column{border-right:1px solid rgb(var(--border-subtle));min-width:0;height:100%;min-height:0;overflow-y:auto}.video-sidebar{flex-direction:column;gap:12px;height:100%;padding:16px;display:flex;overflow-y:auto}.song-cover-wrap{flex-shrink:0;width:64px;height:64px;position:relative}.song-cover--clickable{cursor:zoom-in}.cover-lightbox{z-index:1000;cursor:pointer;background:#000000d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cover-lightbox-inner{cursor:default;flex-direction:column;align-items:center;gap:12px;max-width:min(88vw,540px);display:flex;position:relative}.cover-lightbox-inner>img{object-fit:contain;border-radius:8px;width:100%;display:block;box-shadow:0 8px 40px #0009}.cover-lightbox-nav{align-items:center;gap:12px;display:flex}.cover-lightbox-nav-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;line-height:1;display:flex}.cover-lightbox-nav-btn:hover{background:#ffffff40}.cover-lightbox-nav-index{color:#ffffffb3;text-align:center;min-width:40px;font-size:13px}.cover-lightbox-actions{gap:8px;display:flex}.cover-lightbox-action-btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1f;border:1px solid #fff3;padding:5px 14px;font-size:13px;font-weight:500}.cover-lightbox-action-btn:hover{background:#ffffff38}.cover-lightbox-action-btn--primary{background:rgb(var(--accent-primary) / .25);border-color:rgb(var(--accent-primary) / .5);color:rgb(var(--accent-primary))}.cover-lightbox-action-btn--primary:hover{background:rgb(var(--accent-primary) / .38)}.cover-lightbox-selected-label{color:#ffffff80;white-space:nowrap;align-self:center;font-size:.8rem}.cover-lightbox-close{background:rgb(var(--bg-surface));width:36px;height:36px;color:rgb(var(--text-primary));cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;line-height:1;display:flex;position:absolute;top:-16px;right:-16px;box-shadow:0 2px 8px #0006}.cover-lightbox-close:hover{background:rgb(var(--bg-elevated))}.song-cover{object-fit:cover;border-radius:6px;width:64px;height:64px;display:block}.song-cover--placeholder{background:rgb(var(--border-subtle));width:64px;height:64px;color:rgb(var(--text-dim));border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex}.song-title-block{flex:1 1 0;min-width:0}.song-title-block .song-title{color:#fff;letter-spacing:-.3px;font-size:22px;font-weight:600}.song-title-block .song-artist{color:rgb(var(--text-muted));margin-top:2px;font-size:15px}.song-title-input,.song-artist-input{width:100%;transition:border-color var(--transition-fast);background:0 0;border:none;border-bottom:1px solid #0000;border-radius:0;outline:none;padding:0;font-family:inherit;display:block}.song-title-input:hover,.song-artist-input:hover{border-bottom-color:rgb(var(--border-mid))}.song-title-input:focus,.song-artist-input:focus{border-bottom-color:rgb(var(--accent-primary))}.song-tags{flex-wrap:wrap;gap:8px;display:flex}.song-meta-tags{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.meta-actions{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.toggle-label{color:rgb(var(--text-muted));cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:flex}.toggle-label input[type=checkbox]{accent-color:rgb(var(--accent-primary));cursor:pointer;width:14px;height:14px}.tag{background:rgb(var(--bg-elevated));height:24px;color:rgb(var(--text-muted));border:1px solid rgb(var(--border-mid));border-radius:20px;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.tag--warn{border-color:rgb(var(--accent-primary) / .6);color:rgb(var(--accent-primary-2))}.tag-warn-icon{opacity:.8;font-size:11px}.tag--editable{align-items:center;gap:4px;padding-right:4px;display:inline-flex}.tag-remove{color:rgb(var(--text-dim));cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;border-radius:2px;padding:0 1px;font-size:10px;line-height:1}.tag-remove:hover{color:rgb(var(--text-primary))}.tag-editor{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.tag-add-wrap{position:relative}.tag-add-btn{background:rgb(var(--bg-elevated));border:1px dashed rgb(var(--border-mid));color:rgb(var(--text-muted));cursor:pointer;width:24px;height:24px;transition:border-color var(--transition-fast), color var(--transition-fast);border-radius:20px;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:flex}.tag-add-btn:hover{border-color:rgb(var(--accent-primary));color:rgb(var(--accent-primary))}.tag-add-btn--labeled{letter-spacing:.01em;width:auto;height:24px;padding:0 10px;font-size:12px}.tag-dropdown{z-index:500;background:rgb(var(--bg-panel));border:1px solid rgb(var(--border-mid));border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-width:200px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden}.tag-search{box-sizing:border-box;background:rgb(var(--bg-base));border:none;border-bottom:1px solid rgb(var(--border-subtle));width:100%;color:rgb(var(--text-primary));outline:none;padding:8px 10px;font-size:13px;display:block}.tag-search::placeholder{color:rgb(var(--text-dim))}.tag-suggestions{flex-direction:column;gap:1px;max-height:200px;padding:4px;display:flex;overflow-y:auto}.tag-suggestion{color:rgb(var(--text-primary));text-align:left;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;padding:5px 8px;font-size:13px}.tag-suggestion:hover{background:rgb(var(--bg-elevated))}.tag-suggestion--custom{color:rgb(var(--accent-primary));font-style:italic}.tag-suggestions-empty{color:rgb(var(--text-dim));text-align:center;padding:6px 8px;font-size:12px}.tag-suggestion-group-block{padding-bottom:4px}.tag-suggestion-group-header{color:rgb(var(--text-dim));text-transform:uppercase;letter-spacing:.06em;border-top:1px solid rgb(var(--border-subtle));padding:6px 10px 3px;font-size:11px;font-weight:600}.tag-suggestion-group-block:first-child .tag-suggestion-group-header{border-top:none}.tags-free-input{width:100%;color:rgb(var(--text-dim));transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-bottom:1px solid #0000;outline:none;margin-top:6px;padding:2px 0;font-family:inherit;font-size:12px;display:block}.tags-free-input::placeholder{color:rgb(var(--text-dim) / .5)}.tags-free-input:hover,.tags-free-input:focus{border-bottom-color:rgb(var(--border-mid));color:rgb(var(--text-muted))}.provided-by-label{color:rgb(var(--text-dim));margin:4px 0 0;padding:0 14px;font-size:11px;line-height:1.4}.provided-by-key{text-transform:uppercase;letter-spacing:.06em;font-weight:600}.song-year-input{width:72px;color:rgb(var(--text-muted));transition:border-color var(--transition-fast);background:0 0;border:none;border-bottom:1px solid #0000;outline:none;margin-top:4px;padding:1px 0;font-family:inherit;font-size:13px;display:block}.song-year-input:hover{border-bottom-color:rgb(var(--border-mid))}.song-year-input:focus{border-bottom-color:rgb(var(--accent-primary));color:rgb(var(--text-primary))}.song-year-input::-webkit-inner-spin-button{-webkit-appearance:none}.song-year-input::-webkit-outer-spin-button{-webkit-appearance:none}.year-suggestion{background:rgb(var(--bg-elevated));border:1px solid rgb(var(--accent-primary) / .5);border-radius:20px;align-items:center;gap:2px;height:24px;font-size:12px;display:inline-flex;overflow:hidden}.year-suggestion-accept{color:rgb(var(--accent-primary));cursor:pointer;white-space:nowrap;height:100%;transition:background var(--transition-fast);background:0 0;border:none;padding:0 8px;font-family:inherit;font-size:12px}.year-suggestion-accept:hover{background:rgb(var(--accent-primary) / .12)}.year-suggestion-dismiss{border:none;border-left:1px solid rgb(var(--border-mid));color:rgb(var(--text-dim));cursor:pointer;height:100%;transition:color var(--transition-fast);background:0 0;padding:0 6px;font-size:11px}.year-suggestion-dismiss:hover{color:rgb(var(--text-primary))}.gap-sync{flex-direction:column;gap:12px;display:flex}.gap-sync-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gap-timing-grid{grid-template-columns:max-content auto max-content;align-items:center;gap:6px 10px;display:grid}.gap-sync-label{letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--text-muted));flex-shrink:0;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.tooltip-wrap{align-items:center;display:inline-flex;position:relative}.tooltip-icon{letter-spacing:0;text-transform:none;color:rgb(var(--accent-primary) / .65);cursor:help;font-size:11px;font-weight:400;line-height:1;transition:color .15s}.tooltip-wrap:hover .tooltip-icon{color:rgb(var(--accent-primary))}.tooltip-bubble{border:1px solid rgb(var(--border-mid));color:rgb(var(--text-primary));letter-spacing:0;text-transform:none;white-space:normal;z-index:9999;pointer-events:none;background:#202036;border-radius:6px;width:220px;padding:8px 10px;font-size:12px;font-weight:400;line-height:1.5;position:fixed;transform:translate(-50%,calc(-100% - 6px));box-shadow:0 4px 12px #0006}.gap-input-group{align-items:center;gap:4px;display:flex}.gap-input{background:rgb(var(--bg-base));border:1px solid rgb(var(--border-mid));border-radius:var(--radius-md);width:96px;color:rgb(var(--text-primary));text-align:right;padding:5px 8px;font-size:14px}.gap-input:focus{border-color:rgb(var(--accent-primary));box-shadow:0 0 0 2px rgb(var(--accent-primary) / .15);outline:none}.gap-unit{color:rgb(var(--text-muted));font-size:12px}.gap-sync-divider{background:rgb(var(--border-subtle));flex-shrink:0;width:1px;height:20px}.youtube-input{background:rgb(var(--bg-base));border:1px solid rgb(var(--border-mid));border-radius:var(--radius-md);min-width:200px;color:rgb(var(--text-primary));flex:1;padding:5px 10px;font-size:13px}.youtube-input::placeholder{color:rgb(var(--text-dim))}.youtube-input:focus{border-color:rgb(var(--accent-primary));box-shadow:0 0 0 2px rgb(var(--accent-primary) / .15);outline:none}.gap-sync-transport{align-items:center;gap:8px;display:flex}.btn-transport{background:rgb(var(--bg-elevated));border:1px solid rgb(var(--border-mid));color:rgb(var(--accent-primary));border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);padding:5px 14px;font-size:13px;font-weight:600}.btn-transport:hover{background:rgb(var(--accent-primary) / .12);border-color:rgb(var(--accent-primary) / .5);box-shadow:var(--glow-orange)}.seek-slider{width:100%;accent-color:rgb(var(--accent-primary));cursor:pointer;margin-top:6px}.video-clock{font-variant-numeric:tabular-nums;color:rgb(var(--accent-primary));text-align:right;min-width:38px;font-size:12px}.btn-sync{background:rgb(var(--bg-elevated));border:1px solid rgb(var(--border-mid));color:rgb(var(--text-primary));border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);padding:5px 12px;font-size:13px}.btn-sync:hover{background:rgb(var(--accent-primary) / .12);border-color:rgb(var(--accent-primary) / .6);color:rgb(var(--accent-primary-2))}.btn-yt-search{color:#ff6b6b;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast);background:#ff000014;border:1px solid #ff3c3c4d;padding:5px 12px;font-size:13px}.btn-yt-search:hover{background:#ff00002e;border-color:#ff3c3c99}.btn-yt-search:disabled{opacity:.5;cursor:default}.btn-yt-clear{border:1px solid rgb(var(--border-mid));color:rgb(var(--text-muted));border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;padding:5px 10px;font-size:13px}.btn-yt-clear:hover{border-color:rgb(var(--accent-primary));color:rgb(var(--text-primary))}.btn-yt-other{color:rgb(var(--text-muted));cursor:pointer;text-align:left;transition:color var(--transition-fast);background:0 0;border:none;padding:2px 0;font-size:12px}.btn-yt-other:hover{color:rgb(var(--accent-primary))}.yt-search-results{border:1px solid rgb(var(--border-subtle));border-radius:var(--radius-md);flex-direction:column;gap:2px;margin-top:8px;display:flex;overflow:hidden}.yt-search-result{background:rgb(var(--bg-panel));cursor:pointer;text-align:left;transition:background var(--transition-fast);border:none;align-items:center;gap:10px;width:100%;padding:7px 10px;display:flex}.yt-search-result:hover{background:rgb(var(--bg-elevated))}.yt-result-thumb{object-fit:cover;border-radius:var(--radius-sm);background:rgb(var(--bg-base));flex-shrink:0;width:80px;height:45px}.yt-result-info{flex-direction:column;gap:3px;min-width:0;display:flex}.yt-result-title{color:rgb(var(--text-primary));-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.yt-result-meta{color:rgb(var(--text-muted));white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:11px;overflow:hidden}.yt-search-msg{color:rgb(var(--text-muted));margin-top:8px;padding:8px 4px;font-size:13px}.bg-preview-wrap{border-radius:var(--radius-md);aspect-ratio:16/9;position:relative;overflow:hidden}.bg-preview{object-fit:cover;width:100%;height:100%;display:block}.bg-preview-label{color:#fff9;text-transform:uppercase;letter-spacing:.08em;font-size:11px;position:absolute;bottom:6px;left:8px}.video-source-switcher{border:1px solid rgb(var(--border-mid));border-radius:var(--radius-md);gap:0;width:100%;display:flex;overflow:hidden}.video-source-switcher .tooltip-wrap{flex:1;display:flex}.video-source-switcher .tooltip-wrap .vsw-btn{flex:1;width:100%}.vsw-btn{color:rgb(var(--text-muted));cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;flex:1;min-width:0;padding:5px 8px;font-size:12px;font-weight:600;overflow:hidden}.vsw-btn+.vsw-btn{border-left:1px solid rgb(var(--border-mid))}.vsw-btn:hover{background:rgb(var(--accent-primary) / .08);color:rgb(var(--accent-primary-2))}.vsw-btn--active{background:rgb(var(--accent-primary) / .15);color:rgb(var(--accent-primary-2))}.media-empty-state{border:1px dashed rgb(var(--border-mid));border-radius:var(--radius-md);background:rgb(var(--bg-base) / .4);justify-content:center;align-items:center;min-height:120px;display:flex}.btn-choose-file{cursor:pointer;border:1px solid rgb(var(--accent-primary) / .4);border-radius:var(--radius-md);background:rgb(var(--accent-primary) / .08);color:rgb(var(--accent-primary-2));transition:background var(--transition-fast);padding:8px 18px;font-size:13px;font-weight:600}.btn-choose-file:hover{background:rgb(var(--accent-primary) / .18)}.media-empty-hint{color:rgb(var(--text-muted));font-size:12px}.yt-player-wrap,.local-video-wrap{flex-direction:column;gap:8px;display:flex}.local-video-wrap--hidden,.yt-player-wrap--hidden{display:none}.yt-player,.local-video{aspect-ratio:16/9;border-radius:var(--radius-md);background:#000;width:100%;display:block;overflow:hidden}.yt-player iframe{border:none;width:100%;height:100%}.yt-hint{color:rgb(var(--text-muted));margin:0;font-size:12px}.yt-hint-live{color:rgb(var(--accent-primary));margin:0;font-size:12px}.yt-error{color:#ff6a6a;font-size:13px}.btn-primary{background:rgb(var(--accent-primary));border:1px solid rgb(var(--accent-primary));color:#111;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-fast);padding:6px 14px;font-size:13px;font-weight:600}.btn-primary:hover{background:rgb(var(--accent-primary-2));border-color:rgb(var(--accent-primary-2));box-shadow:var(--glow-orange)}.btn-secondary{border:1px solid rgb(var(--border-mid));color:rgb(var(--text-muted));border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;padding:6px 14px;font-size:13px}.btn-secondary:hover{border-color:rgb(var(--accent-primary));color:rgb(var(--text-primary))}.lyrics-column{flex-direction:column;display:flex}.lyrics-view-toggle{flex-shrink:0;align-items:stretch;margin-top:12px;margin-bottom:8px;padding:0 0 0 8px;display:flex}.lvt-btn{color:rgb(var(--text-muted));letter-spacing:.07em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:color var(--transition-fast);background:0 0;border:none;padding:9px 16px;font-size:11px;font-weight:700;position:relative}.lvt-btn:after{content:"";background:rgb(var(--accent-primary));height:2px;transition:transform .2s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.lvt-btn:hover{color:rgb(var(--text-primary))}.lvt-btn--active{color:rgb(var(--accent-primary-2))}.lvt-btn--active:after{transform:scaleX(1)}.waveform-view{flex-direction:column;gap:10px;padding:12px;display:flex}.waveform-canvas-wrap{border-radius:var(--radius-md);background:#0d0d1a;justify-content:center;align-items:center;width:100%;min-height:120px;display:flex;position:relative;overflow:hidden}.waveform-canvas{cursor:crosshair;width:100%;display:block}.waveform-status{color:rgb(var(--text-muted));text-align:center;padding:16px;font-size:12px}.waveform-status--error{color:#ff6b6b}.waveform-controls{flex-direction:column;gap:6px;display:flex}.waveform-hint{color:rgb(var(--accent-primary));font-size:11px;line-height:1.4}.waveform-actions{align-items:center;gap:8px;display:flex}.btn-sm{padding:4px 10px;font-size:12px}.waveform-zoom-reset{background:rgb(var(--bg-elevated));border:1px solid rgb(var(--border-subtle));color:rgb(var(--text-muted));border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast)}.waveform-zoom-reset:hover{color:rgb(var(--accent-primary-2));border-color:rgb(var(--accent-primary) / .4)}.waveform-zoom-group{background:rgb(var(--bg-elevated));border:1px solid rgb(var(--border-default));border-radius:var(--radius-sm);align-items:center;display:inline-flex;overflow:hidden}.waveform-zoom-btn,.waveform-zoom-level{color:rgb(var(--text-secondary));cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;padding:4px 10px;font-size:13px;font-weight:600;line-height:1}.waveform-zoom-level{text-align:center;border-left:1px solid rgb(var(--border-default));border-right:1px solid rgb(var(--border-default));font-variant-numeric:tabular-nums;min-width:28px}.waveform-zoom-btn:hover:not(:disabled),.waveform-zoom-level:hover:not(:disabled){color:rgb(var(--accent-primary-2));background:rgb(var(--accent-primary) / .08)}.waveform-zoom-btn:disabled,.waveform-zoom-level:disabled{opacity:.35;cursor:default}.duet-header{z-index:10;background:rgb(var(--bg-base));border-bottom:1px solid rgb(var(--border-subtle));grid-template-columns:1fr 32px 1fr;gap:0;padding:0 0 0 36px;display:grid;position:sticky;top:0}.duet-col-label{letter-spacing:.1em;text-transform:uppercase;padding:4px 14px;font-size:11px;font-weight:600}.singer-name-input{color:rgb(var(--text-primary) / .75);width:100%;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:8px 14px;font-size:13px;font-weight:600}.singer-name-input:focus{color:rgb(var(--text-primary));outline:none}.singer-name-input::placeholder{color:rgb(var(--text-dim));text-transform:none;letter-spacing:0;font-weight:400}.singer-name-input--1:focus{border-color:rgb(var(--accent-singer1))}.singer-name-input--2:focus{border-color:rgb(var(--accent-singer2))}.singer-name-input--1:not(:placeholder-shown){color:rgb(var(--accent-singer1))}.singer-name-input--2:not(:placeholder-shown){color:rgb(var(--accent-singer2))}.phrases{flex-direction:column;gap:0;display:flex}.phrase{border-radius:var(--radius-md);transition:background var(--transition-fast);border:1px solid #0000;grid-template-columns:28px 1fr 32px 1fr;align-items:center;gap:0;display:grid}.phrase:hover{background:rgb(var(--bg-panel));border-color:rgb(var(--border-subtle))}.phrase-number{color:rgb(var(--text-dim));text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;padding-right:8px;font-size:11px}.phrase-col{align-items:center;min-height:30px;padding:5px 14px;display:flex}.phrase-col--1,.phrase-col--2{padding-right:24px}.phrase>.tooltip-wrap{border-left:1px solid rgb(var(--border-subtle) / .6);border-right:1px solid rgb(var(--border-subtle) / .6);justify-content:center;align-self:stretch;align-items:center;margin-top:-1px;margin-bottom:-1px;display:flex}.assign-btn{color:rgb(var(--text-dim));cursor:pointer;border-radius:var(--radius-md);width:32px;height:32px;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.assign-btn:hover{background:rgb(var(--accent-primary) / .08);color:rgb(var(--accent-primary-2))}.assign-btn--to2{color:#5a5a7e}.assign-btn--to1{color:#7e5a7e}.assign-btn--both{color:rgb(var(--accent-primary));font-size:12px}.phrase--active{background:rgb(var(--accent-singer1) / .1);border-radius:var(--radius-md);outline:1px solid rgb(var(--accent-singer1) / .2);outline-offset:-1px}.phrase--active .phrase-number{color:rgb(var(--accent-singer1));font-weight:600}.syllable.active-note{color:rgb(var(--accent-singer1) / .85);font-weight:600}.phrase-text{color:rgb(var(--text-primary) / .85);font-size:16px;line-height:1.5}.phrase-text .syllable{display:inline}.phrase-text .syllable.golden{color:rgb(var(--accent-golden));text-shadow:var(--glow-golden)}.phrase-text .syllable.freestyle{color:rgb(var(--accent-singer1));font-style:italic}.landing-footer{justify-content:center;gap:20px;margin-top:32px;font-size:.8rem;display:flex}.landing-footer a{color:rgb(var(--text-primary) / .35);text-decoration:none}.landing-footer a:hover{color:rgb(var(--text-primary) / .65)}.landing-footer-version{color:rgb(var(--text-primary) / .2)}.floatingchat-container-wrap,.floatingchat-container-wrap-mobi{bottom:16px!important;left:auto!important;right:16px!important}.header-controls{align-items:center;gap:8px;margin-left:auto;display:flex}.lang-toggle{margin-left:0}.help-btn{border:1px solid rgb(var(--border-subtle));width:24px;height:24px;color:rgb(var(--text-muted));cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:3px 8px;font-size:12px;font-weight:700;transition:color .15s,border-color .15s,background .15s;display:flex}.help-btn:hover{color:rgb(var(--accent-primary));border-color:rgb(var(--accent-primary) / .5);background:rgb(var(--accent-primary) / .08)}.help-dialog{background:0 0;border:none;width:min(560px,92vw);max-height:85vh;margin:auto;padding:0;position:fixed;inset:0;overflow:visible}.help-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009}.help-dialog-inner{border:1px solid rgb(var(--border-mid));border-radius:var(--radius-lg);background:#202036;flex-direction:column;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0009}.help-dialog-header{border-bottom:1px solid rgb(var(--border-subtle));flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.help-dialog-header h2{color:rgb(var(--text-primary));margin:0;font-size:15px;font-weight:700}.help-dialog-close{color:rgb(var(--text-muted));cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;padding:4px 6px;font-size:14px;line-height:1}.help-dialog-close:hover{color:rgb(var(--text-primary));background:rgb(var(--accent-primary) / .08)}.help-dialog-body{flex-direction:column;gap:20px;padding:20px;display:flex;overflow-y:auto}.help-section-heading{color:rgb(var(--accent-primary));letter-spacing:.02em;margin:0 0 6px;font-size:13px;font-weight:700}.help-section-body{color:rgb(var(--text-primary) / .85);margin:0;font-size:13px;line-height:1.55}.help-section-list{flex-direction:column;gap:3px;margin:6px 0 0;padding-left:18px;display:flex}.help-section-list li{color:rgb(var(--text-primary) / .75);font-size:13px;line-height:1.45}