:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#07101f;color:#f7fbff}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 80% 0,#163b7a 0,transparent 35%),#07101f}.panel{width:min(560px,92vw);padding:32px}.brand{display:flex;gap:10px;align-items:center;margin-bottom:24px}.brand-dot{width:14px;height:14px;border-radius:50%;background:#28d7ff;box-shadow:0 0 24px #28d7ff}.brand small{margin-left:auto;color:#8da2bd}.card{padding:28px;border:1px solid #264766;border-radius:24px;background:#0b192cdd;box-shadow:0 24px 70px #0007}.card+.card{margin-top:16px}.eyebrow{color:#38d8ff;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem}.muted,.feedback{color:#9fb0c6;line-height:1.55}.stack{display:grid;gap:16px}.stack label{display:grid;gap:7px;color:#c9d7e6}.stack input{width:100%;padding:13px 14px;border:1px solid #31506d;border-radius:12px;background:#071321;color:#fff;font:inherit}.stack button,.viewer-bar button{border:0;border-radius:12px;padding:13px 18px;background:#19bde8;color:#04111d;font-weight:800;cursor:pointer}.hidden{display:none}.feedback.error{color:#ff8c9b}.feedback.success{color:#61e6b2}.viewer-shell{height:100vh;overflow:hidden;background:#02060c}.viewer-bar{height:56px;display:flex;align-items:center;gap:18px;padding:0 18px;background:#0b1728;border-bottom:1px solid #233b54}.viewer-bar .status{margin-left:auto;color:#ffc96d}.viewer-bar .status.online{color:#66e4ad}.viewer-bar button{padding:8px 12px}.remote-stage{height:calc(100vh - 56px);display:grid;place-items:center;outline:0;background:#030913}.remote-stage img{display:none;max-width:100%;max-height:100%;object-fit:contain;user-select:none}.remote-stage img.ready{display:block}.remote-stage p{color:#8799ae}@media(max-width:600px){.panel{padding:18px}.card{padding:21px}.viewer-bar span:nth-of-type(1){display:none}}