@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#090e1c;font:14px 'DM Sans',Arial,sans-serif}button,input{font:inherit}button,a,input{outline-offset:4px}a{color:inherit;text-decoration:none}button{cursor:pointer;transition:background .15s,border-color .15s}button:disabled{opacity:.45;cursor:not-allowed}
.page-shell{--ink:#edf4ff;--muted:#a5b5cd;--subtle:#8598b4;--border:#293b57;--surface:#111c30;--input:#0b1426;--input-border:#354967;--placeholder:#758aa6;--accent:#39d3ed;--focus:#39d3ed40;--tint:#1a2d46;--hover:#213650;--danger:#ff9eaa;--success-bg:#102e2b;--success-ink:#9ae4cc;--success-border:#285448;--error-bg:#351d2c;--error-ink:#ffc0cb;--error-border:#623248;min-height:100svh;color:var(--ink);background:radial-gradient(ellipse at 10% 8%,#12385970,transparent 52%),radial-gradient(ellipse at 92% 95%,#68163138,transparent 50%),#090e1c;color-scheme:dark}
.page{max-width:1080px;margin:auto;padding:0 42px}.header{display:flex;align-items:center;justify-content:space-between;height:104px;border-bottom:1px solid var(--border);gap:20px}.brand{display:flex;align-items:center;gap:11px;font:800 25px Manrope,sans-serif;letter-spacing:-.8px}.brand img{width:38px;height:38px;object-fit:contain;border-radius:10px}.brand-tv{color:var(--accent)}.theme-switch{display:flex;gap:3px;padding:4px;border:1px solid var(--border);background:var(--input);border-radius:12px}.theme-switch button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:600}.theme-switch button[aria-pressed=true]{background:var(--tint);color:var(--ink);border-color:var(--input-border)}.theme-switch button:hover{background:var(--hover)}button:focus-visible,a:focus-visible{outline:3px solid var(--accent)}
main{padding-top:48px}.intro{margin-bottom:30px}.app-logo{display:inline-flex;align-items:center;width:290px;max-width:100%;min-height:82px;padding:7px 8px;margin-left:-8px}.app-logo img{display:block;width:100%;height:auto}.page-shell[data-theme=white] .app-logo{background:#0d172a;border:1px solid #253d5a;border-radius:17px;padding:12px 17px;margin-left:0;width:290px;box-shadow:0 9px 30px #12233f0b}.intro h1{font:750 34px/1.25 Manrope,sans-serif;letter-spacing:-1.2px;margin:21px 0 0}.upload-card{border:1px solid var(--border);background:var(--surface);border-radius:19px;box-shadow:0 18px 70px #02081412;overflow:hidden}.card-head{padding:25px 30px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px}.card-symbol{width:44px;height:44px;border:1px solid var(--border);border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--accent)}.card-head h2{font:700 17px Manrope,sans-serif;letter-spacing:-.4px;margin:0 0 6px}.card-head p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.step{margin-left:auto;font:500 10px 'DM Sans',sans-serif;letter-spacing:2px;color:var(--subtle);white-space:nowrap}
form{padding:32px 30px 25px}.fields{display:grid;grid-template-columns:minmax(220px,.9fr) 30px minmax(280px,1.5fr);gap:15px;align-items:start}label{min-width:0}label>span{display:block;font-size:12px;font-weight:600;color:var(--ink);margin-bottom:11px}input{width:100%;height:52px;border:1px solid var(--input-border);border-radius:9px;background:var(--input);padding:0 15px;color:var(--ink);font-size:13px;min-width:0}input::placeholder{color:var(--placeholder);opacity:1}input:focus{outline:3px solid var(--focus);border-color:var(--accent)}.mac-input{font-family:monospace;font-size:15px;letter-spacing:1px}label small{font-size:10px;color:var(--subtle);display:block;margin-top:11px;line-height:1.8}.field-link{display:grid;place-items:center;height:52px;margin-top:26px;color:var(--subtle)}
.actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:30px;padding-top:23px;border-top:1px solid var(--border)}.primary{background:linear-gradient(110deg,#fd485a,#d62a52);color:#fff;border:1px solid #f94b6e;border-radius:9px;padding:13px 21px;display:flex;align-items:center;gap:25px;font-size:13px;font-weight:650;min-width:133px;min-height:46px;justify-content:center;box-shadow:0 5px 16px #d62a5217}.primary:hover{background:linear-gradient(110deg,#ff5c6c,#e53760)}.delete{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--subtle);background:transparent;border:0;padding:12px 0;min-height:44px}.delete:hover{color:var(--danger)}
footer{margin-top:52px;border-top:1px solid var(--border);padding:22px 0 30px;color:var(--muted);font-size:10px}footer>span{font-weight:600}footer>span>span{color:var(--subtle);font-weight:400;margin-left:9px}.message{display:flex;align-items:center;gap:9px;line-height:1.8;padding:12px 14px;border-radius:9px;margin-top:25px;font-size:12px;overflow-wrap:anywhere}.message svg{flex-shrink:0}.success{background:var(--success-bg);color:var(--success-ink);border:1px solid var(--success-border)}.error{background:var(--error-bg);color:var(--error-ink);border:1px solid var(--error-border)}.confirm{background:var(--error-bg);border:1px solid var(--error-border);border-radius:9px;margin-top:16px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--error-ink)}.confirm strong{font-family:monospace;font-weight:500}.confirm button{background:transparent;border:0;color:var(--ink);font-size:12px;padding:10px 12px;min-height:40px;border-radius:6px}.confirm button:hover{background:var(--hover)}.confirm .confirm-delete{background:#b92e50;color:#fff;margin-left:5px}.confirm>div{white-space:nowrap}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.spin{animation:none}}
@media(max-width:750px){.page{padding:0 24px}.header{height:86px}main{padding-top:32px}.intro{margin-bottom:26px}.intro h1{font-size:29px;margin-top:18px}.app-logo,.page-shell[data-theme=white] .app-logo{width:250px;min-height:70px}.fields{grid-template-columns:1fr;gap:25px}.field-link{display:none}.card-head{padding:22px 24px}form{padding:25px 24px 23px}.actions{margin-top:26px}.confirm{flex-direction:column;align-items:flex-start}.confirm>div{align-self:flex-end}footer{margin-top:35px}.brand{font-size:22px}.brand img{width:33px;height:33px}.theme-switch button{font-size:11px;padding:8px 11px}}
@media(max-width:420px){.page{padding:0 18px}.header{gap:10px}.brand{gap:8px;font-size:20px}.theme-switch button{gap:5px;padding:7px 9px}.intro h1{font-size:27px}.card-head{padding:20px;gap:11px}.card-head h2{font-size:16px}.card-head p{font-size:11px}.card-symbol{height:38px;width:38px;flex-shrink:0}.step{display:none}form{padding:24px 20px 21px}.primary{min-width:110px;gap:16px}.delete{font-size:10px}}

footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}footer>a{color:var(--muted);font-size:12px}footer>a:hover{color:var(--accent)}
.playlist-sources{display:grid;gap:24px}.playlist-sources label{display:block}
.update-loading{padding:32px;color:var(--muted)}.update-login{max-width:480px;margin:auto;display:grid;gap:22px}.update-login .actions{margin-top:0}.release-fields{border:0;padding:0;margin:0;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}.release-fields .wide{grid-column:1/-1}select,textarea{width:100%;border:1px solid var(--input-border);border-radius:9px;background:var(--input);color:var(--ink);font:inherit;padding:14px 15px}select{height:52px}textarea{resize:vertical}select:focus,textarea:focus{outline:3px solid var(--focus);border-color:var(--accent)}.release-note{color:var(--muted);line-height:1.7;font-size:11px}.release-history{margin-top:34px}.release-history h2{font:700 18px Manrope,sans-serif;margin-bottom:20px}.release-history>p{color:var(--muted)}.release-history article{border:1px solid var(--border);background:var(--surface);padding:22px 25px;border-radius:13px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.release-history article p{font-size:12px;color:var(--muted);line-height:1.7;margin:8px 0 0}.release-history article a{display:flex;gap:9px;align-items:center;color:var(--accent);font-size:12px;white-space:nowrap}.release-notes{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:750px){.release-fields{grid-template-columns:1fr}.release-history article{align-items:flex-start;flex-direction:column}.release-note{max-width:48%}}
input[type=file]{padding:8px;line-height:34px;font-size:12px}input[type=file]::file-selector-button{border:1px solid var(--input-border);background:var(--tint);color:var(--ink);border-radius:5px;padding:8px 12px;margin-right:12px;cursor:pointer;font:inherit;line-height:16px}