:root{color-scheme:dark;--bg: #070a0f;--panel: rgba(255,255,255,.06);--border: rgba(255,255,255,.12);--text: #e8eef7;--muted: rgba(232,238,247,.72)}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.kiosk{width:min(1080px,100vw);height:min(1920px,100vh);margin:0 auto;display:grid;grid-template-rows:140px 1fr 140px;gap:14px;padding:14px}.top,.bottom{border:1px solid var(--border);border-radius:18px;background:var(--panel);overflow:hidden}.logo{width:100%;height:100%;object-fit:contain;padding:18px;display:block}.content{display:grid;grid-template-rows:1fr auto;gap:12px;min-height:0}.mediaFrame{border:1px solid var(--border);border-radius:22px;background:#000;overflow:hidden;min-height:0;display:grid;place-items:center}.media{width:100%;height:100%;object-fit:contain;background:#000}.captionBox{border:1px solid var(--border);border-radius:18px;background:var(--panel);padding:16px 18px}.captionTitle{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.captionText{font-size:22px;line-height:1.25;font-weight:600;word-break:break-word}.placeholder{padding:24px;text-align:center;color:var(--muted);font-size:18px}.errTitle{font-size:18px;color:#ffb4b4;margin-bottom:6px}.errText{font-size:14px;color:var(--muted)}