/* SW Mediacenter: three selectable black/red themes. */
body{--accent:#f43d50;--accent-light:#ff8995;--panel:#140e13;--surface:#1e131b;--field:#0c090d;--muted:#aa939f;--edge:linear-gradient(135deg,#fb4357,#601526 38%,#25111a 70%,#b92943);--radius:14px;--button:#c9233c;--glow:0 8px 30px #9e092014;background:#09080b;color:#f5e9ee;--line:#38202d;--blue:#ff6b7d}
body[data-theme=obsidian]{--accent:#ed243b;--accent-light:#f6c4ca;--panel:#111113;--surface:#19191d;--field:#09090b;--muted:#a5a0a8;--edge:linear-gradient(115deg,#d3263b,#69616b 28%,#202024 62%,#c71d33);--radius:4px;--button:#c5172d;--glow:none;background:#070708;--line:#30272d}
body[data-theme=ruby]{--accent:#ed557b;--accent-light:#ffbfd0;--panel:#211018;--surface:#321521;--field:#160b12;--muted:#b59ca9;--edge:linear-gradient(135deg,#ff92b0,#7a1939 32%,#32111f 60%,#e63d69);--radius:23px;--button:#ad2449;--glow:0 12px 45px #8f163223;background:#0e070c;--line:#492131}
.panel,.stat-card,.login-card,.design-card{border:1px solid transparent;border-radius:var(--radius);background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--edge) border-box;box-shadow:var(--glow)}
.sidebar{background:#0b090d;border-right:1px solid #41202d}.topbar{border-color:var(--line);color:var(--muted)}.nav-label,.sidebar-bottom small{color:var(--muted)}.nav-link{color:#bcabb5}.nav-link:hover{background:var(--surface)}.nav-link.active{background:linear-gradient(110deg,#7e152b66,#261019);color:var(--accent-light);box-shadow:inset 2px 0 var(--accent)}body[data-theme=obsidian] .nav-link.active{background:#271018}.nav-link .number{border-color:#53414c}.sidebar-bottom{border-color:var(--line)}#channelNav{scrollbar-color:#622639 transparent}.brand{letter-spacing:-.6px;font-size:15px;gap:10px}.brand strong{font-size:15px}.brand-image{width:53px;height:53px;object-fit:contain;flex-shrink:0}.sidebar>.brand{white-space:normal;flex-wrap:wrap;justify-content:center;text-align:center;row-gap:0;margin-bottom:12px}.sidebar>.brand .brand-image{width:89px;height:89px;flex-basis:100%}.login-intro .brand{font-size:24px;gap:15px;flex-wrap:wrap}.login-intro .brand strong{font-size:24px}.login-intro .brand-image{width:124px;height:124px}.login-intro h1{margin-top:32px}.login-page:before{background:radial-gradient(ellipse at 20% 42%,#6a10263b,transparent 65%)}body[data-theme=obsidian] .login-page:before{background:linear-gradient(110deg,#15090d,#08080a 70%)}body[data-theme=ruby] .login-page:before{background:radial-gradient(ellipse at 25% 40%,#6d173644,transparent 68%)}.login-detail{color:var(--muted)}.login-card{padding:34px}.eyebrow{color:var(--accent-light)}.primary{background:linear-gradient(115deg,var(--button),var(--accent));border-color:#ff839340;box-shadow:0 3px 16px #c00b2820}.primary:hover{background:var(--accent)}.secondary{background:var(--surface);border-color:#603345;color:#eedde5}.quiet{color:var(--muted)}.user-badge,.stat-card .stat-symbol{background:var(--surface);color:var(--accent-light)}.stat-card .stat-label,.stat-card small{color:var(--muted)}.stat-card strong{color:#f9edf1}.info-panel{background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--edge) border-box}.steps{color:var(--accent)}.steps strong{color:#f2dfe7}input:not([type=checkbox]):not([type=file]),select{background:var(--field);border-color:#4c2d3b;color:#f4e7ed}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e92e4b17}input[type=checkbox]{accent-color:var(--accent)}label{color:#cbb3c1}.switch{color:var(--muted)}input::placeholder{color:#876a7d}.file-zone{background:var(--surface);border-color:#914052}.file-zone:hover{background:var(--panel);border-color:var(--accent)}.upload-symbol,.playlist-order,.icon-button,.computed-end{background:var(--surface);color:var(--accent-light)}.icon-button{border-color:#603345}.playlist-row{background:var(--field);border-color:#4d2637;border-radius:var(--radius)}.playlist-total,.hint,small,p{color:var(--muted)}.timeline-item{border-color:#683244}.timeline-item:before{background:#a4516d}.timeline-item.current:before{background:var(--accent);box-shadow:0 0 0 4px #ec375322}.timeline-time{color:var(--accent-light)}.badge.subtle,.badge.off{background:var(--surface);color:#b89eae}.computed-end span,.computed-end small{color:var(--muted)}.computed-end strong{color:var(--accent-light)}progress{background:#321822;accent-color:var(--accent)}progress::-webkit-progress-bar{background:#321822}progress::-webkit-progress-value{background:linear-gradient(90deg,#8c152b,var(--accent))}.progress-heading{color:var(--accent-light)}th{color:var(--muted);border-color:var(--line)}td{color:#c5b0bf;border-color:var(--line)}td strong{color:#f3e5ec}td a.link{color:var(--accent-light)}.notice{border-color:#7d2944;background:#38101e;color:#ffd9e4}.notice.error{background:#450d18;border-color:#b52c47}.divider,.scheduled-row,.job-row,.sidebar-bottom{border-color:var(--line)}.optional,footer{color:#947080}.empty{color:var(--muted)}.steps p,.file-zone>span:not(.upload-symbol){color:var(--muted)}
.login-themes{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.login-themes>span{width:100%;font-size:10px;color:var(--muted);margin-bottom:3px}.login-themes button{background:var(--field);color:var(--muted);border:1px solid #51303e;font-size:9px;padding:8px}.login-themes button.is-selected{border-color:var(--accent);color:var(--accent-light)}
.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.design-card{overflow:hidden}.design-copy{padding:23px}.design-copy h2{font-size:22px;margin:11px 0}.design-copy p{min-height:63px}.design-copy button{margin-top:15px}.design-card .is-selected{box-shadow:0 0 0 2px #ffdbe477}.theme-preview{height:220px;background:radial-gradient(ellipse at 20% 25%,#aa183b55,transparent 70%),#0b080c;position:relative;display:grid;grid-template-columns:92px 1fr;gap:20px;align-items:center;padding:25px;border-bottom:1px solid #6f2237}.theme-preview img{width:92px;height:92px;object-fit:contain}.preview-lines{display:grid;gap:10px}.preview-lines span{height:8px;background:linear-gradient(90deg,#ef4966,#66283e);border-radius:7px}.preview-lines span:nth-child(2){width:75%}.preview-lines span:nth-child(3){width:50%}.preview-panels{grid-column:1/-1;display:flex;gap:12px}.preview-panels i{height:45px;flex:1;border:1px solid transparent;background:linear-gradient(#21111b,#21111b) padding-box,linear-gradient(120deg,#ff425c,#37121f,#aa2441) border-box;border-radius:12px}.preview-obsidian .theme-preview{background:#09090b;border-color:#bd263b}.preview-obsidian .preview-lines span{background:linear-gradient(90deg,#e6253d,#77717b);border-radius:0}.preview-obsidian .preview-panels i{background:linear-gradient(#151518,#151518) padding-box,linear-gradient(135deg,#ee2039,#69636f,#25191e) border-box;border-radius:2px}.preview-ruby .theme-preview{background:radial-gradient(ellipse at 50% 25%,#7a193966,transparent 85%),#1a0912}.preview-ruby .preview-lines span{background:linear-gradient(90deg,#ff9cb8,#7f294b)}.preview-ruby .preview-panels i{background:linear-gradient(#31121f,#31121f) padding-box,linear-gradient(135deg,#ffd5e2,#b52c57,#33111e) border-box;border-radius:20px}
.folder-picker,.logo-picker{position:relative;cursor:pointer;overflow:hidden;margin:0}.folder-picker input,.logo-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.folder-picker{margin-top:0}.selected-files{max-height:290px;overflow:auto;margin:12px 0}.selected-file{padding:10px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px}.selected-file strong{font-size:11px;font-weight:500;overflow-wrap:anywhere}.selected-file small{display:block;font-size:9px}.queue-status{color:var(--accent-light);white-space:nowrap}.channel-logo-editor{display:flex;gap:17px;align-items:center;padding:14px 0 20px;border-bottom:1px solid var(--line);margin-bottom:20px}.channel-logo-editor strong{font-size:12px}.channel-logo-editor p{font-size:10px}.channel-logo-editor .actions{margin-top:8px;gap:8px}.channel-logo-preview{width:83px;height:83px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:linear-gradient(var(--field),var(--field)) padding-box,var(--edge) border-box;border-radius:var(--radius)}.channel-logo-large{width:65px;height:65px;object-fit:contain}.logo-placeholder{display:flex;align-items:center;justify-content:center;color:var(--accent-light);background:var(--surface);font-size:10px;border:1px solid #5c3041;border-radius:5px}.channel-logo-large.logo-placeholder{font-size:23px;background:transparent;border:0}.channel-thumb{width:24px;height:24px;object-fit:contain;flex-shrink:0}.table-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0}.channel-cell{display:flex;align-items:center;gap:10px}.channel-caption small{display:block;font-size:10px}.nav-link{min-height:36px}.sidebar>.brand{flex-shrink:0}.sidebar .nav-label{flex-shrink:0}.sidebar-bottom{background:#0b090d}.logo-picker{font-size:10px;padding:8px 11px}
body[data-theme=obsidian] .panel-heading h2{text-transform:uppercase;letter-spacing:1px;font-size:13px}body[data-theme=obsidian] button,body[data-theme=obsidian] .button,body[data-theme=obsidian] input,body[data-theme=obsidian] select{border-radius:3px}body[data-theme=obsidian] .stat-card{border-top-width:2px}body[data-theme=ruby] .panel{padding:27px}body[data-theme=ruby] .primary{border-radius:20px}body[data-theme=ruby] .login-card{padding:40px}body[data-theme=ruby] h1{font-weight:550;letter-spacing:-1.4px}
@media(max-width:1100px){.design-grid{grid-template-columns:1fr}.theme-preview{height:180px;grid-template-columns:100px 1fr 1fr}.preview-panels{grid-column:auto}.preview-panels i{height:65px}.design-copy p{min-height:0}.brand strong{font-size:13px}.login-intro .brand-image{width:100px;height:100px}}
@media(max-width:760px){.brand,.brand strong{font-size:11px;gap:3px}.sidebar>.brand .brand-image{width:68px;height:68px}.login-intro .brand-image{width:80px;height:80px}.login-intro .brand,.login-intro .brand strong{font-size:19px}.channel-logo-editor{flex-wrap:wrap}.channel-logo-editor .actions{gap:5px}.theme-preview{grid-template-columns:70px 1fr;gap:14px;padding:20px}.theme-preview img{width:70px;height:70px}.preview-panels{grid-column:1/-1}.preview-panels i{height:35px}.design-copy{padding:20px}.panel-heading{flex-wrap:wrap}.login-themes button{font-size:9px}.nav-link{gap:5px}.nav-label{font-size:8px}.sidebar .nav-link{font-size:10px}.channel-thumb{width:20px;height:20px}}