.panel[data-v-a1ed7c61]{flex-direction:column;gap:14px;max-width:720px;margin:0 auto;padding:16px;display:flex}.bar[data-v-a1ed7c61]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status[data-v-a1ed7c61]{border:1px solid;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:600}.status[data-status=connected][data-v-a1ed7c61]{color:#1b7a45;background:#e4f4ea}.status[data-status=connecting][data-v-a1ed7c61],.status[data-status=retrying][data-v-a1ed7c61]{color:#8a5a00;background:#fbf0da}.status[data-status=idle][data-v-a1ed7c61],.status[data-status=stopped][data-v-a1ed7c61]{color:#5c6b70;background:#eef2f3}.audio[data-v-a1ed7c61]{color:#74888d;border:1px solid;border-radius:999px;padding:2px 9px;font-size:12px}.audio[data-on=true][data-v-a1ed7c61]{color:#0c6a72;background:#e2f0f1}.codec[data-v-a1ed7c61]{color:#5c6b70;font-variant-numeric:tabular-nums;border:1px solid #c3cfd2;border-radius:999px;padding:2px 9px;font-size:12px}.camera[data-v-a1ed7c61]{color:#5c6b70;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.controls[data-v-a1ed7c61]{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.field[data-v-a1ed7c61]{color:#5c6b70;flex-direction:column;flex:200px;gap:4px;font-size:13px;display:flex}.field input[data-v-a1ed7c61]{border:1px solid #c3cfd2;border-radius:6px;padding:8px 10px;font-size:16px}.buttons[data-v-a1ed7c61]{gap:8px;display:flex}button[data-v-a1ed7c61]{color:#fff;cursor:pointer;background:#0c6a72;border:1px solid #0c6a72;border-radius:6px;padding:9px 18px;font-size:15px;font-weight:600}button.secondary[data-v-a1ed7c61]{color:#0c6a72;background:#fff}button[data-v-a1ed7c61]:disabled{opacity:.45;cursor:not-allowed}.error[data-v-a1ed7c61]{color:#8c2418;background:#fae3e0;border-radius:6px;margin:0;padding:10px 12px;font-size:14px}.video-wrapper[data-v-a1ed7c61]{aspect-ratio:16/9;background:#10181a;border-radius:8px;position:relative;overflow:hidden}.video-wrapper video[data-v-a1ed7c61]{object-fit:contain;width:100%;height:100%;display:block}.placeholder[data-v-a1ed7c61]{color:#7e9096;place-items:center;margin:0;font-size:14px;display:grid;position:absolute;inset:0}.stats[data-v-a1ed7c61]{color:#5c6b70;background:#fff;border:1px solid #dde5e6;border-radius:6px;flex-direction:column;gap:8px;padding:10px 12px;font-size:13px;display:flex}.encoder[data-v-a1ed7c61]{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.encoder .badge[data-v-a1ed7c61]{border:1px solid;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}.encoder[data-kind=hardware] .badge[data-v-a1ed7c61]{color:#1b7a45;background:#e4f4ea}.encoder[data-kind=software] .badge[data-v-a1ed7c61]{color:#8a5a00;background:#fbf0da}.encoder[data-kind=unknown] .badge[data-v-a1ed7c61]{color:#5c6b70;background:#eef2f3}.encoder code[data-v-a1ed7c61]{overflow-wrap:anywhere;background:#f2f6f6;border-radius:3px;padding:1px 5px;font-size:11.5px}.bitrate[data-v-a1ed7c61]{background:#f4f8f8;border-radius:5px;flex-direction:column;gap:5px;padding:9px 10px;display:flex}.bitrate-head[data-v-a1ed7c61]{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:12px;margin:0;display:flex}.bitrate-head strong[data-v-a1ed7c61]{color:#10181a;font-size:15px}.meter[data-v-a1ed7c61]{background:#dde5e6;border-radius:3px;height:6px;overflow:hidden}.meter span[data-v-a1ed7c61]{background:#0c6a72;height:100%;transition:width .4s;display:block}@media (prefers-reduced-motion:reduce){.meter span[data-v-a1ed7c61]{transition:none}}.bitrate-hint[data-v-a1ed7c61]{color:#6d8388;margin:0;font-size:12px}.group[data-v-a1ed7c61]{flex-direction:column;gap:4px;display:flex}.group h3[data-v-a1ed7c61]{letter-spacing:.08em;color:#8a9a9e;margin:0;font-size:11px;font-weight:600}.stats dl[data-v-a1ed7c61]{grid-template-columns:auto 1fr;gap:3px 12px;margin:0;display:grid}.stats dt[data-v-a1ed7c61]{color:#8a9a9e}.stats dd[data-v-a1ed7c61]{font-variant-numeric:tabular-nums;margin:0}.stats dd[data-tone=ok][data-v-a1ed7c61]{color:#1b7a45}.stats dd[data-tone=warn][data-v-a1ed7c61]{color:#8a5a00;font-weight:600}.stats dd[data-tone=bad][data-v-a1ed7c61]{color:#a32b1f;font-weight:600}.log[data-v-a1ed7c61]{color:#5c6b70;font-size:13px}.log summary[data-v-a1ed7c61]{cursor:pointer}.log .count[data-v-a1ed7c61]{color:#8a9a9e;font-variant-numeric:tabular-nums}.log-empty[data-v-a1ed7c61]{color:#8a9a9e;margin:8px 0 0}.log-list[data-v-a1ed7c61]{background:#fff;border:1px solid #dde5e6;border-radius:6px;max-height:40vh;margin:8px 0 0;padding:0;list-style:none;overflow-y:auto}.log-list li[data-v-a1ed7c61]{border-bottom:1px solid #eef2f3;gap:10px;padding:6px 10px;line-height:1.5;display:flex}.log-list li[data-v-a1ed7c61]:last-child{border-bottom:0}.log-list time[data-v-a1ed7c61]{font-variant-numeric:tabular-nums;color:#8a9a9e;flex:none;font-size:12px}.log-list li[data-level=warn][data-v-a1ed7c61]{color:#7a4f06;background:#fdf6e8}.log-list li[data-level=error][data-v-a1ed7c61]{color:#8c2418;background:#fbeae7}.devices[data-v-a1ed7c61]{color:#5c6b70;font-size:13px}.devices summary[data-v-a1ed7c61]{cursor:pointer}.devices ol[data-v-a1ed7c61]{margin:8px 0 0;padding-left:18px}.devices li[data-v-a1ed7c61]{gap:8px;margin-bottom:4px;display:flex}.devices code[data-v-a1ed7c61]{background:#eef2f3;border-radius:3px;padding:1px 5px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;line-height:1.6}*{box-sizing:border-box}body{color:#10181a;background:#f6f8f8;margin:0}