.live-page{width:100%;min-width:0;overflow:hidden;max-width:none!important}.live-workspace.compact{width:100%;max-width:none!important;margin:0!important;padding:0 16px!important}@media (min-width:900px){.live-grid.hero{grid-template-columns:minmax(0,1fr) 176px!important;align-items:stretch!important;gap:12px!important;width:100%!important;max-width:none!important;height:calc(100vh - 92px)!important;min-height:480px!important;display:grid!important}.live-hero-stage{width:100%!important;min-width:0!important;height:100%!important;min-height:0!important}.live-hero-stage .live-tile,.live-hero-stage .live-video-frame{width:100%!important;height:100%!important;min-height:0!important}.live-hero-stage video,.live-hero-stage .hls-player,.live-hero-stage iframe{object-fit:contain!important;background:#020817!important;width:100%!important;height:100%!important}.live-hero-strip{flex-direction:column!important;gap:8px!important;width:176px!important;max-width:176px!important;height:100%!important;min-height:0!important;padding-right:2px!important;display:flex!important;overflow:hidden auto!important}.live-hero-thumb{aspect-ratio:16/9!important;border-radius:12px!important;flex:none!important;width:166px!important;max-width:166px!important;height:auto!important;overflow:hidden!important}.live-hero-thumb-frame{aspect-ratio:16/9!important;background:#020817!important;border-radius:12px!important;width:100%!important;height:100%!important;overflow:hidden!important}.live-hero-thumb-frame video,.live-hero-thumb-frame .hls-player,.live-hero-thumb-frame iframe{object-fit:contain!important;background:#020817!important;width:100%!important;height:100%!important}.live-hero-thumb-frame .live-stream-offline.thumb{aspect-ratio:16/9!important;text-align:center!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;padding:6px!important;display:flex!important}.live-hero-thumb-frame .live-stream-offline.thumb strong{font-size:11px!important;line-height:1.2!important}.live-floating-actions{z-index:50!important;bottom:16px!important;right:16px!important}}@media (max-width:899px){.live-page{overflow:auto}.live-workspace.compact{padding:0 12px!important}.live-grid.hero{flex-direction:column!important;gap:10px!important;width:100%!important;max-width:none!important;min-height:calc(100vh - 110px)!important;display:flex!important}.live-hero-stage{aspect-ratio:16/9!important;width:100%!important;min-height:220px!important}.live-hero-stage .live-tile,.live-hero-stage .live-video-frame{width:100%!important;height:100%!important}.live-hero-strip{flex-direction:row!important;gap:8px!important;width:100%!important;max-width:none!important;padding-bottom:4px!important;display:flex!important;overflow:auto hidden!important}.live-hero-thumb{aspect-ratio:16/9!important;border-radius:12px!important;flex:none!important;width:170px!important;max-width:70vw!important;overflow:hidden!important}.live-hero-thumb-frame{aspect-ratio:16/9!important;background:#020817!important;border-radius:12px!important;width:100%!important;height:100%!important;overflow:hidden!important}.live-hero-thumb-frame video,.live-hero-thumb-frame .hls-player,.live-hero-thumb-frame iframe{object-fit:contain!important;background:#020817!important;width:100%!important;height:100%!important}}.live-floating-actions{gap:6px!important}.live-floating-actions .secondary-btn{border-radius:12px!important;min-height:34px!important;padding:7px 12px!important;font-size:13px!important;font-weight:700!important;line-height:1.1!important}.live-floating-actions .live-inline-note{border-radius:12px!important;align-items:center!important;min-height:34px!important;padding:7px 10px!important;font-size:12px!important;line-height:1.1!important;display:inline-flex!important}@media (max-width:640px){.live-floating-actions{gap:5px!important}.live-floating-actions .secondary-btn{border-radius:10px!important;min-height:30px!important;padding:6px 9px!important;font-size:12px!important}.live-floating-actions .live-inline-note{border-radius:10px!important;min-height:30px!important;padding:6px 8px!important;font-size:11px!important}}@media (min-width:900px){.live-grid.hero{grid-template-columns:minmax(0,1fr) 190px!important}.live-hero-strip{scrollbar-width:thin;height:100%!important;max-height:calc(100vh - 110px)!important;padding-right:4px!important;overflow:hidden auto!important}.live-hero-thumb{aspect-ratio:16/9!important;flex:none!important;width:176px!important}}@media (max-width:899px){.live-hero-strip{flex-direction:row!important;gap:8px!important;width:100%!important;padding-bottom:6px!important;display:flex!important;overflow:auto hidden!important}.live-hero-thumb{aspect-ratio:16/9!important;flex:none!important;width:170px!important;max-width:70vw!important}}
.app-toast-stack{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;width:min(420px,100vw - 32px);display:flex;position:fixed;top:18px;right:18px}.app-toast{pointer-events:auto;color:#e5e7eb;background:#0f172af5;border:1px solid #94a3b847;border-radius:16px;grid-template-columns:34px 1fr 28px;align-items:start;gap:10px;padding:13px 14px;animation:.18s ease-out appToastIn;display:grid;box-shadow:0 20px 50px #00000052}.app-toast.closing{opacity:0;transition:opacity .16s,transform .16s;transform:translateY(-6px)}.app-toast.success{border-color:#22c55e7a}.app-toast.danger{border-color:#f871718c}.app-toast.warning{border-color:#facc157a}.app-toast.info{border-color:#60a5fa7a}.app-toast-icon{background:#94a3b82e;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:inline-flex}.app-toast.success .app-toast-icon{color:#86efac;background:#22c55e29}.app-toast.danger .app-toast-icon{color:#fecaca;background:#ef44442e}.app-toast.warning .app-toast-icon{color:#fde68a;background:#eab3082e}.app-toast.info .app-toast-icon{color:#bfdbfe;background:#3b82f62e}.app-toast-body{color:#f8fafc;font-size:13px;line-height:1.45}.app-toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:0;font-size:20px;line-height:1}.app-toast-close:hover{color:#fff}.app-confirm-backdrop{z-index:9998;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617a3;justify-content:center;align-items:center;padding:22px;animation:.16s ease-out appConfirmFadeIn;display:flex;position:fixed;inset:0}.app-confirm-backdrop.closing{opacity:0;transition:opacity .14s}.app-confirm-modal{color:#e5e7eb;background:#0f172a;border:1px solid #94a3b847;border-radius:20px;width:min(460px,100%);overflow:hidden;box-shadow:0 28px 80px #00000073}.app-confirm-header{align-items:center;gap:12px;padding:18px 20px 10px;display:flex}.app-confirm-header h3{color:#f8fafc;margin:0;font-size:17px;font-weight:800}.app-confirm-icon{color:#bfdbfe;background:#3b82f629;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:900;display:inline-flex}.app-confirm-icon.danger{color:#fecaca;background:#ef44442e}.app-confirm-body{color:#cbd5e1;padding:0 20px 18px;font-size:14px;line-height:1.55}.app-confirm-actions{border-top:1px solid #94a3b829;justify-content:flex-end;gap:10px;padding:14px 20px 18px;display:flex}.danger-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#b91c1c);border:0;border-radius:12px;padding:10px 14px;font-weight:700}.danger-btn:hover{filter:brightness(1.06)}@keyframes appToastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes appConfirmFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.app-toast-stack{width:auto;top:14px;left:16px;right:16px}.app-confirm-actions{flex-direction:column-reverse}.app-confirm-actions button{width:100%}}
.camera-control-screen{--cc-blue:#2563eb;--cc-blue-soft:#2563eb2e;--cc-blue-ring:#2563eb52;--cc-cyan:#38bdf8;--cc-ink:#eaf2ff;--cc-muted:#b8c7dc}.camera-control-screen>div:first-child h1,.camera-control-screen>section:first-child h1,.camera-control-screen header:first-child h1,.camera-control-screen .page-header h1{color:var(--cc-ink)!important;letter-spacing:-.035em!important;text-shadow:0 0 14px #2563eb38!important;font-size:clamp(28px,2.6vw,36px)!important;font-weight:850!important;line-height:1.12!important}.camera-control-screen>div:first-child small,.camera-control-screen>section:first-child small,.camera-control-screen header:first-child small,.camera-control-screen .page-header small,.camera-control-screen .page-header [class*=eyebrow],.camera-control-screen .page-header [class*=kicker]{color:var(--cc-cyan)!important;letter-spacing:.16em!important;text-transform:uppercase!important;text-shadow:none!important;font-size:12px!important;font-weight:800!important}.camera-control-screen>div:first-child p,.camera-control-screen>section:first-child p,.camera-control-screen header:first-child p,.camera-control-screen .page-header p{max-width:760px;color:var(--cc-muted)!important;text-shadow:none!important;font-size:14px!important;font-weight:500!important;line-height:1.5!important}.camera-control-screen h2,.camera-control-screen h3,.camera-control-screen h4,.camera-control-screen .section-title,.camera-control-screen [class*=section-title],.camera-control-screen [class*=card-title],.camera-control-screen [class*=panel-title]{color:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;text-shadow:none!important}.camera-control-screen .card h2,.camera-control-screen .card h3,.camera-control-screen .panel h2,.camera-control-screen .panel h3,.camera-control-screen aside h2,.camera-control-screen aside h3{text-shadow:none!important;font-size:18px!important;font-weight:800!important;line-height:1.2!important}.camera-control-screen button{transition:transform .11s,box-shadow .14s,filter .14s,border-color .14s,background-color .14s;position:relative;overflow:hidden;transform:translateY(0)scale(1)}.camera-control-screen button:not(:disabled):hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 6px 16px #0f172a24,0 0 0 1px #2563eb1f}.camera-control-screen button:not(:disabled):active{filter:brightness(1.08);transform:translateY(1px)scale(.965);border-color:var(--cc-blue)!important;box-shadow:inset 0 2px 7px #0000002e, 0 0 0 3px var(--cc-blue-ring)!important}.camera-control-screen button:not(:disabled):active svg{transition:transform .11s;transform:scale(.92)}.camera-control-screen .danger-btn:not(:disabled):active,.camera-control-screen button[class*=danger]:not(:disabled):active{filter:brightness(1.08);box-shadow:inset 0 2px 7px #0000002e,0 0 0 3px #ef444442!important}.camera-control-screen button:focus-visible{box-shadow:0 0 0 3px var(--cc-blue-ring), 0 6px 16px #0f172a29!important;outline:none!important}.camera-control-screen button:disabled{opacity:.72;cursor:wait;filter:saturate(.85)}.camera-control-screen button:disabled:after,.camera-control-screen button[aria-busy=true]:after{content:"";border:2px solid #2563eb38;border-top-color:var(--cc-blue);pointer-events:none;border-radius:999px;width:11px;height:11px;margin-top:-5.5px;animation:.72s linear infinite cc-button-spin;position:absolute;top:50%;right:9px}@keyframes cc-button-spin{to{transform:rotate(360deg)}}@media (max-width:768px){.camera-control-screen>div:first-child h1,.camera-control-screen>section:first-child h1,.camera-control-screen header:first-child h1,.camera-control-screen .page-header h1{font-size:28px!important}}.camera-control-screen .card,.camera-control-screen .panel,.camera-control-screen aside,.camera-control-screen [class*=card],.camera-control-screen [class*=Card],.camera-control-screen [class*=panel],.camera-control-screen [class*=Panel]{color:#0f172a!important;text-shadow:none!important}.camera-control-screen .card h1,.camera-control-screen .card h2,.camera-control-screen .card h3,.camera-control-screen .card h4,.camera-control-screen .panel h1,.camera-control-screen .panel h2,.camera-control-screen .panel h3,.camera-control-screen .panel h4,.camera-control-screen aside h1,.camera-control-screen aside h2,.camera-control-screen aside h3,.camera-control-screen aside h4,.camera-control-screen [class*=card] h1,.camera-control-screen [class*=card] h2,.camera-control-screen [class*=card] h3,.camera-control-screen [class*=card] h4,.camera-control-screen [class*=Card] h1,.camera-control-screen [class*=Card] h2,.camera-control-screen [class*=Card] h3,.camera-control-screen [class*=Card] h4,.camera-control-screen [class*=panel] h1,.camera-control-screen [class*=panel] h2,.camera-control-screen [class*=panel] h3,.camera-control-screen [class*=panel] h4,.camera-control-screen [class*=Panel] h1,.camera-control-screen [class*=Panel] h2,.camera-control-screen [class*=Panel] h3,.camera-control-screen [class*=Panel] h4{font-size:revert-layer;color:#0f172a!important;text-shadow:none!important;font-weight:800!important}.camera-control-screen aside strong,.camera-control-screen aside label,.camera-control-screen aside span,.camera-control-screen aside p,.camera-control-screen .card strong,.camera-control-screen .card label,.camera-control-screen .card span,.camera-control-screen .card p,.camera-control-screen .panel strong,.camera-control-screen .panel label,.camera-control-screen .panel span,.camera-control-screen .panel p{text-shadow:none!important}.camera-control-screen .card small,.camera-control-screen .panel small,.camera-control-screen aside small,.camera-control-screen .card [class*=muted],.camera-control-screen .panel [class*=muted],.camera-control-screen aside [class*=muted],.camera-control-screen .card [class*=subtitle],.camera-control-screen .panel [class*=subtitle],.camera-control-screen aside [class*=subtitle]{color:#64748b!important;text-shadow:none!important}.camera-control-screen>header h1,.camera-control-screen>.page-header h1,.camera-control-screen>[class*=page-header] h1{color:#eaf2ff!important;text-shadow:0 0 14px #2563eb38!important}.camera-control-screen>header p,.camera-control-screen>.page-header p,.camera-control-screen>[class*=page-header] p{color:#b8c7dc!important}.camera-control-screen aside [class*=title],.camera-control-screen aside [class*=Title],.camera-control-screen aside [class*=label],.camera-control-screen aside [class*=Label]{color:#0f172a!important;text-shadow:none!important}.camera-control-screen button:disabled:after,.camera-control-screen button[disabled]:after{content:none!important;animation:none!important;display:none!important}