:root{--bg: #0f1117;--bg-elev: #171a23;--bg-elev-2: #1f2431;--border: #2a2f3d;--text: #e6e8ee;--text-dim: #9aa2b1;--brand: #7c3aed;--brand-hover: #6d28d9;--danger: #ef4444;--success: #22c55e;--radius: 10px;--shadow: 0 6px 24px rgba(0, 0, 0, .35);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 .5rem;font-weight:650}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);padding:.5rem .9rem;border-radius:var(--radius);transition:background .15s,border-color .15s,opacity .15s}button:hover{background:#262c3b}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--brand);border-color:var(--brand);color:#fff}button.primary:hover{background:var(--brand-hover)}button.ghost{background:transparent}button.danger{border-color:var(--danger);color:#fca5a5}button.small{padding:.3rem .6rem;font-size:.85rem}input,textarea,select{font:inherit;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .7rem}input:focus,textarea:focus,select:focus{outline:2px solid var(--brand);outline-offset:-1px}label{display:block;font-size:.85rem;color:var(--text-dim);margin-bottom:.3rem}.field{margin-bottom:.9rem}.row{display:flex;gap:.6rem;align-items:center}.row.wrap{flex-wrap:wrap}.center-screen{min-height:100vh;display:grid;place-items:center;text-align:center;padding:2rem}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;box-shadow:var(--shadow)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;padding:.9rem 1.4rem;border-bottom:1px solid var(--border);background:var(--bg-elev);position:sticky;top:0;z-index:10}.topbar .row{flex-wrap:wrap;justify-content:flex-end}@media (max-width: 640px){.topbar{padding:.6rem .9rem}.topbar .brand{font-size:1rem}.hide-sm{display:none}.topbar .row{gap:.4rem}.topbar button,.topbar a.small{padding:.35rem .6rem;font-size:.82rem}}.brand{font-weight:750;font-size:1.1rem;color:var(--text);display:flex;align-items:center;gap:.5rem}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px #7c3aed40}.container{max-width:1080px;margin:0 auto;padding:1.6rem 1.4rem 4rem}.muted{color:var(--text-dim)}.error{color:#fca5a5;font-size:.9rem;margin:.4rem 0}.tag{display:inline-block;font-size:.72rem;padding:.12rem .5rem;border-radius:999px;background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text-dim)}.login-card{width:100%;max-width:380px;text-align:left}.divider{display:flex;align-items:center;gap:.6rem;color:var(--text-dim);font-size:.8rem;margin:1rem 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;background:#fff;color:#1f2937;border-color:#fff}.google-btn:hover{background:#f1f1f1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.webinar-card h3{margin-bottom:.2rem}.card-actions{display:flex;gap:.5rem;margin-top:.9rem;flex-wrap:wrap}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:start}@media (max-width: 860px){.editor-grid{grid-template-columns:1fr}}.section-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:1.4rem 0 .6rem}.comment-row{display:grid;grid-template-columns:74px 1fr auto;gap:.6rem;align-items:start;padding:.6rem;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem;background:var(--bg-elev-2)}.comment-row.reply{margin-left:1.6rem;border-left:3px solid var(--brand)}.curve-row{display:grid;grid-template-columns:1fr 1fr auto;gap:.6rem;margin-bottom:.5rem}.stage{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1rem;height:100vh;padding:1rem}@media (max-width: 900px){.stage{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:100vh}}.video-wrap{position:relative;background:#000;border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 9;width:100%}.video-wrap iframe,.video-wrap video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.live-badge{position:absolute;top:.8rem;left:.8rem;display:flex;align-items:center;gap:.4rem;background:#0009;padding:.3rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;z-index:3}.live-badge .pulse{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:pulse 1.4s infinite}.live-badge.badge-static{background:#0000008c;font-weight:600}.live-badge .dot-static{width:8px;height:8px;border-radius:50%;background:#9aa2b1}@keyframes pulse{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}.viewers{position:absolute;top:.8rem;right:.8rem;background:#0009;padding:.3rem .65rem;border-radius:999px;font-size:.8rem;font-weight:600;z-index:3}.cta-banner{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-top:.7rem;padding:.8rem 1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);animation:fadein .25s ease}.cta-text{font-size:.95rem}.cta-countdown{font-size:.78rem;color:var(--text-dim);margin-top:.15rem}.cta-button{color:#fff;font-weight:650;padding:.55rem 1.1rem;border-radius:var(--radius);white-space:nowrap}.cta-button:hover{filter:brightness(1.08);text-decoration:none}.lead-form{margin-top:.7rem;padding:.9rem 1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);animation:fadein .25s ease}.lead-form-heading{font-weight:650;margin-bottom:.5rem}.chat{display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);min-height:0;overflow:hidden}.chat-header{padding:.7rem .9rem;border-bottom:1px solid var(--border);font-weight:650;display:flex;justify-content:space-between;align-items:center}.chat-messages{flex:1;overflow-y:auto;padding:.8rem;display:flex;flex-direction:column;gap:.7rem;min-height:240px}.msg{display:flex;gap:.55rem;align-items:flex-start;animation:fadein .25s ease}.msg.reply{margin-left:1.6rem}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.avatar{width:30px;height:30px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;color:#fff;font-size:.8rem;font-weight:700}.msg-body{font-size:.9rem}.msg-author{font-weight:650;margin-right:.35rem}.msg-author .you{font-size:.68rem;color:var(--brand);margin-left:.3rem}.chat-input{border-top:1px solid var(--border);padding:.6rem;display:flex;gap:.5rem}.chat-input input{flex:1}.gate{width:100%;max-width:420px;text-align:center}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--border);vertical-align:top}.admin-table th{color:var(--text-dim);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:50;padding:1rem}.modal{width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.modal h3{margin-bottom:.3rem}.seg{display:flex;gap:.4rem;flex-wrap:wrap}.seg button{flex:1;min-width:90px}.seg button.active{background:var(--brand);border-color:var(--brand);color:#fff}.menu-wrap{position:relative;display:inline-block}.menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:20;min-width:220px;overflow:hidden}.menu button{display:block;width:100%;text-align:left;border:0;border-radius:0;background:transparent;padding:.65rem .9rem}.menu button:hover:not(:disabled){background:#2b3242}.menu button:disabled{opacity:.55}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px}@keyframes spin{to{transform:rotate(360deg)}}a.button{display:inline-block;font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);padding:.5rem .9rem;border-radius:var(--radius);text-decoration:none;transition:background .15s,border-color .15s,opacity .15s}a.button:hover{background:#262c3b;text-decoration:none}a.button.primary{background:var(--brand);border-color:var(--brand);color:#fff}a.button.primary:hover{background:var(--brand-hover)}a.button.ghost{background:transparent}a.button.small{padding:.3rem .6rem;font-size:.85rem}.timeline-scroll{overflow-x:auto;overflow-y:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.timeline-track{position:relative;min-width:100%;-webkit-user-select:none;user-select:none;cursor:pointer}.timeline-ruler{position:absolute;top:0;left:0;right:0;border-bottom:1px solid var(--border)}.timeline-tick{position:absolute;top:0;height:100%;border-left:1px solid var(--border);padding-left:4px}.timeline-tick span{font-size:.68rem;color:var(--text-dim);white-space:nowrap}.timeline-block{position:absolute;height:26px;max-width:160px;display:flex;align-items:center;gap:.3rem;padding:0 .4rem;background:var(--bg-elev-2);border:1px solid var(--border);border-left-width:3px;border-radius:6px;font-size:.72rem;color:var(--text);cursor:grab;overflow:hidden;touch-action:none}.timeline-block:hover{z-index:5;max-width:240px}.timeline-block.selected{z-index:6;outline:2px solid var(--brand);max-width:240px}.timeline-block.reply{background:var(--bg-elev);font-style:italic}.timeline-block .block-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.timeline-block .block-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-playhead{position:absolute;top:0;width:2px;background:var(--danger);pointer-events:none;z-index:7}.timeline-edit{margin-top:.9rem;border-color:var(--brand)}.yt-block{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;cursor:default}.go-live-btn{display:inline-flex;align-items:center;gap:.45rem;background:var(--danger);border-color:var(--danger);color:#fff;font-weight:650}.go-live-btn:hover{background:#dc2626;border-color:#dc2626}.go-live-dot{width:9px;height:9px;border-radius:50%;background:#fff;animation:pulse-dot 1.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.replay-note{margin-bottom:.6rem;padding:.6rem .85rem;border:1px solid var(--brand);border-left-width:4px;border-radius:var(--radius);background:#7c3aed1f;color:var(--text);font-size:.9rem}.preview-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.5rem .9rem;background:var(--bg-elev);border-bottom:1px solid var(--brand);font-size:.85rem}.preview-bar-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-left:auto}.preview-bar button.active{background:var(--brand);border-color:var(--brand);color:#fff}.callout-warn{margin-top:.4rem;padding:.6rem .85rem;border:1px solid #d97706;border-left-width:4px;border-radius:var(--radius);background:#d977061f;font-size:.85rem;line-height:1.5}.planned-row{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.planned-row .tag{flex:0 0 auto}.palette{display:flex;flex-wrap:wrap;gap:.4rem;margin:.3rem 0 .2rem}.palette-btn{display:inline-flex;align-items:center;gap:.35rem;max-width:240px;padding:.35rem .6rem;font-size:.82rem;background:var(--bg-elev-2);border:1px solid var(--brand);border-radius:999px;color:var(--text);cursor:pointer}.palette-btn:hover{background:var(--brand);color:#fff}.palette-btn.used{opacity:.55}.palette-btn .palette-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-btn .palette-count{font-weight:700;flex:0 0 auto}.timeline-top{display:flex;flex-wrap:wrap;gap:1rem;align-items:stretch}.timeline-video{flex:1 1 380px;min-width:280px;max-width:640px}.timeline-chat{flex:1 1 300px;min-width:280px;display:flex;flex-direction:column;height:460px}.timeline-chat>.chat{flex:1;min-height:0}.broadcast-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem .8rem;border:1px solid var(--brand);border-radius:var(--radius);background:#7c3aed1a}.live-script-row{display:flex;align-items:center;gap:.4rem;padding:.35rem 0;border-bottom:1px solid var(--border)}.live-script-row.published{opacity:.5}.recorder-core{margin-top:.4rem}.tiny{font-size:.72rem;padding:.15rem .4rem;line-height:1}.project-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.6rem}.project-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between;padding:.6rem .8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev)}.project-meta{display:flex;flex-direction:column;gap:.15rem}.timeline-clips{display:flex;gap:.4rem;overflow-x:auto;padding:.6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);margin:.6rem 0}.clip-block{flex-basis:0;min-width:160px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev-2);padding:.5rem;cursor:pointer;display:flex;flex-direction:column;gap:.4rem}.clip-block.selected{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.clip-block-head{display:flex;justify-content:space-between;font-size:.8rem}.clip-block-actions{display:flex;gap:.25rem;flex-wrap:wrap}.trim-controls{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.trim-row{display:flex;align-items:center;gap:.6rem}.trim-row span{min-width:78px;font-size:.8rem}.trim-row input[type=range]{flex:1}.render-bar{height:8px;border-radius:999px;background:var(--bg-elev-2);border:1px solid var(--border);overflow:hidden;margin:.4rem 0}.render-bar-fill{height:100%;background:var(--brand);transition:width .2s ease}.project-picker{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.project-pick{display:flex;flex-direction:column;gap:.2rem;align-items:flex-start;text-align:left;padding:.5rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev-2);cursor:pointer}.project-pick.active{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.project-pick:disabled{opacity:.5;cursor:not-allowed}.tp-root{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;background:#000;z-index:200;overflow:hidden}.tp-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.tp-video.tp-mirrored{transform:scaleX(-1)}.tp-curtain{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none}.tp-error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:210;display:grid;place-items:center;padding:2rem;text-align:center;color:var(--text);background:var(--bg)}.tp-topbar{position:absolute;top:0;left:0;right:0;z-index:210;display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;padding-top:calc(.6rem + env(safe-area-inset-top))}.tp-topbar button{min-width:44px;min-height:44px}.tp-script-box{position:absolute;z-index:205;overflow:hidden;cursor:pointer}.tp-script-inner{padding:1rem 1.2rem;white-space:pre-wrap;word-break:break-word;will-change:transform;line-height:1.5}.tp-scroll-paused{position:absolute;top:.5rem;right:.5rem;background:#0009;color:#fff;padding:.25rem .6rem;border-radius:999px;font-size:.75rem}.tp-resize-handle{position:absolute;z-index:206;background:#ffffff26;touch-action:none}.tp-pos-top .tp-resize-handle,.tp-pos-bottom .tp-resize-handle{left:0;right:0;height:14px;cursor:ns-resize}.tp-pos-top .tp-resize-handle{bottom:-7px}.tp-pos-bottom .tp-resize-handle{top:-7px}.tp-pos-left .tp-resize-handle,.tp-pos-right .tp-resize-handle{top:0;bottom:0;width:14px;cursor:ew-resize}.tp-pos-left .tp-resize-handle{right:-7px}.tp-pos-right .tp-resize-handle{left:-7px}.tp-bottombar{position:absolute;left:0;right:0;bottom:0;z-index:210;display:flex;align-items:center;justify-content:space-around;padding:.8rem;padding-bottom:calc(.8rem + env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.tp-icon-btn{min-width:48px;min-height:48px;border-radius:999px;font-size:1.2rem}.tp-record-btn{width:64px;height:64px;border-radius:50%;background:var(--danger);border:none;font-size:1.4rem;color:#fff}.tp-record-btn.recording{background:var(--bg-elev-2);border:2px solid var(--danger)}.tp-record-menu{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:215;overflow:hidden;min-width:180px}.tp-record-menu button{width:100%;padding:.6rem 1rem;text-align:left;border-radius:0}.tp-countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:220;display:grid;place-items:center;background:#00000059;font-size:6rem;font-weight:700;color:#fff}.tp-preview-panel{position:absolute;left:0;right:0;bottom:0;z-index:210;padding:.8rem;padding-bottom:calc(.8rem + env(safe-area-inset-bottom));background:var(--bg-elev);border-top:1px solid var(--border)}.tp-drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:225;background:#0006}.tp-settings-drawer{position:fixed;left:0;right:0;bottom:0;z-index:230;background:var(--bg-elev);border-top:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow);padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));max-height:75vh;overflow-y:auto}.tp-settings-row{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.9rem}.tp-settings-row label{font-size:.82rem;color:var(--text-dim)}.tp-settings-row input[type=range]{width:100%}.tp-format-toolbar{display:flex;gap:.4rem;align-items:center;margin:.6rem 0}.tp-format-toolbar button.active{background:var(--brand);border-color:var(--brand);color:#fff}.tp-format-toolbar input[type=color]{width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:6px;background:none}.tp-bin-list{display:flex;flex-direction:column;gap:.8rem;margin-top:.6rem}.tp-bin-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);padding:.8rem}.tp-bin-versions{margin-top:.6rem;padding-top:.5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.tp-bin-version-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;justify-content:space-between}