*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1200px 800px at 20% 20%,#2a3251,#0b0d12 55%,#07080c);color:#fff}.card{width:min(420px,100%);background:#ffffffeb;border-radius:16px;padding:18px;box-shadow:0 20px 70px #00000073;color:#111}.muted{color:#000000a6;font-size:13px;margin-top:6px}.field{display:grid;gap:6px;margin:12px 0}label{color:#000000b3;font-size:13px}input{padding:10px 12px;border:1px solid rgba(0,0,0,.12);border-radius:12px;font-size:14px;outline:none}button{width:100%;padding:11px 12px;border-radius:12px;border:0;background:#1e63ff;color:#fff;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.err{color:#b00020;font-size:13px;margin-top:10px;min-height:18px}.center{min-height:100vh;display:grid;place-items:center;padding:16px}:root{--header-h: 64px;--pad: 14px}.v-body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:#0b0d12;color:#fff;min-height:100vh}.v-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);background:#0f121ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);z-index:10}.v-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.v-brand{font-weight:650;letter-spacing:.2px}.v-controls{display:flex;gap:10px;align-items:center;flex-wrap:nowrap;overflow-x:auto;max-width:70vw;padding:6px 0}.v-controls::-webkit-scrollbar{height:0}.v-status{padding:7px 10px;border-radius:999px;background:#ffffff14;font-size:13px;display:inline-flex;align-items:center;gap:8px}.v-status.ok{background:#28a74538}.v-status.warn{background:#ffc10738}.v-status.err{background:#dc354538}.v-statusDot{width:8px;height:8px;border-radius:999px;background:#ffffff8c}.v-status.ok .v-statusDot{background:#48ff8cf2}.v-status.warn .v-statusDot{background:#ffd666fa}.v-status.err .v-statusDot{background:#ff5c5cfa}.v-spinner{width:14px;height:14px;border-radius:999px;border:2px solid rgba(255,255,255,.22);border-top-color:#ffffffe6;animation:vspin .8s linear infinite}@keyframes vspin{to{transform:rotate(360deg)}}.v-content{padding-top:var(--header-h)}.v-stage{padding:var(--pad);display:grid;place-items:center}.v-videoWrap{position:relative;width:min(1080px,100%);height:calc(100vh - var(--header-h) - (var(--pad) * 2));max-height:calc(100vh - var(--header-h) - (var(--pad) * 2))}.v-video{width:100%;height:100%;background:#000;border-radius:14px;box-shadow:0 18px 60px #00000073;object-fit:contain}.v-hudTop{position:absolute;top:10px;left:10px;right:10px;display:grid;grid-template-columns:1fr 1fr;align-items:start;pointer-events:none;z-index:2}.v-hudLeft{justify-self:start;display:flex;flex-direction:column;gap:8px}.v-hudCamera{position:absolute;top:10px;left:50%;transform:translate(-50%)}.v-hudRight{justify-self:end}.v-hudBottomRight{position:absolute;right:10px;bottom:10px;pointer-events:none;z-index:2}.v-hudBottomLeft{position:absolute;left:10px;bottom:10px;pointer-events:none;z-index:2}.v-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:#0b0d128c;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffeb;font-size:12.5px;letter-spacing:.2px;box-shadow:0 10px 30px #00000038;max-width:min(420px,92vw);white-space:nowrap}.v-pill .material-icons{font-size:18px;opacity:.95}.v-subtle{color:#ffffffb8}.v-hudCameraShort{display:none}.v-batteryBar{width:56px;height:8px;border-radius:999px;background:#ffffff24;overflow:hidden}.v-batteryFill{display:block;height:100%;background:linear-gradient(90deg,#48ff8cf2,#00beffd9);border-radius:999px}.v-pillBattery{gap:7px}.v-batteryBolt{color:#ffbb5cfa;filter:drop-shadow(0 4px 10px rgba(255,152,0,.22))}.v-pillBattery--charging .v-batteryFill{background:linear-gradient(90deg,#ff7826f2,#ffcd5af2,#ff7826f2);background-size:220% 100%;animation:vcharge 1.35s ease-in-out infinite}@keyframes vcharge{0%{background-position:0% 50%;filter:saturate(1)}50%{background-position:100% 50%;filter:saturate(1.15)}to{background-position:0% 50%;filter:saturate(1)}}.v-pillBattery--charging{border-color:#ff9a3033}.v-pillBattery--low .v-batteryFill{background:linear-gradient(90deg,#ff4450fa,#ff8a5ae6)}.v-pillBattery--low{border-color:#ff545c33}.v-btn{padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.v-btn:disabled{opacity:.5;cursor:not-allowed}.v-btn.primary{background:#007bff38;border-color:#007bff59}.v-btn.danger{background:#dc35452e;border-color:#dc354559}.material-icons{font-size:20px;line-height:1}.v-muted{color:#ffffffb8;font-size:13px;margin-top:8px}.v-overlay{position:fixed;top:var(--header-h);left:0;right:0;padding:10px var(--pad);display:grid;place-items:center;pointer-events:none;z-index:9}.v-overlayCard{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#0f121ab8;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffeb;font-size:13px}@media(max-width:520px){.v-controls{max-width:62vw}.v-btnText{display:none}.v-btn{padding:9px 10px}.v-hudTop{top:8px;left:8px;right:8px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.v-hudLeft{gap:6px}.v-hudCamera{position:static;transform:none}.v-pillHud{padding:6px 8px;font-size:11.5px;gap:6px;border-radius:14px}.v-pillHud .material-icons{font-size:16px}.v-hudLabel,.v-hudCameraLong{display:none}.v-hudCameraShort{display:inline}.v-batteryBar{width:44px;height:7px}.v-hudBottomRight{right:8px;bottom:8px}.v-hudBottomRight .v-pill{padding:6px 8px;font-size:11.2px}.v-hudBottomLeft{left:8px;bottom:8px}.v-hudBottomLeft .v-pill{padding:6px 8px;font-size:11.2px}}