.file-name .sf-name{color:#145e68;text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.sf-button{background:#225d66}.sourcebar select{min-width:230px}.lyric-preview{-webkit-user-select:none;user-select:none}.lyric-preview .lyric-run{text-overflow:clip;white-space:nowrap;width:100%;padding-left:12px;display:block;overflow:hidden}.lyric-preview .lyric-run span{color:var(--lyric-normal);font-family:var(--lyric-font), "Leelawadee UI", sans-serif;font-size:var(--lyric-size);text-shadow:0 0 3px var(--lyric-outline), 0 2px 7px var(--lyric-outline);position:static}.lyric-preview .lyric-run span.painted{color:var(--lyric-paint)}.lyric-preview .lyric-run span.cue-progress{display:inline-block;position:relative}.lyric-preview .lyric-run .cue-progress-base,.lyric-preview .lyric-run .cue-progress-fill{text-shadow:0 0 3px var(--lyric-outline), 0 2px 7px var(--lyric-outline);white-space:pre;position:static}.lyric-preview .lyric-run .cue-progress-base{color:var(--lyric-normal)}.lyric-preview .lyric-run .cue-progress-fill{color:var(--lyric-paint);position:absolute;inset:0;overflow:hidden}.cue-head,.cue-row{grid-template-columns:42px minmax(140px,1fr) 62px 96px 96px}.volume-control{color:#20363d;align-items:center;gap:7px;min-width:190px;font-size:12px;display:flex}.volume-control input{accent-color:var(--teal);width:110px}.volume-control b{min-width:34px}.time-readout{color:var(--muted);text-align:right}.settings-panel{z-index:30;background:#edf0f1;border:1px solid #66848b;border-radius:12px;gap:14px;width:360px;padding:15px;display:grid;position:fixed;top:82px;right:22px;box-shadow:0 14px 40px #132a3045}.settings-title{justify-content:space-between;align-items:center;display:flex}.settings-title div{flex-direction:column;display:flex}.settings-title span{color:var(--muted);font-size:11px}.settings-title button{background:#6c787d;padding:4px 11px}.settings-panel>label{gap:6px;display:grid}.settings-panel label>span{color:#27383d;font-size:12px;font-weight:700}.settings-panel select{color:#172126;background:#fff;width:100%;min-width:0;margin:0}.settings-panel input[type=range]{accent-color:var(--teal);width:100%}.song-metadata-settings{border-bottom:1px solid #c0c9cc;grid-template-columns:1fr 1fr 72px;gap:8px;padding-bottom:13px;display:grid}.song-metadata-settings>b{color:#203137;grid-column:1/-1;font-size:13px}.song-metadata-settings label{gap:5px;display:grid}.song-metadata-settings input[type=text]{color:#172126;font:inherit;background:#fff;border:1px solid #87989e;border-radius:7px;width:100%;min-width:0;padding:8px 9px}.song-metadata-settings input[type=text]:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 2px #176b7720}.color-settings{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.color-settings label{gap:6px;display:grid}.color-settings input[type=color]{background:#fff;border:1px solid #87989e;border-radius:7px;width:100%;height:38px;padding:3px}.reset-font{background:#56656b}.donate-button{background:#27735f;border-color:#1d6955;padding:8px 13px}.donate-overlay{z-index:60;background:#0a1115b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.donate-dialog{color:#172126;background:#eef1f2;border:1px solid #66848b;border-radius:16px;gap:12px;width:min(430px,100%);max-height:calc(100vh - 36px);padding:14px;display:grid;box-shadow:0 24px 70px #07101480}.donate-title{justify-content:space-between;align-items:center;display:flex}.donate-title div{flex-direction:column;display:flex}.donate-title b{font-size:17px}.donate-title span{color:#52656b;font-size:11px}.donate-title button{background:#647278;padding:4px 11px;font-size:18px}.donate-qr{object-fit:contain;background:#fff;border:1px solid #b4bec2;border-radius:12px;width:100%;max-height:calc(100vh - 180px);display:block}.donate-dialog p{color:#3b555d;text-align:center;margin:0;font-size:12px}@media (max-width:1180px){.sourcebar{flex-wrap:wrap}.sourcebar select{margin-left:0}}