:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:.45rem;font-size:clamp(1.9rem,4vw,3rem)}h3{margin-bottom:.25rem}.brand{letter-spacing:.32em;font-size:.78rem;font-weight:900}.eyebrow{letter-spacing:.18em;color:#697386;margin-bottom:.5rem;font-size:.72rem;font-weight:800}.muted{color:#697386}.metadata{color:#697386;overflow-wrap:anywhere;font-size:.84rem}.center-shell,.player-shell{place-items:center;min-height:100vh;padding:2rem;display:grid}.panel,.screen-card,.player-card{background:#fff;border:1px solid #e4e8ef;border-radius:18px;box-shadow:0 14px 40px #1e2a3e12}.login-panel{width:min(420px,100%);padding:2.25rem}.login-panel h1{margin-top:.65rem}.stack{gap:1rem;display:grid}label{gap:.42rem;font-size:.84rem;font-weight:700;display:grid}input,select,textarea{color:#172033;background:#fff;border:1px solid #d7dde7;border-radius:10px;outline:none;width:100%;padding:.78rem .85rem}input:focus,select:focus,textarea:focus{border-color:#172033;box-shadow:0 0 0 3px #17203314}.checkbox-row{align-items:center;gap:.65rem;display:flex}.checkbox-row input{width:auto;margin:0}.primary,.secondary{border:1px solid #0000;border-radius:10px;padding:.72rem 1rem;font-weight:800}.primary{color:#fff;background:#172033}.secondary{color:#172033;background:#fff;border-color:#d7dde7}.secondary.danger{color:#a02e2e}.link-button{align-items:center;text-decoration:none;display:inline-flex}.error{color:#9a2d2d;background:#fff3f3;border:1px solid #f0caca;border-radius:10px;padding:.8rem 1rem;font-size:.9rem}.error.compact{margin-top:.75rem}.app-shell{min-height:100vh}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #e4e8ef;justify-content:space-between;align-items:center;gap:1rem;height:72px;padding:0 clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.top-actions{align-items:center;gap:.75rem;display:flex}.content{width:min(1180px,100% - 2rem);margin:0 auto;padding:3rem 0 5rem}.hero-row{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem;display:flex}.compact-hero{margin-top:2.5rem}.create-form{grid-template-columns:1.1fr 1.2fr 1.5fr 1fr auto;align-items:end;gap:.8rem;margin-bottom:1.5rem;padding:1.25rem;display:grid}.screen-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1rem;display:grid}.screen-card{padding:1.25rem}.screen-card-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.badge{border-radius:999px;padding:.3rem .55rem;font-size:.72rem;font-weight:800}.badge.active{color:#277346;background:#e9f8ef}.badge.inactive{color:#6e7580;background:#f1f2f4}.device-state,.pair-box{border-top:1px solid #eef1f5;margin-top:1.15rem;padding-top:1.15rem}.device-state{gap:.55rem;display:grid}.pair-box{grid-template-columns:1fr auto;align-items:end;gap:.75rem;display:grid}.status-row{align-items:center;gap:.55rem;display:flex}.presence-dot{border-radius:50%;width:10px;height:10px}.presence-dot.online{background:#23a45d;box-shadow:0 0 0 4px #e5f7ed}.presence-dot.offline{background:#a7adb7}.empty-state{color:#697386;text-align:center;border:1px dashed #cfd6e0;border-radius:16px;padding:2rem}.runtime-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.runtime-grid .panel{padding:1.25rem}.assignment-list{gap:.7rem;padding-top:.4rem;display:grid}.assignment-row{border-top:1px solid #eef1f5;justify-content:space-between;align-items:center;gap:1rem;padding-top:.8rem;display:flex}.player-shell{background:radial-gradient(circle at top,#fff 0,#f4f6f9 58%)}.player-card{text-align:center;width:min(720px,100%);padding:clamp(2rem,6vw,4rem)}.player-card .brand{margin-bottom:2.5rem}.pairing-pin{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#111827;margin:2rem auto 1rem;font-size:clamp(3rem,12vw,6.5rem);font-weight:900;line-height:1}.success-mark{color:#20834b;background:#e7f8ee;border-radius:50%;place-items:center;width:78px;height:78px;margin:0 auto 1.5rem;font-size:2rem;font-weight:900;display:grid}.player-screen-name{font-size:1.4rem;font-weight:800}.player-device-id{color:#a0a7b2;overflow-wrap:anywhere;margin-top:2.5rem;font-size:.75rem}.runtime-player-shell{color:#fff;background:#111827;place-items:center;min-height:100vh;padding:clamp(2rem,6vw,6rem);display:grid}.message-presentation{text-align:center;width:min(1100px,100%)}.message-presentation h1{font-size:clamp(3rem,9vw,8rem)}.message-presentation p{white-space:pre-wrap;font-size:clamp(1.4rem,3.2vw,3rem);line-height:1.35}.runtime-meta{opacity:.45;margin-top:3rem;font-size:.75rem}.website-presentation-shell{background:#111827;position:fixed;inset:0}.website-presentation-frame{background:#fff;border:0;width:100%;height:100%}.website-runtime-meta{color:#fff;pointer-events:none;background:#111827b8;border-radius:6px;margin:0;padding:.3rem .5rem;position:fixed;bottom:.5rem;right:.7rem}@media (width<=850px){.topbar{align-items:flex-start;height:auto;padding-top:.8rem;padding-bottom:.8rem}.top-actions{flex-wrap:wrap;justify-content:flex-end}.create-form{grid-template-columns:1fr 1fr}.runtime-grid{grid-template-columns:1fr}}@media (width<=580px){.topbar{display:block}.top-actions{justify-content:flex-start;margin-top:.8rem}.top-actions .muted{width:100%}.hero-row{align-items:flex-start}.create-form,.pair-box{grid-template-columns:1fr}}.success-notice{background:#f3faf5;border:1px solid #cfe3d4;border-radius:10px;margin:1rem 0;padding:.8rem 1rem}.media-source-form{margin-bottom:1.25rem;padding:1.25rem}.media-library-panel{padding:1.25rem}.media-filter-grid{grid-template-columns:minmax(220px,2fr) repeat(3,minmax(140px,1fr));gap:.8rem;display:grid}.media-bulk-bar{background:#f5f7fa;border-radius:12px;align-items:center;gap:.75rem;margin:1rem 0;padding:.75rem;display:flex}.media-bulk-bar select{width:auto;min-width:220px}.media-library-header,.media-library-row{grid-template-columns:28px 88px minmax(220px,2fr) minmax(130px,1fr) minmax(120px,1fr);align-items:center;gap:1rem;display:grid}.media-library-header{color:#697386;text-transform:uppercase;letter-spacing:.04em;padding:1rem .75rem .55rem;font-size:.78rem;font-weight:800}.media-library-row{border-top:1px solid #e4e8ef;min-height:88px;padding:.7rem .75rem}.media-library-row.selected{background:#f5f7fa}.media-library-row>input{width:auto;margin:0}.media-library-thumbnail,.media-library-placeholder{background:#f5f7fa;border:1px solid #e4e8ef;border-radius:9px;width:80px;height:64px}.media-library-thumbnail{object-fit:cover;display:block}.media-library-placeholder{color:#697386;place-items:center;font-size:.72rem;font-weight:800;display:grid}.media-library-empty{border-top:1px solid #e4e8ef;padding:2rem .75rem}@media (width<=820px){.media-filter-grid{grid-template-columns:1fr 1fr}.media-library-header{display:none}.media-library-row{grid-template-columns:28px 80px 1fr}.media-library-row>:nth-child(4),.media-library-row>:nth-child(5){grid-column:3}.media-bulk-bar{flex-direction:column;align-items:stretch}.media-bulk-bar select{width:100%}}