*{box-sizing:border-box}html,body{color:#eee;background:#000;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.stage{cursor:none;background:#000;position:fixed;inset:0;overflow:hidden}.slot{opacity:0;transition:opacity 1.2s ease-in-out;position:absolute;inset:0}.slot.active{opacity:1}.slot .backdrop{filter:blur(40px)brightness(.55);background-position:50%;background-size:cover;position:absolute;inset:-40px;transform:scale(1.1)}.slot img,.slot video{object-fit:contain;background:0 0;width:100%;height:100%;position:absolute;inset:0}.empty{color:#888;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex;position:fixed;inset:0}.empty h1{color:#ccc;margin:0;font-size:28px;font-weight:500}.empty p{margin:0;font-size:18px}.empty code{color:#fff}.admin{max-width:960px;margin:0 auto;padding:32px 20px 80px}.admin h1{margin:0 0 4px;font-size:26px;font-weight:600}.admin .sub{color:#999;margin:0 0 24px;font-size:14px}.admin .sub a{color:#8ab4ff}.dropzone{text-align:center;color:#aaa;cursor:pointer;background:#0d0d0d;border:2px dashed #444;border-radius:12px;padding:36px 20px;transition:border-color .15s,background .15s;display:block}.dropzone.over{color:#fff;background:#101624;border-color:#8ab4ff}.dropzone input{display:none}.dropzone strong{color:#fff}.progress{gap:8px;margin-top:16px;display:grid}.progress .row{color:#bbb;grid-template-columns:1fr auto;gap:10px;font-size:13px;display:grid}.progress .bar{background:#222;border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.progress .bar span{background:#8ab4ff;height:100%;transition:width .2s;display:block}.progress .err{color:#ff8a8a}.list{gap:10px;margin-top:28px;display:grid}.item{background:#111;border:1px solid #222;border-radius:10px;grid-template-columns:120px 1fr auto;align-items:center;gap:16px;padding:10px;display:grid}.item .thumb{background:#000;border-radius:6px;justify-content:center;align-items:center;width:120px;height:68px;display:flex;overflow:hidden}.item .thumb img,.item .thumb video{object-fit:cover;width:100%;height:100%}.item .meta{min-width:0}.item .name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.item .info{color:#888;margin-top:3px;font-size:13px}.item .badge{text-transform:uppercase;letter-spacing:.05em;color:#8ab4ff;background:#223;border-radius:999px;margin-right:8px;padding:2px 7px;font-size:11px;display:inline-block}.item .badge.video{color:#d0a0ff;background:#2a2033}.item .actions{gap:6px;display:flex}button{font:inherit;cursor:pointer;color:#eee;background:#1a1a1a;border:1px solid #333;border-radius:7px;padding:7px 11px}button:hover{background:#262626}button:disabled{opacity:.4;cursor:default}button.danger{color:#ff8a8a;border-color:#4a2020}button.danger:hover{background:#2a1515}.toolbar{justify-content:space-between;align-items:center;margin-top:28px;display:flex}.toolbar h2{color:#ccc;margin:0;font-size:16px;font-weight:600}.hint{color:#777;font-size:13px}@media (max-width:600px){.item{grid-template-columns:90px 1fr}.item .thumb{width:90px;height:51px}.item .actions{grid-column:1/-1}}