:root{font-family:Inter,Segoe UI,Arial,sans-serif;background:#0b1210;color:#f1f5f2}*{box-sizing:border-box}body{margin:0;min-height:100vh}main{width:min(100%,550px);margin:auto;padding:28px 18px calc(32px + env(safe-area-inset-bottom))}header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:29px}.eyebrow{color:#80d4a3;font-size:11px;font-weight:850;letter-spacing:.19em;margin:0 0 8px}h1{font-size:30px;line-height:.98;letter-spacing:.035em;margin:0;font-weight:900}h1 span{color:#9becb7}h2{margin:0;font-size:20px;letter-spacing:.02em}.text-button{background:none;border:0;color:#b7c7bd;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}.panel{background:#17211d;border:1px solid #314139;border-radius:15px;padding:20px;margin-bottom:24px}.panel h2{margin-bottom:18px}label{display:block;color:#b6c8bb;font-weight:750;letter-spacing:.09em;font-size:11px;margin-bottom:8px}input,select{width:100%;padding:14px 12px;background:#0d1712;color:white;border:1px solid #425b49;border-radius:9px;font-size:16px}input:focus,select:focus,button:focus-visible{outline:2px solid #9becb7;outline-offset:2px}.primary{width:100%;min-height:59px;border:0;border-radius:10px;background:#9becb7;color:#102418;font-size:17px;font-weight:900;letter-spacing:.06em;cursor:pointer}.primary:disabled,.scene:disabled{opacity:.45;cursor:not-allowed}#login-form .primary{margin-top:18px}.error,#command-message{color:#ffb7a9;line-height:1.4;min-height:20px}.device-select{margin-bottom:16px}.device-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.device-heading h2{font-size:26px;margin:0}.status-dot{width:13px;height:13px;border-radius:50%;background:#768078}.status-dot.online{background:#7ef1a4;box-shadow:0 0 0 5px #7ef1a422}.status-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2b3b32;padding:12px 1px;color:#adbdaf}.status-row strong{color:#cbd6ce;font-size:13px;letter-spacing:.09em}.status-row strong.online{color:#8df3ac}.status-row strong.live{color:#ff756e}.current{border-top:1px solid #35463b;margin-top:7px;padding-top:22px}.current p{color:#8ba896;font-size:11px;font-weight:850;letter-spacing:.14em;margin:0 0 7px}.current strong{display:block;font-size:26px;overflow-wrap:anywhere}.current small{display:block;color:#91a79a;margin-top:7px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:24px 2px 12px}.section-head h2{font-size:15px;letter-spacing:.12em}.section-head span{color:#8ea398;font-size:12px}.scene-list{display:grid;gap:10px}.scene{width:100%;min-height:59px;border:1px solid #455b4b;border-radius:10px;background:#1d2b22;color:#f4f9f5;font-size:16px;font-weight:850;letter-spacing:.025em;text-align:left;padding:12px 16px;cursor:pointer;overflow-wrap:anywhere}.scene.current-scene{border-color:#9becb7;background:#315441;box-shadow:inset 4px 0 #9becb7}.scene.current-scene::after{content:'● ACTIVE';float:right;color:#aff6c2;font-size:11px;margin:3px 0 0 9px}.stream-control{margin-top:28px}.stream-control .end{background:#bd4e48;color:#fff}.notice{border:1px solid #7a5a38;background:#342c1e;color:#efcc92;border-radius:9px;padding:13px;line-height:1.4}#command-message{margin:14px 2px 0}@media(min-width:600px){main{padding-top:48px}}