.setup-page[data-v-9553956b]{max-width:680px}fieldset[data-v-9553956b]{border:0;padding:0;margin:0;min-width:0}.quality-control[data-v-9553956b]{display:grid;gap:8px}.quality-grid[data-v-9553956b]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:480px){.quality-grid[data-v-9553956b]{grid-template-columns:1fr}}.broadcast[data-v-480324f4]{position:fixed;inset:0;width:100%;height:100dvh;background:#06090e;color:#fff;overflow:hidden}.camera[data-v-480324f4]{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;background:#06090e}.broadcast-top[data-v-480324f4]{position:absolute;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 52px max(24px,env(safe-area-inset-left));background:linear-gradient(#000b,transparent);pointer-events:none}.stream-info[data-v-480324f4]{min-width:0;text-shadow:0 1px 5px #000}h1[data-v-480324f4]{margin:12px 0 6px;font-size:clamp(18px,3vw,28px);overflow-wrap:anywhere}.camera-quality[data-v-480324f4]{margin:0;font-size:14px;color:#fff}.badge[data-v-480324f4]{background:#d92939;color:#fff}.badge.offline[data-v-480324f4]{background:#29313e;color:#fff}.stop-button[data-v-480324f4]{pointer-events:auto;flex-shrink:0;min-height:48px}.broadcast-bottom[data-v-480324f4]{position:absolute;inset:auto 0 0;padding:36px max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:linear-gradient(transparent,#000b)}.broadcast-controls[data-v-480324f4]{width:min(100%,440px);border:1px solid #ffffff35;border-radius:14px;background:#111925e8}summary[data-v-480324f4]{cursor:pointer;padding:14px 18px;font-weight:600}aside[data-v-480324f4]{padding:0 18px 18px;max-height:min(55dvh,520px);overflow-y:auto}aside p[data-v-480324f4]{margin:0}aside a[data-v-480324f4]{color:#a7dcff}.broadcast-message[data-v-480324f4]{max-width:660px;padding:12px 16px;border-radius:12px;background:#581e29e8}.ended-actions[data-v-480324f4]{display:flex;flex-wrap:wrap;gap:12px}.retry-button[data-v-480324f4]{margin-bottom:12px}@media(max-width:600px){.broadcast-top[data-v-480324f4]{gap:10px;padding-inline:max(16px,env(safe-area-inset-left))}.stop-button[data-v-480324f4]{font-size:13px;padding:12px}.broadcast-bottom[data-v-480324f4]{padding-inline:max(16px,env(safe-area-inset-left))}.camera-quality[data-v-480324f4]{font-size:12px}}.player[data-v-3fd00b30]{position:relative;background:#020617;aspect-ratio:16 / 9;overflow:hidden;border-radius:14px}.player video[data-v-3fd00b30]{display:block;width:100%;height:100%;object-fit:contain}.player-overlay[data-v-3fd00b30]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#020617b3;color:#fff;font-size:22px;font-weight:600}.player-spinner[data-v-3fd00b30]{width:44px;height:44px;border:3px solid #ffffff30;border-top-color:#fff;border-radius:50%;animation:player-spin-3fd00b30 .8s linear infinite}.player[data-v-3fd00b30]:fullscreen{width:100%;height:100%;border-radius:0}@keyframes player-spin-3fd00b30{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.player-spinner[data-v-3fd00b30]{animation-duration:2s}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5efef;background:#0b151b;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:#79e4c3;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:0;border-radius:10px;padding:12px 18px;background:#67dfb8;color:#08271e;font-weight:650;display:inline-block}button:disabled{opacity:.45;cursor:default}button.secondary{background:#24363e;color:#e5efef}button.danger{background:#58323a;color:#ffc3ce}input,textarea,select{width:100%;border:1px solid #354851;border-radius:9px;background:#12232b;color:#e5efef;padding:11px}input[type=checkbox]{width:auto}label{display:grid;gap:6px;color:#b9cccc;font-size:14px}textarea{min-height:90px}h1{font-size:clamp(28px,5vw,42px);letter-spacing:-.04em;margin:12px 0}h2{font-size:21px;margin-top:0}p{line-height:1.6}header{border-bottom:1px solid #23363e;background:#102127;padding:18px 5vw;display:flex;gap:22px;align-items:center;flex-wrap:wrap}header strong{font-size:22px;letter-spacing:-.04em}nav{display:flex;align-items:center;gap:20px;flex:1}.container{max-width:1240px;margin:auto;padding:30px 24px 70px}.eyebrow{font-size:12px;letter-spacing:.16em;color:#81baae;text-transform:uppercase}.muted{color:#91a8af}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.card{border:1px solid #293d45;border-radius:16px;padding:24px;background:#102127}.stack{display:grid;gap:16px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px}video{display:block;width:100%;background:#03090c;border-radius:14px;aspect-ratio:16/9;object-fit:contain}.badge{font-size:12px;display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 10px;background:#254339;color:#93eecb}.badge:before{content:"";width:6px;height:6px;border-radius:100%;background:currentColor}.badge.offline{background:#26343e;color:#9caeb7}.error{color:#ffb7c5;background:#422730;padding:12px;border-radius:9px}.success{color:#81e6bf}pre{white-space:pre-wrap;word-break:break-word;font-size:12px;max-height:420px;overflow:auto;background:#0b171d;padding:16px;border-radius:10px}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:12px;text-align:left;border-bottom:1px solid #2a3d45}th{color:#95b3b9;font-weight:500}.table-wrap{overflow:auto}details{margin:12px 0}summary{cursor:pointer;color:#82d8c2}.login{max-width:430px;margin:10vh auto}.hero{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.metric{font-size:32px;font-variant-numeric:tabular-nums}.alert{padding:14px;border-left:3px solid #eab76c;background:#302b23;color:#ecd2ac}.link-input{font-size:12px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tabs button{background:#1d333c;color:#b8cecf}.tabs button.active{background:#67dfb8;color:#102127}@media(max-width:760px){.split{grid-template-columns:1fr}.container{padding:24px 16px}.hero{align-items:start;flex-direction:column}header{padding:16px}nav{gap:12px}.card{padding:18px}button{padding:12px}}
