html.headless-mode,body.headless-mode{width:100vw;height:100vh;background:0 0!important;margin:0!important;padding:0!important;overflow:hidden!important}body.headless-mode #studio-ui{display:none!important}body.headless-mode #overlay-stage{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;inset:0}.lower3rd-container{box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;padding-left:var(--safe-margin-x,5%);padding-right:var(--safe-margin-x,5%);display:flex}.lower3rd-container.pos-bottom{bottom:var(--safe-margin-y,5%);position:absolute;left:0;right:0}.lower3rd-container.pos-top{top:var(--safe-margin-y,5%);position:absolute;left:0;right:0}.lower3rd-container.pos-center{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.lower3rd-container.align-center{justify-content:center}.lower3rd-container.align-left{justify-content:flex-start}.lower3rd-container.align-right{justify-content:flex-end}.lower3rd-container.has-bar{padding-left:0;padding-right:0}.lower3rd-card{box-sizing:border-box;letter-spacing:-.01em;color:#fff;opacity:1;width:min(100%,1300px);max-width:100%;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;line-height:1.35;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.lower3rd-card.align-center{text-align:center}.lower3rd-card.align-left{text-align:left}.lower3rd-card.align-right{text-align:right}.lower3rd-card.is-idle{pointer-events:none;opacity:0!important;transform:translateY(12px)!important}.lower3rd-card.bg-box{-webkit-backdrop-filter:blur(12px);background:#0f172ad1;border:1px solid #ffffff29;border-radius:14px;padding:14px 28px;box-shadow:0 16px 36px #00000073}.lower3rd-card.bg-pill{-webkit-backdrop-filter:blur(12px);background:#0f172ad9;border:1px solid #ffffff2e;border-radius:9999px;padding:12px 34px;box-shadow:0 12px 30px #0006}.lower3rd-card.bg-bar{width:100%;max-width:100%;padding:16px var(--safe-margin-x,5%);background:linear-gradient(#0f172ae0 0%,#0f172af5 100%);border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29;border-radius:0;box-shadow:0 20px 40px #00000080}.lower3rd-card.bg-none{text-shadow:0 2px 4px #000000f2,0 0 14px #000000e6,0 0 28px #000000bf;-webkit-text-stroke:1.5px #000000d9;paint-order:stroke fill;min-width:0;padding:8px 16px;box-shadow:none!important;background:0 0!important;border:none!important}.lower3rd-lines{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:calc(1.35em * var(--lower3rd-lines,2) + 6px * (var(--lower3rd-lines,2) - 1));max-height:calc(1.35em * var(--lower3rd-lines,2) + 6px * (var(--lower3rd-lines,2) - 1));flex-direction:column;justify-content:flex-start;gap:6px;line-height:1.35;display:flex;overflow:hidden}.lower3rd-text-paragraph{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;max-width:100%;height:1.35em;min-height:1.35em;margin:0;line-height:1.35;overflow:hidden}.lower3rd-interim{opacity:.85;font-style:italic;font-weight:500}.lower3rd-card.is-rtl{text-align:right;direction:rtl}.lower3rd-card.is-rtl.align-center{text-align:center}.studio-page{color:#f1f5f9;background-color:#0b0f19;flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;display:flex}.studio-header{background:#111827;border-bottom:1px solid #1f2937;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.studio-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.studio-title-group h1{color:#f8fafc;margin:0;font-size:1.15rem;font-weight:700}.studio-subtitle{color:#94a3b8;margin:0;font-size:.8rem}.studio-header-actions{align-items:center;gap:12px;display:flex}.studio-badge{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.studio-badge .status-dot{background-color:#38bdf8;border-radius:50%;width:7px;height:7px}.studio-badge.live{color:#4ade80;background:#22c55e26;border-color:#22c55e4d}.studio-badge.live .status-dot{background-color:#22c55e;box-shadow:0 0 8px #22c55e}.studio-main{box-sizing:border-box;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px}.studio-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.studio-grid{grid-template-columns:1.4fr 1fr;align-items:start}}.preview-card{background:#111827;border:1px solid #1f2937;border-radius:16px;padding:20px;box-shadow:0 10px 25px -5px #0000004d}.preview-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.preview-card-title{color:#e2e8f0;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:600;display:flex}.preview-bg-switcher{background:#1f2937;border-radius:8px;gap:2px;padding:3px;display:flex}.preview-bg-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 10px;font-size:.8rem;font-weight:500;transition:all .15s}.preview-bg-btn:hover{color:#f1f5f9}.preview-bg-btn.active{color:#38bdf8;background:#374151;font-weight:600}.preview-viewport-wrapper{aspect-ratio:16/9;border:1px solid #374151;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #0006}.preview-viewport-wrapper.bg-checker{background-color:#1a202c;background-image:linear-gradient(45deg,#2d3748 25%,#0000 25%),linear-gradient(-45deg,#2d3748 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2d3748 75%),linear-gradient(-45deg,#0000 75%,#2d3748 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.preview-viewport-wrapper.bg-dark-video{background:radial-gradient(circle at 50% 30%,#1e293b 0%,#090d16 100%);position:relative}.preview-viewport-wrapper.bg-dark-video:after{content:"Simulated Stage Video";color:#ffffff59;letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:600;position:absolute;top:12px;left:12px}.preview-viewport-wrapper.bg-light-video{background:radial-gradient(circle at 50% 25%,#cbd5e1 0%,#64748b 100%);position:relative}.preview-viewport-wrapper.bg-light-video:after{content:"Simulated Bright Stage Video";color:#0f172a73;letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:600;position:absolute;top:12px;left:12px}.preview-stage{pointer-events:none;transform-origin:0 0;width:1920px;height:1080px;position:absolute;top:0;left:0}.preview-test-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.preview-test-actions{gap:8px;display:flex}.controls-card{background:#111827;border:1px solid #1f2937;border-radius:16px;padding:20px;box-shadow:0 10px 25px -5px #0000004d}.controls-card-title{color:#f8fafc;align-items:center;gap:8px;margin:0 0 18px;font-size:1.1rem;font-weight:700;display:flex}.form-group{margin-bottom:18px}.form-label{color:#cbd5e1;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.85rem;font-weight:600;display:flex}.form-control-input,.form-control-select{color:#f1f5f9;box-sizing:border-box;background:#1f2937;border:1px solid #374151;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:.9rem;transition:border-color .15s}.form-control-input:focus,.form-control-select:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.segment-group{background:#1f2937;border:1px solid #374151;border-radius:8px;gap:3px;padding:3px;display:flex}.segment-btn{color:#94a3b8;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;flex:1;padding:8px 10px;font-size:.82rem;font-weight:600;transition:all .15s}.segment-btn:hover{color:#f8fafc}.segment-btn.active{color:#fff;background:#2563eb;box-shadow:0 2px 6px #2563eb66}.slider-control{accent-color:#38bdf8;cursor:pointer;width:100%}.slider-val-readout{color:#38bdf8;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700}.obs-export-box{background:#0f172a;border:1px solid #1e293b;border-radius:12px;margin-top:24px;padding:16px}.obs-export-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.obs-export-title{color:#38bdf8;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.85rem;font-weight:700}.obs-url-input-group{gap:8px;display:flex}.obs-url-input{color:#94a3b8;background:#1e293b;border:1px solid #334155;border-radius:6px;outline:none;flex:1;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:.82rem}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:8px 16px;font-weight:600;transition:background .15s}.btn-primary:hover{background:#1d4ed8}.btn-secondary{color:#e2e8f0;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:8px;padding:8px 14px;font-weight:600;transition:all .15s}.btn-secondary:hover{color:#fff;background:#374151}.btn-outline{color:#38bdf8;cursor:pointer;background:0 0;border:1px solid #38bdf866;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-outline:hover{background:#38bdf81a;border-color:#38bdf8}.obs-tips{color:#94a3b8;margin-top:14px;font-size:.8rem;line-height:1.5}.obs-tips ul{margin:6px 0 0;padding-left:20px}.obs-tips li{margin-bottom:4px}@media (width<=767px){.studio-header{padding:12px 16px}.studio-main{padding:12px}.preview-card,.controls-card{border-radius:12px;padding:14px}.segment-btn{padding:6px 4px;font-size:.75rem}.lower3rd-card{padding:10px 16px;width:100%!important;max-width:100%!important;font-size:clamp(16px,4.5vw,24px)!important}}