.live-page{color:#edf3ff;max-width:900px;margin:auto;padding:28px 20px 80px;font-family:Arial,sans-serif}.live-page header{margin:32px 0 24px}.live-page h1{color:#f4f7ff;margin:10px 0;font-size:32px}.live-page h2{color:#f4f7ff;font-size:20px}.live-page p{line-height:1.6}.live-eyebrow{letter-spacing:2px;color:#a8bbff;font-size:12px}.live-card{background:#152133;border:1px solid #33445e;border-radius:18px;margin:18px 0;padding:22px}.live-screen{aspect-ratio:16/9;background:#080e19;border-radius:12px;position:relative;overflow:hidden}.live-screen video{object-fit:contain;width:100%;height:100%}.live-placeholder{color:#afbdd5;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.live-placeholder span{color:#e94b59;font-size:42px}.live-page label{flex-direction:column;gap:8px;margin:18px 0;font-weight:600;display:flex}.live-page input:not([type=checkbox]),.live-page select{color:#f4f7ff;background:#0c1727;border:1px solid #425671;border-radius:9px;width:100%;padding:12px;font-size:16px}.live-page .live-check{flex-direction:row;align-items:center}.live-check input{width:20px;height:20px}.live-note{color:#b1c0d7;font-size:13px}.live-error{color:#ffe4e9;background:#4a2331;border-radius:8px;padding:12px}.live-controls{flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;display:flex}.live-controls label{margin:0}.live-controls p{width:100%}.live-page button,.live-page a.primary{cursor:pointer;border-radius:10px;padding:12px 18px;font-size:14px;font-weight:600}.live-page .primary,.live-entry .primary{color:#fff;background:#4766ff;border:0;text-decoration:none}.live-page .secondary{color:#eaf0ff;background:#23324a;border:1px solid #435677;margin-left:8px}.live-page button:disabled{opacity:.55;cursor:wait}.local-clip{border-top:1px solid #34435b;flex-wrap:wrap;align-items:center;gap:10px;padding:18px 0;display:flex}.local-clip>div{flex:1;min-width:160px}.local-clip small{overflow-wrap:anywhere;color:#afbdd5;margin-top:6px;display:block}.live-entry{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:20px;display:flex}.live-entry p{color:#aebed6;margin:6px 0}.live-entry a{white-space:nowrap;border-radius:10px;padding:12px}@media (max-width:500px){.live-page{padding:18px 12px 60px}.live-card{padding:14px}.live-page h1{font-size:26px}.live-entry{align-items:flex-start}.live-page .secondary{margin-left:0}}@media (orientation:landscape) and (max-height:500px){.live-page.is-live{max-width:1100px;padding:8px 16px 40px}.live-page.is-live header{margin:8px 0}.live-page.is-live h1{font-size:20px}.live-page.is-live .live-card{margin:8px 0;padding:12px}.live-page.is-live .live-screen{aspect-ratio:auto;height:calc(100svh - 150px);min-height:160px}.live-page.is-live .live-controls{gap:10px;margin-top:10px}.live-page.is-live .live-controls p{margin:0}}.live-start-actions{flex-wrap:wrap;align-items:stretch;gap:12px;margin-top:16px;display:flex}.live-start-actions>button{flex:160px;min-height:46px;margin:0!important}.live-page .live-record-button{color:#fff;background:#d32f3e;border:1px solid #e94b59}.live-page .live-record-button:hover:not(:disabled){background:#b82432}.sidebar nav .live-workspace-button,.top-actions .live-workspace-button{color:#fff;cursor:pointer;white-space:nowrap;background:#cf293b;border:1px solid #e74c5c;border-radius:10px;justify-content:flex-start;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.sidebar nav .live-workspace-button:hover,.top-actions .live-workspace-button:hover{color:#fff;background:#b51f30}.live-record-dot{border:2px solid;border-radius:50%;flex:0 0 18px;width:18px;height:18px;display:inline-block;position:relative}.live-record-dot:after{content:"";background:currentColor;border-radius:50%;position:absolute;inset:3px}.top-actions .live-workspace-mobile{display:none}@media (max-width:760px){.top-actions .live-workspace-mobile{gap:7px;padding:9px 11px;font-size:13px;display:flex}.topbar{padding-left:10px;padding-right:10px}.top-actions{gap:3px}.top-actions .live-workspace-mobile{gap:5px;padding:8px;font-size:12px}.top-actions .live-record-dot{flex-basis:16px;width:16px;height:16px}.mobile-team .wordmark{max-width:90px}.top-actions .live-workspace-mobile{margin-right:9px}}.live-screen.is-idle{background:#090e17;border:1px solid #2b3546}.live-screen video[hidden]{display:none}.live-placeholder{isolation:isolate;background:radial-gradient(at 50% 35%,#202b3b 0%,#101824 48%,#090e17 100%);gap:18px;padding:20px}.live-placeholder:before{content:"";z-index:-1;border:1px solid #ffffff0b;border-radius:8px;position:absolute;inset:14px}.live-placeholder .live-ready-record{color:#f14b60;background:#df34451a;border:1px solid #ec4a5b65;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 0 0 8px #ed425a05}.live-ready-record i{background:#f14b60;border-radius:50%;width:22px;height:22px;display:block;box-shadow:0 2px 14px #eb344633}.live-placeholder p{color:#f0f3f8;letter-spacing:-.02em;text-align:center;margin:0;font-size:clamp(16px,2.5vw,21px);font-weight:600;line-height:1.3}@media (max-width:500px){.live-placeholder{gap:14px}.live-placeholder .live-ready-record{width:48px;height:48px}.live-ready-record i{width:17px;height:17px}}html[data-theme] .sidebar nav button.live-workspace-button,html[data-theme] .top-actions button.live-workspace-button{color:#fff;background:#cf293b;border-color:#e74c5c}html[data-theme] .sidebar nav button.live-workspace-button:hover,html[data-theme] .top-actions button.live-workspace-button:hover{color:#fff;background:#b51f30}