:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#e7edf5;background:#0b1018;font-size:16px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{height:82px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #253043;background:#101722}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:650}.mark{color:#69dac8;font-size:29px}.small{font-size:14px;font-weight:400;color:#8f9eb3;border-left:1px solid #344158;padding-left:16px;margin-left:6px}main{max-width:1500px;margin:auto;padding:32px 5%}h1{font-size:32px;margin:18px 0}h2{font-size:18px;font-weight:600;margin:0 0 12px}p{line-height:1.7}button,input,select{font:inherit;border-radius:8px;border:1px solid #37445a;background:#172131;color:inherit;min-height:44px;padding:10px 14px}button{cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#24344b;border-color:#65c9bc}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #69dac8;outline-offset:3px}.quiet{background:transparent;color:#a6b5c9}.primary{background:#65d4c1;color:#08221e;border-color:#65d4c1;font-weight:650}.primary:hover{background:#88e4d3}label{display:block;font-size:14px;color:#a6b5c9;margin-bottom:8px}input{min-width:0;width:100%}select{min-width:120px}.login{max-width:420px;margin:10vh auto;background:#111b29;border:1px solid #263449;border-radius:16px;padding:32px}.login p{color:#9aaac0}.login form{display:grid;gap:12px;margin-top:28px}.login label{margin-bottom:0}.eyebrow{font-size:12px;letter-spacing:.16em;color:#67cfbd}.toolbar{display:flex;align-items:flex-end;gap:20px;margin-bottom:22px}.live-status{margin-left:auto;color:#8ca0b9;font-size:14px;padding-bottom:12px}.live-status.playing{color:#67d5ba}.live-status.playing:before{content:'●';font-size:10px;margin-right:8px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.viewer{align-self:start;border:1px solid #28374a;border-radius:12px;overflow:hidden;background:#060a10}#player-slot{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;min-height:180px}camera-video{width:100%;height:100%;display:block}camera-video video{object-fit:contain}.viewer-footer{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;background:#111b29;gap:12px}.viewer-footer>div{display:flex;gap:8px}.viewer-footer button{font-size:14px}aside{background:#111b29;border:1px solid #28374a;border-radius:12px;padding:24px}.muted,.footnote{color:#8c9eb6;font-size:14px}.direction{display:grid;grid-template-columns:repeat(3,58px);grid-template-rows:repeat(3,52px);gap:8px;justify-content:center;margin:24px 0}.direction button{font-size:26px}.direction .stop{font-size:14px;background:#253147}.up{grid-area:1/2}.left{grid-area:2/1}.stop{grid-area:2/2}.right{grid-area:2/3}.down{grid-area:3/2}aside select{width:100%}.divider{border-top:1px solid #28374a;margin:24px 0}.presets{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px}.presets button{font-size:14px}.save-row{display:flex;gap:8px}.save-row button{flex-shrink:0}#message,#login-error{font-size:14px;color:#e2b688;min-height:24px}.footnote{text-align:center;margin-top:22px}.loading{text-align:center;padding:80px 0;color:#8c9eb6}[hidden]{display:none!important}@media(max-width:850px){main{padding:22px 16px}header{height:68px;padding:0 20px}.workspace{grid-template-columns:1fr}aside{max-width:none}.direction{margin:18px auto}.toolbar{gap:12px}.live-status{max-width:110px}.viewer-footer{padding:10px}.small{display:none}.login{margin:6vh auto;padding:26px}.viewer-footer>span{font-size:14px}}