*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial;background:#f3f5f8;color:#18202a}a{color:#1769aa;text-decoration:none}button,.btn,.bigbtn{border:0;border-radius:10px;padding:11px 16px;font:inherit;cursor:pointer;background:#e8edf3;color:#15202b;display:inline-flex;align-items:center;justify-content:center}.primary,button.primary{background:#1269d3;color:#fff}.danger{background:#c92c38!important;color:#fff!important}.ghost{background:#fff;border:1px solid #ccd4df}.home{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#111a28,#24476d)}.homebox{width:min(650px,92vw);text-align:center;color:#fff}.homebox h1{font-size:52px;margin:0}.homebox p{opacity:.8}.homeactions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:35px 0}.bigbtn{font-size:22px;padding:30px;background:#fff}.bigbtn.secondary{background:#1673d1;color:#fff}.adminlink{color:#b9cee2}.top{height:64px;padding:0 max(20px,calc((100% - 1100px)/2));display:flex;align-items:center;justify-content:space-between;background:#172333;color:#fff}.top nav{display:flex;gap:16px}.top a{color:#fff}.wrap{max-width:1100px;margin:25px auto;padding:0 15px}.card{background:#fff;border-radius:14px;padding:24px;box-shadow:0 5px 24px #20304014;margin-bottom:22px}.narrow{max-width:440px;margin:8vh auto}label{display:block;font-weight:600;margin:14px 0}input{width:100%;padding:12px;border:1px solid #ccd5df;border-radius:9px;margin-top:6px;font:inherit}.err,.ok{padding:12px;border-radius:8px;margin:12px 0}.err{background:#ffe6e6;color:#a41414}.ok{background:#e5f8e9;color:#176629}.inlineform{display:grid;grid-template-columns:1fr 1fr auto auto;gap:8px;align-items:end}.table{overflow:auto}table{border-collapse:collapse;width:100%;margin-top:18px}td,th{padding:11px;border-bottom:1px solid #e5e9ef;text-align:left}.mini{display:inline}.eventgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.eventcard{border:1px solid #dfe5ec;border-radius:12px;padding:16px}.eventcard h3{margin-top:0}.bannerpreview{max-height:160px;max-width:100%;border-radius:8px}.mediaitem{display:grid;grid-template-columns:28px 1fr 60px auto auto auto;gap:8px;align-items:center;padding:9px;border:1px solid #e1e6ed;border-radius:10px;margin:8px 0}.mediaitem input{margin:0}.drag{font-size:22px}.actions{display:flex;gap:10px;margin-top:22px}.remoteMain{display:flex;gap:9px;flex-wrap:wrap}.playlist{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4e8ee;padding:12px 0}.playlist span{display:flex;flex-direction:column}.playlist small{opacity:.6}.tv{background:#000;overflow:hidden;width:100vw;height:100vh}.tv #stage{width:100vw;height:100vh;display:grid;place-items:center;background:#000;color:#fff}.standby{font-size:min(10vw,120px);font-weight:800;opacity:.14;letter-spacing:.08em}.tvbanner,.tvmedia{width:100%;height:100%;object-fit:contain}.audioScreen{width:100%;height:100%;display:grid;place-items:center;align-content:center;text-align:center}.audioScreen img{max-width:80%;max-height:70vh;object-fit:contain}.audioScreen h1{color:#fff;font-size:4vw}#tvControls{position:fixed;right:18px;bottom:18px;z-index:20;transition:.25s}#tvControls.hidden{opacity:0;pointer-events:none}#exitfs{display:none}@media(max-width:650px){.homeactions{grid-template-columns:1fr}.inlineform{grid-template-columns:1fr}.mediaitem{grid-template-columns:25px 1fr;}.mediaitem>*{grid-column:auto}.top{padding:0 12px}.top nav{gap:8px;font-size:13px}}
.nowplaying{margin:18px 0;padding:14px;border:1px solid #ddd;border-radius:10px}.progress{height:10px;background:#ddd;border-radius:20px;overflow:hidden;margin:10px 0}.progress i{display:block;width:0;height:100%;background:#333}.playlist>div{display:flex;gap:6px}
.uploadHead,.mediaRow{display:grid;grid-template-columns:55px minmax(180px,1.3fr) minmax(180px,1fr) minmax(180px,1fr) auto;gap:10px;align-items:center}.uploadHead{padding:8px 10px;background:#f1f4f8;border-radius:9px;margin-bottom:7px}.mediaRow{padding:9px;border:1px solid #e1e6ed;border-radius:10px;margin:8px 0}.mediaRow input{margin:0}.stt{text-align:center;font-weight:700}.fileDone{padding:10px;background:#eef5ef;border-radius:8px}.uploadProgress{height:10px;background:#dfe4ea;border-radius:20px;overflow:hidden}.uploadProgress i{display:block;height:100%;width:0;background:#333;transition:.15s}.uploadStatus small{display:block;margin-top:4px}.rowActions{display:flex;gap:5px}.soundCtl{display:flex;align-items:center;gap:10px;margin:15px 0;padding:12px;background:#f5f7fa;border-radius:10px}.soundCtl input[type=range]{width:min(360px,50vw);margin:0}.seek{cursor:pointer}.videoPreview{margin:15px 0;background:#111;border-radius:12px;overflow:hidden}.videoPreview video{display:block;width:100%;max-height:480px;background:#000}.hidden{display:none!important}@media(max-width:800px){.uploadHead{display:none}.mediaRow{grid-template-columns:42px 1fr}.mediaRow>*{min-width:0}.rowActions,.uploadStatus{grid-column:2}.soundCtl{flex-wrap:wrap}}
.youtubeAdd{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px;background:#f5f7fa;border-radius:10px;margin:10px 0 16px}.youtubeAdd input{margin:0}.youtubeAdd small{grid-column:1/-1}.videoPreview{width:min(720px,100%);margin:15px auto;aspect-ratio:16/9;max-height:405px}.videoPreview video,.videoPreview iframe,.videoPreview #ytMonitor{width:100%!important;height:100%!important;max-height:405px;display:block;border:0;background:#000}.remote .card{overflow:hidden}.playlist{min-width:0}.playlist span{min-width:0}.playlist span b{overflow-wrap:anywhere}@media(max-width:700px){.youtubeAdd{grid-template-columns:1fr}.youtubeAdd small{grid-column:1}.videoPreview{max-height:none}}
/* FIX4 - one unified 16:9 preview */
.previewStage{position:relative;width:100%;max-width:960px;aspect-ratio:16/9;margin:16px auto 22px;background:#050505;border-radius:12px;overflow:hidden;box-shadow:0 4px 18px #0003}.previewLayer,.previewIdle{position:absolute;inset:0;width:100%;height:100%}.previewStage video{object-fit:contain;background:#000}.previewStage #ytWrap,.previewStage #ytPlayer,.previewStage #ytPlayer iframe{width:100%!important;height:100%!important;border:0;background:#000}.previewIdle{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#101722,#26384e)}.previewIdle strong{font-size:clamp(28px,5vw,58px);opacity:.35}.previewIdle span{opacity:.7;margin-top:8px}.audioVisual{display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:radial-gradient(circle at center,#263b58,#080b10)}.audioVisualInner{padding:25px}.audioVisual h2{font-size:clamp(20px,3vw,40px);margin:10px 0}.audioVisual p{opacity:.65}.musicIcon{font-size:clamp(70px,12vw,150px);line-height:1;color:#fff;opacity:.7}.tvYoutube{position:fixed;inset:0;width:100vw;height:100vh;background:#000;z-index:5}.tvYoutube #ytStagePlayer,.tvYoutube iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important}.tv #stage{position:fixed;inset:0}.tvMusic{font-size:min(20vw,220px)}
/* FIX4 - clearer numbered upload rows */
.uploadHead,.mediaRow{grid-template-columns:52px minmax(240px,1fr) minmax(230px,.9fr) minmax(170px,.65fr) auto}.uploadHead{font-size:14px}.mediaRow .newFile{padding:8px;background:#f8fafc}.mediaRow .newTitle{font-weight:600}.mediaRow .stt{font-size:18px}.rowActions button{padding:9px 11px}@media(max-width:800px){.mediaRow{grid-template-columns:40px 1fr}.mediaRow .newTitle,.mediaRow .fileDone,.mediaRow .newFile,.mediaRow .uploadStatus,.mediaRow .rowActions{grid-column:2}.previewStage{border-radius:8px}}