:root{--bg: #0b0d12;--panel: #141821;--panel-2: #1b202b;--border: #272d3a;--text: #e8eaf0;--muted: #8b93a4;--primary: #3b82f6;--live: #e11d48;--ok: #16a34a;--warn: #d97706;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}h1{font-size:22px;margin:0 0 8px}h2{font-size:18px;margin:0 0 12px}h3{font-size:14px;margin:0}h4{font-size:13px;margin:18px 0 8px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}p{margin:6px 0}.muted{color:var(--muted)}.small{font-size:12px}.error{color:#f87171}input,select,textarea{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 10px;font:inherit}textarea{resize:vertical}a{color:#93c5fd}a.btn,a.dest{text-decoration:none;color:var(--text)}a.btn-primary{color:#fff}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:-1px}label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:13px}label.check,label.color-row{flex-direction:row;align-items:center;gap:10px;color:var(--text)}label.check input{width:18px;height:18px}label.color-row input{width:44px;height:32px;padding:2px}.form-grid{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:8px;align-items:center}.row input{flex:1}.indent{margin-left:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 14px;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){border-color:#3a4252}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-live{background:var(--live);border-color:var(--live);color:#fff}.btn-danger{background:transparent;border-color:var(--live);color:#fda4af}.btn-on{background:var(--ok);border-color:var(--ok);color:#fff}.btn-ghost{background:transparent}.btn-small{padding:5px 10px;font-size:12px}.btn-big{padding:12px 18px;font-size:15px;width:100%}.center-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px;width:100%;max-width:440px;display:flex;flex-direction:column;gap:14px}.prejoin{max-width:520px}.prejoin-video{aspect-ratio:16 / 9;background:#000;border-radius:10px;overflow:hidden}.prejoin-video video,.guest-self-video video{width:100%;height:100%;display:block}.prejoin-novideo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);background:#000}.studio{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--panel)}.topbar-title{font-weight:800;font-size:16px}.live-state{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill{padding:5px 10px;border-radius:999px;background:var(--panel-2);font-weight:700;font-size:12px}.pill-live{background:var(--live);color:#fff;font-variant-numeric:tabular-nums}.pill-off{color:var(--muted)}.pill-error{background:#7f1d1d;color:#fecaca}.dest{font-size:12px;padding:4px 8px;border-radius:6px;border:1px solid var(--border)}.dest:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:var(--muted)}.dest-active:before{background:var(--ok)}.dest-starting:before{background:var(--warn)}.dest-failed{color:#fca5a5;border-color:#7f1d1d}.dest-failed:before{background:var(--live)}.studio-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 380px}.studio-left{overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.preview{max-width:1100px;width:100%;margin:0 auto}.comp-frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:10px;background:#000;box-shadow:0 0 0 1px var(--border)}.layout-bar{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.layout-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font:inherit;font-size:12px;cursor:pointer;min-width:104px}.layout-on{border-color:var(--primary);background:#16213a}.layout-icon{width:44px;height:26px;border-radius:4px;background:#0f131b;border:1px solid var(--border);display:flex;gap:3px;padding:3px}.layout-icon i{display:block;border-radius:2px;background:#56627a}.layout-icon-solo i:first-child{flex:1}.layout-icon-solo i:last-child{display:none}.layout-icon-grade i{flex:1}.layout-icon-tela-pessoas i:first-child{flex:3;background:#7b8db3}.layout-icon-tela-pessoas i:last-child{flex:1;height:45%;align-self:center}.layout-icon-tela i:first-child{flex:1;background:#7b8db3}.layout-icon-tela i:last-child{display:none}.people{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px}.people-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.people-list{display:flex;gap:12px;flex-wrap:wrap}.people-empty{align-self:center;max-width:260px}.person{width:190px;display:flex;flex-direction:column;gap:6px}.person-video{position:relative;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#000;outline:2px solid transparent}.person-on .person-video{outline-color:var(--ok)}.person-video video{width:100%;height:100%;display:block}.person-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:var(--muted)}.person-badge{position:absolute;top:6px;left:6px;font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;background:#000000b3;color:var(--muted)}.person-on .person-badge{background:var(--ok);color:#fff}.person-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-actions{display:flex;gap:6px;flex-wrap:wrap}.controls{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:4px 0 8px}.ctrl{display:inline-flex;align-items:center;gap:8px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:10px 18px;font:inherit;font-weight:600;cursor:pointer}.ctrl-off{background:#3b1219;border-color:#7f1d1d;color:#fecaca}.ctrl-active{background:var(--primary);border-color:var(--primary);color:#fff}.ctrl-leave{border-color:var(--live);color:#fda4af}.dot{width:8px;height:8px;border-radius:50%;background:var(--live)}.dot-on{background:var(--ok)}.studio-side{border-left:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;min-height:0}.tabs{display:flex;border-bottom:1px solid var(--border)}.tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);padding:12px 4px;font:inherit;font-weight:600;cursor:pointer}.tab-on{color:var(--text);border-bottom-color:var(--primary)}.panel{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.on-screen{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#102a1b;border:1px solid #166534;border-radius:8px;padding:8px 10px}.comments-list{display:flex;flex-direction:column;gap:6px}.comment{display:flex;gap:10px;align-items:flex-start;text-align:left;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;color:var(--text);font:inherit;cursor:pointer}.comment:hover{border-color:#3a4252}.comment-on{border-color:var(--ok);background:#102a1b}.comment img,.comment-avatar{width:28px;height:28px;border-radius:50%;flex:none}.comment-avatar{display:flex;align-items:center;justify-content:center;background:#2a3140;font-size:11px;font-weight:700}.comment b{display:block;font-size:12px;color:var(--muted)}.comment-text{display:block;margin-top:2px;word-break:break-word}.banner-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.banner-item{display:flex;gap:10px;align-items:center;justify-content:space-between;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px}.banner-on{border-color:var(--ok)}.banner-text{display:flex;flex-direction:column;gap:2px;min-width:0}.banner-text span{color:var(--muted);font-size:12px}.banner-actions{display:flex;gap:6px;flex:none}.image-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.thumb{height:48px;max-width:120px;object-fit:contain;background:repeating-conic-gradient(#222,#222 25%,#2c2c2c 0%,#2c2c2c 50%) 50% / 12px 12px;border-radius:6px}.logout{margin-top:24px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.modal{max-width:520px;max-height:100%;overflow-y:auto}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.ig-box{display:flex;flex-direction:column;gap:10px;background:var(--panel-2);border-radius:10px;padding:12px}.steps{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;line-height:1.45}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#1f2937;border:1px solid var(--border);padding:10px 16px;border-radius:10px;z-index:20;max-width:calc(100% - 32px);word-break:break-word}.home{min-height:100%;display:flex;flex-direction:column}.home-tabs{display:flex;flex:1;gap:4px}.home-tabs .tab{flex:none;padding:8px 12px}.home-user{display:flex;align-items:center;gap:10px}.home-main{padding:24px 16px}.page-section{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.page-section.narrow{max-width:480px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2{margin:0}.notice{background:#102a1b;border:1px solid #166534;border-radius:8px;padding:8px 12px}.studio-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.studio-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.studio-card-live{border-color:var(--live)}.studio-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.studio-card-actions{display:flex;gap:6px}.channel-list,.team-list{display:flex;flex-direction:column;gap:8px}.channel-item,.team-item{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.channel-item img,.channel-noimg{width:40px;height:40px;border-radius:50%;background:var(--panel-2);flex:none}.channel-text,.team-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.team-item select{width:auto}.team-form{max-width:480px}.google-config{margin-top:16px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.google-config form,.google-config .steps{width:100%;max-width:640px}.copy-row{margin-top:6px}.back-link{font-size:20px;text-decoration:none;color:var(--muted)}.warnings{background:#3a2a0a;border:1px solid var(--warn);border-radius:8px;padding:6px 12px}.appear-choice,.channel-picks{display:flex;flex-direction:column;gap:8px}.channel-pick img{width:24px;height:24px;border-radius:50%}.channel-pick.disabled{opacity:.55}.comment-source{font-weight:400}.schedule-live{border-color:var(--live)}.schedule-past{opacity:.8}.past-toggle{align-self:flex-start;margin-top:8px}.row.two-cols{align-items:flex-start}.row.two-cols>label{flex:1}.when-choice{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.when-choice input[type=datetime-local]{width:auto}.brand-list{display:flex;flex-direction:column;gap:10px}.brand-item{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.brand-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.brand-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:14px}@media(max-width:800px){.brand-editor{grid-template-columns:1fr}}.schedule-list{display:flex;flex-direction:column;gap:10px}.schedule-item{display:flex;gap:14px;align-items:flex-start;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px}.schedule-thumb{width:128px;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;background:var(--panel-2);flex:none}.schedule-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.schedule-when{color:#93c5fd;font-weight:700;font-size:12px;text-transform:capitalize}.schedule-when.late{color:var(--warn)}.schedule-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.schedule-actions{display:flex;flex-direction:column;gap:6px}.schedule-form{max-width:560px}.scheduled-picks{display:flex;flex-direction:column;gap:8px}.scheduled-picks label.check{align-items:flex-start}@media(max-width:600px){.schedule-item{flex-wrap:wrap}.schedule-actions{flex-direction:row}}.guest{min-height:100%;display:flex;flex-direction:column}.guest-status{padding:12px 16px;text-align:center;font-weight:700;background:var(--panel);border-bottom:1px solid var(--border)}.guest-stage{background:#14351f}.guest-live{background:var(--live);color:#fff}.guest-main{flex:1;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:16px;padding:16px;align-items:start}.label{color:var(--muted);font-size:12px;margin-bottom:6px}.guest-self-video{aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#000}.guest-error{text-align:center}.comp{position:relative;overflow:hidden;background-size:cover;background-position:center;font-family:Inter,system-ui,sans-serif;color:#fff}.comp-area{position:absolute;top:48px;right:48px;bottom:48px;left:48px;display:flex;gap:24px;align-items:stretch;justify-content:center}.comp-tile{position:relative;flex:1;border-radius:18px;overflow:hidden;background:#1c2230}.comp-tile video,.comp-screen video{width:100%;height:100%;display:block}.comp-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.comp-avatar span{width:180px;height:180px;border-radius:50%;background:var(--brand);display:flex;align-items:center;justify-content:center;font-size:72px;font-weight:800}.comp-tile-small .comp-avatar span{width:90px;height:90px;font-size:36px}.comp-name{position:absolute;left:16px;bottom:16px;max-width:calc(100% - 32px);padding:8px 18px;border-radius:8px;background:var(--brand);font-size:30px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comp-tile-small .comp-name{left:10px;bottom:10px;padding:4px 12px;font-size:22px}.comp-has-lower .comp-tile:not(.comp-tile-small) .comp-name{top:16px;bottom:auto}.comp-split{align-items:center}.comp-screen{width:1400px;height:787px;flex:none;border-radius:14px;overflow:hidden;background:#000}.comp-screen-full{width:100%;height:100%;background:transparent}.comp-side{width:400px;flex:none;display:flex;flex-direction:column;gap:24px;justify-content:center}.comp-side .comp-tile{flex:none;width:400px;height:225px}.comp-logo{position:absolute;top:40px;right:56px;max-height:120px;max-width:360px;object-fit:contain}.comp-lower{position:absolute;left:80px;right:80px;bottom:80px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.comp-banner{background:var(--brand);padding:20px 36px;border-radius:12px;max-width:1500px;box-shadow:0 10px 30px #00000059}.comp-banner-title{font-size:48px;font-weight:800;line-height:1.15}.comp-banner-sub{font-size:32px;opacity:.92;margin-top:4px}.comp-comment{display:flex;align-items:center;gap:22px;background:#fff;color:#111827;padding:20px 30px;border-radius:16px;max-width:1400px;box-shadow:0 10px 30px #00000059}.comp-comment img,.comp-comment-avatar{width:76px;height:76px;border-radius:50%;flex:none}.comp-comment-avatar{display:flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;font-size:30px;font-weight:800}.comp-comment-author{color:var(--brand);font-size:28px;font-weight:800}.comp-comment-text{font-size:38px;line-height:1.25}body.layout-body{background:#000;overflow:hidden}.layout-page{width:100vw;height:100vh;overflow:hidden}.legal{max-width:720px;margin:0 auto;padding:32px 16px 64px;line-height:1.6}.legal h2{margin-top:28px}.demo{max-width:1000px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;gap:24px}.demo-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#cbd5e1);color:#334155;font-size:64px;font-weight:700}@media(max-width:900px){.studio-main{grid-template-columns:1fr;overflow-y:auto}.studio-left{overflow:visible}.studio-side{border-left:none;border-top:1px solid var(--border);min-height:480px}.guest-main{grid-template-columns:1fr}}