@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap");:root{--bg:#f7f8f5;--surface:#fff;--ink:#202820;--muted:#788075;--line:#e4e8e0;--lime:#d6f58a;--green:#3f6235;--dark:#202b23;--radius:14px;--font:"DM Sans",sans-serif;--heading:"Manrope",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a,button,input,select{outline-offset:4px}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{text-decoration:none}a,button{color:inherit}a svg,button svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:650}button{border:0;background:none}input,select{background:var(--surface);border:1px solid #dce1d7;border-radius:9px;padding:13px 14px;width:100%;color:var(--ink)}input:focus,select:focus{outline:2px solid #8fad6c;outline-offset:1px}label{display:block;font-size:12px;font-weight:650;margin-bottom:9px}form>input{margin-bottom:20px}p{line-height:1.65;color:var(--muted)}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;flex:0 0 238px;border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;padding:32px 20px 20px;position:fixed;inset:0 auto 0 0}.brand{display:flex;gap:10px;align-items:center;font-family:var(--heading);font-size:21px;font-weight:800;letter-spacing:-1px;width:max-content}.brand-icon{width:36px;height:40px;display:grid;place-items:center;background:var(--dark);color:var(--lime);border-radius:10px}.brand-sub{font:9px var(--font);letter-spacing:3.6px;display:block;margin-top:2px;color:#7a8278}.workspace-label{display:flex;gap:10px;align-items:center;font-weight:550;font-size:12px;padding:37px 0 29px}.workspace-label small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:4px}.avatar{display:grid;place-items:center;width:74px;height:74px;background:#536447;color:#e5edda;border-radius:50%;font-family:var(--heading);font-size:30px}.avatar.small{width:34px;height:34px;font-size:13px;background:#e9eddf;color:#5c6550}.nav-item{padding:12px 13px;display:flex;align-items:center;gap:12px;border-radius:8px;width:100%;text-align:left;color:#7e847a;font-size:12px;margin-bottom:5px}.nav-item.active{color:#334629;background:#eef3e5;font-weight:650}.nav-item:hover{background:#f4f6f0}.nav-count{margin-left:auto;font-size:10px;background:#dfe7d3;padding:1px 5px;border-radius:3px}.sidebar-bottom{margin-top:auto}.plan-card{background:#f5f7ef;border:1px solid #e9eddf;border-radius:11px;padding:17px 14px;margin-bottom:22px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:650;color:#7b8474}.plan-card .eyebrow{font-size:7px;letter-spacing:1.1px}.plan-card h3{font-size:14px;margin:12px 0 9px}.plan-card p{font-size:11px;line-height:1.8}.plan-card button{font-size:11px;display:flex;align-items:center;gap:29px;margin-top:17px;padding:0;font-weight:650}.sidebar-foot{font-size:9px;color:#9ca492;border-top:1px solid var(--line);padding-top:17px;display:flex;align-items:center;gap:7px;margin-top:14px}.status-dot{height:6px;width:6px;border-radius:50%;display:inline-block;background:#89a46a;flex-shrink:0}.main-shell{margin-left:238px;width:calc(100% - 238px)}.topbar{height:74px;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 44px;font-size:11px;background:#ffffff7a}.topbar,.topbar>span{display:flex;align-items:center}.topbar>span{gap:13px;color:#9a9f95}.topbar strong{color:#53604d;font-weight:500}.quiet-button{display:flex;align-items:center;gap:12px;font-size:11px}.home-content{max-width:1440px;margin:auto;padding:43px 44px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:33px}.page-heading h1{font-size:30px;letter-spacing:-1.2px;line-height:1.4;margin:9px 0 8px}.page-heading p{font-size:12px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;border-radius:7px;padding:12px 18px;font-size:12px;font-weight:600;transition:background .15s,transform .15s}.primary-button{background:var(--lime);color:#283421}.primary-button:hover:not(:disabled){background:#c7e97a;transform:translateY(-1px)}.secondary-button{background:var(--surface);border:1px solid #dfe4d9}.secondary-button:hover{background:#f0f4ea}.full{width:100%}.hero-studio{min-height:354px;border-radius:14px;background:#eaf0e2;display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden;border:1px solid #e0e8d6}.hero-copy{padding:34px 32px}.pill{display:inline-flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.2px;font-weight:650;background:#dfe8d1;color:#5d7050;padding:7px 9px;border-radius:4px}.hero-copy h2{font-size:40px;line-height:1.2;letter-spacing:-1.7px;margin:21px 0 15px}.hero-copy p{font-size:12px;color:#78856c;line-height:1.8}.hero-copy .primary-button{background:var(--dark);color:#f0f5e9;margin-top:25px;gap:12px}.hero-copy .primary-button:hover{background:#3a4d35}.hero-copy .primary-button svg:last-child{margin-left:15px}.hero-caption{display:block;font-size:9px;color:#89947e;margin-top:13px}.hero-art{background:#26342c;margin:25px 25px 25px 0;align-self:center;border:1px solid #435145;box-shadow:0 14px 26px #314d1d20;transform:rotate(-2deg);border-radius:11px;padding:17px;color:#e1e8db}.preview-top{justify-content:space-between;margin-bottom:18px}.preview-top,.preview-top>span{display:flex;align-items:center}.preview-top>span{font-size:7px;letter-spacing:1.2px;gap:7px}.preview-top .status-dot{width:5px;height:5px;background:var(--lime)}.preview-top svg{color:#c8ddad}.preview-tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px}.preview-tile{height:146px;border-radius:6px;position:relative;overflow:hidden;display:grid;place-items:center}.tile-one{background:#748369;color:#c8d7b5}.tile-two{background:#c2b698;color:#eee4cb}.preview-tile>span{position:absolute;bottom:9px;left:8px;border-radius:3px;background:#202b2390;color:white;font-size:8px;padding:4px 6px;display:flex;gap:5px;align-items:center}.abstract-wave{opacity:.8}.track-preview{padding:16px 0 11px;display:flex;gap:10px;align-items:center}.track-icon{color:var(--lime);padding:6px;background:#3b493b;border-radius:5px}.track-preview strong{font-size:9px;font-weight:500}.track-preview small{display:block;color:#95a18f;font-size:7px;margin-top:5px}.track-preview>svg{margin-left:auto;color:#aec697}.preview-bottom{border-top:1px solid #3b4a3e;padding-top:12px;margin-top:3px;display:flex;justify-content:space-between;font-size:5px;letter-spacing:1px;color:#83937d}.studios-section{margin-top:35px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-heading h2{font-size:15px;letter-spacing:-.4px}.section-heading h2 span{font:10px var(--font);margin-left:8px;color:#979e8f}.section-heading>span{font-size:9px;color:#969e8e}.studio-cards{display:grid;gap:12px}.studio-card{display:flex;gap:18px;align-items:center;padding:23px 25px;border-radius:11px;text-align:left;width:100%}.studio-card h3{font-size:13px;letter-spacing:-.2px}.studio-card p{font-size:10px;margin-top:6px}.studio-card>svg:last-child{margin-left:auto;color:#7f8c70}.new-studio{border:1px dashed #cdd7c0;background:#f2f5ed}.new-studio:hover{background:#eaf0e1}.plus-circle{height:37px;width:37px;border:1px solid #d6dfcc;border-radius:50%;display:grid;place-items:center;color:#7b8d68}.saved-studio{border:1px solid var(--line);background:#fff}.saved-studio:hover{border-color:#adc58e}.studio-card-icon{color:#69824e;padding:10px;background:#f0f4e9;border-radius:8px}.workflow{margin-top:37px}.workflow>.section-heading>span{font-size:7px;letter-spacing:1.3px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:23px;gap:28px}.workflow-grid>div{position:relative}.step-icon{display:block;color:#6d7b5e;margin-bottom:16px}.workflow-grid small{font-size:7px;letter-spacing:1.2px;color:#929e83}.workflow-grid small b{font-size:6px;padding:3px 4px;background:#e9eedf;font-weight:500;letter-spacing:.5px;margin-left:5px}.workflow-grid h3{font-size:12px;margin-top:9px;letter-spacing:-.2px}.workflow-grid p{font-size:10px;margin-top:8px;line-height:1.9}.home-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:34px;padding:21px 0;font-size:8px;color:#98a18e}.home-footer>span:first-child{display:flex;gap:8px;align-items:center}.home-footer>span:last-child{font-size:6px;letter-spacing:1.7px}.modal{border:1px solid var(--line);border-radius:17px;padding:28px;max-width:570px;width:calc(100% - 32px);box-shadow:0 30px 100px #14251535;color:var(--ink)}.modal::backdrop{background:#19291e88;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px}.modal h2{font-size:21px;letter-spacing:-.6px}.modal>p{font-size:13px;margin-bottom:24px}.modal form>label{margin-top:16px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;min-width:34px;border-radius:6px}.icon-button:hover{background:#eaf0e2}.info-note{display:flex;align-items:flex-start;gap:10px;color:#708065;font-size:11px;line-height:1.7;padding:15px;background:#f2f5ed;border-radius:8px;margin:10px 0 22px}.info-note>svg{flex-shrink:0;margin-top:2px}.error-message{color:#a33b36;background:#fdf0ed;border:1px solid #f0d7d1;border-radius:7px;padding:11px 14px;font-size:12px;margin:12px 0}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.pricing-grid>div{border:1px solid var(--line);border-radius:10px;padding:20px 14px}.pricing-grid .featured-plan{background:#eef5e2;border-color:#c7d9ad}.pricing-grid h3{font-size:30px;margin:15px 0 8px}.pricing-grid h3 small{font-size:11px;font-weight:400}.pricing-grid p{font-size:10px}.pricing-grid ul{list-style:none;padding:0;margin:23px 0 0}.pricing-grid li{display:flex;gap:6px;font-size:10px;align-items:center;margin:12px 0}.pricing-grid li svg{width:13px;height:13px}.help-item{display:flex;gap:18px;margin-top:25px}.help-item>svg{color:#7b9165;flex-shrink:0}.help-item h3{font-size:14px}.help-item p{font-size:12px;margin-top:8px}.empty-state{text-align:center;background:var(--surface);padding:80px 25px;border:1px solid var(--line);border-radius:14px}.empty-state>svg{color:#8fa579;margin-bottom:20px}.empty-state h2{font-size:22px}.empty-state p{font-size:13px;margin:13px 0 22px}.library-list{display:grid;gap:12px}.settings-card{max-width:600px;padding:28px;border:1px solid var(--line);border-radius:12px;background:white}.settings-card p{font-size:12px;margin-bottom:18px}.studio-shell{min-height:100vh}.studio-header{height:83px;padding:0 34px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--surface)}.studio-header .brand{font-size:18px}.studio-header .brand-icon{width:32px;height:35px}.studio-header-middle{text-align:center}.studio-header-middle h1{font-size:14px}.studio-header-middle p{font-size:10px;margin-top:4px}.studio-header-actions{display:flex;gap:8px;align-items:center}.greenroom{max-width:1120px;margin:0 auto;padding:57px 35px}.greenroom-heading{margin-bottom:30px}.greenroom h2{font-size:33px;letter-spacing:-1px;margin:10px 0}.greenroom-heading p{font-size:13px}.greenroom-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:35px}.camera-preview{aspect-ratio:16/10;background:#26342b;border-radius:14px;position:relative;overflow:hidden;display:grid;place-items:center;color:#bbc9ad}.camera-preview>video{height:100%;width:100%;position:absolute;object-fit:cover;transform:none}.camera-placeholder{text-align:center;padding:30px}.camera-placeholder svg{margin-bottom:13px;color:#c9d9b6}.camera-placeholder p{color:#a5b39a;font-size:12px;max-width:250px;margin:auto}.preview-controls{position:absolute;bottom:18px;left:0;right:0;gap:10px}.control-button,.preview-controls{display:flex;justify-content:center}.control-button{width:43px;height:43px;border-radius:50%;align-items:center;background:#ffffff1c;color:#eef4e7;border:1px solid #ffffff24}.control-button.off{background:#793e37;color:#fff}.greenroom-note{display:flex;align-items:center;gap:9px;margin-top:16px;font-size:11px;color:#849276}.device-form{background:var(--surface);border:1px solid var(--line);padding:26px;border-radius:13px}.device-form h3{font-size:17px;margin-bottom:22px}.device-form label{margin-top:18px}.device-form>input{margin-bottom:0}.device-form select{font-size:12px}.device-form .primary-button{margin-top:23px}.mic-meter{height:4px;display:flex;gap:3px;margin:15px 0}.mic-meter span{background:#e6ebdf;flex:1 1;border-radius:2px}.mic-meter span.lit{background:#8baf5c}.permission-button{background:#e7eedc;color:#405331;padding:11px 17px;border-radius:7px;font-size:11px;margin-top:22px}.privacy-note{font-size:10px!important;margin-top:14px;text-align:center}.studio-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:calc(100vh - 83px)}.stage-column{padding:24px;display:flex;flex-direction:column;min-width:0}.stage-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;font-size:10px;color:#8a9480}.stage-toolbar>span{display:flex;align-items:center;gap:7px}.stage{flex:1 1;min-height:340px;position:relative;border-radius:14px;background:#1f2c25;padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:center}.stage.single{grid-template-columns:1fr}.participant-tile{aspect-ratio:16/10;background:#364337;position:relative;overflow:hidden;border-radius:9px;display:grid;place-items:center}.participant-tile video{width:100%;height:100%;position:absolute;object-fit:cover}.participant-tile.local video{transform:none}.camera-preview.mirrored>video,.participant-tile.local.mirrored video{transform:scaleX(-1)}.participant-tile.screen video{object-fit:contain;transform:none}.participant-label{display:flex;gap:7px;align-items:center;position:absolute;bottom:13px;left:13px;color:white;background:#15241bbd;border-radius:5px;padding:7px 10px;font-size:11px}.lower-third{position:absolute;bottom:18px;left:18px;background:var(--lime);color:#263522;padding:11px 17px;border-radius:4px;font-size:16px;font-weight:650;border-left:3px solid #ffffffaa}.lower-third small{display:block;font-size:10px;font-weight:400;margin-top:3px}.logo-bug{position:absolute;right:30px;top:30px;z-index:2;max-width:90px;max-height:60px;object-fit:contain}.holding-card{position:absolute;inset:14px;background:#26352af2;border-radius:10px;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#edf6dd;gap:14px}.holding-card h2{font-size:36px}.holding-card p{color:#a9b99a;font-size:13px}.studio-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px}.av-controls{display:flex;gap:8px}.av-controls .control-button{background:var(--surface);color:#5a6b4b;border-color:var(--line);border-radius:10px}.av-controls .control-button.off{background:#fbeae7;color:#9b4940}.record-button{min-height:49px;border-radius:9px;background:var(--lime);color:#283421;padding:0 25px;display:flex;gap:10px;align-items:center;justify-content:center;font-size:12px;font-weight:650}.record-button.recording{background:#fbe7e4;color:#9c3e35}.record-dot{background:#dd6656;width:10px;height:10px;border-radius:50%;display:inline-block}.recording .record-dot{border-radius:2px}.leave-button{color:#9b5750;font-size:11px;padding:8px}.stage-footnote{text-align:center;font-size:10px;color:#929b8a;margin-top:17px}.studio-panel{background:var(--surface);border-left:1px solid var(--line);padding:23px 20px}.panel-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin-bottom:25px}.panel-tabs button{font-size:10px;padding:0 4px 15px;color:#8d9585;border-bottom:2px solid transparent;flex:1 1}.panel-tabs button.active{color:#3b572a;border-color:#7e9d55;font-weight:600}.studio-panel h2{font-size:15px;margin-bottom:6px}.panel-description{font-size:11px;margin-bottom:22px}.participant-row{display:flex;align-items:center;gap:10px;margin:20px 0}.participant-row .avatar{width:32px;height:32px;font-size:12px;background:#e7edde;color:#66804e}.participant-row strong{font-size:11px;font-weight:600;display:block}.participant-row small{display:block;font-size:9px;color:#929c86;margin-top:5px}.participant-row>svg{margin-left:auto;color:#a0ae92}.panel-invite{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;padding:12px;border:1px dashed #ced9c1;border-radius:7px;font-size:11px;color:#72865e;margin-top:24px}.panel-note{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;display:flex;gap:9px;font-size:10px;line-height:1.8;color:#929c87}.panel-note>svg{flex-shrink:0;color:#7b9362}.brand-controls label{margin-top:20px}.brand-controls input,.toggle-row{font-size:11px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0}.toggle-row input{width:17px;height:17px;accent-color:#668c3c}.toggle-row label{margin:0;font-weight:500}.recording-card{border:1px solid var(--line);border-radius:10px;padding:16px;margin:16px 0}.recording-card strong{font-size:12px}.recording-card p{font-size:10px;margin:7px 0}.recording-card .secondary-button{font-size:10px;width:100%;margin-top:10px;min-height:35px;padding:8px}.delivery-state{background:#edf3e4;border:1px solid #dce8ce;border-radius:9px;padding:13px;display:flex;gap:9px;align-items:center;font-size:11px;color:#68854d;margin-bottom:18px}.spinner{animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#26362b;color:#f1f6e8;padding:13px 24px;border-radius:10px;z-index:20;font-size:12px;box-shadow:0 5px 25px #0003}.consent{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#738168;line-height:1.65;margin-top:18px}.consent input{width:16px;flex-shrink:0;margin-top:3px;accent-color:#6f9348}.consent label{font-weight:400;margin:0}.studio-mobile-title{display:none}@media(min-width:1500px){.hero-studio{min-height:405px}.hero-copy{padding:40px}.hero-copy h2{font-size:47px}.hero-art{max-width:460px;justify-self:center;width:95%}.preview-tile{height:165px}.home-content{padding-top:48px}}@media(max-width:1150px){.sidebar{width:205px;flex-basis:205px;padding:25px 16px}.main-shell{margin-left:205px;width:calc(100% - 205px)}.home-content{padding:33px 28px 0}.topbar{padding:0 28px}.hero-copy{padding:28px 23px}.hero-copy h2{font-size:34px}.hero-art{margin-right:18px;padding:12px}.preview-tile{height:124px}.track-preview small{font-size:6px}.track-preview strong{font-size:8px}.page-heading h1{font-size:26px}.studio-workspace{grid-template-columns:minmax(0,1fr) 270px}.stage-column{padding:18px}.studio-controls{flex-wrap:wrap}.record-button{padding:0 16px}}@media(max-width:900px){.sidebar{width:78px;flex-basis:78px;padding:25px 14px}.plan-card,.sidebar .brand>span:last-child,.sidebar .nav-item .nav-count,.sidebar .nav-item:not(.active),.sidebar-foot,.workspace-label{display:none}.sidebar .brand{margin:auto}.sidebar nav{margin-top:42px}.sidebar .nav-item{font-size:0;padding:13px;gap:0}.sidebar .nav-item:not(.active){display:flex}.sidebar-bottom .nav-item{display:flex!important}.main-shell{margin-left:78px;width:calc(100% - 78px)}.hero-copy h2{font-size:31px}.studio-header{padding:0 22px}.studio-header-middle{display:none}.studio-header-actions .secondary-button{font-size:10px;padding:10px}.greenroom{padding:40px 25px}.greenroom-grid{gap:22px;grid-template-columns:1.1fr 1fr}.device-form{padding:20px}.studio-workspace{grid-template-columns:1fr}.stage{min-height:360px}.studio-panel{border:0;border-top:1px solid var(--line);padding:24px;min-height:270px}.studio-controls{flex-wrap:nowrap}.stage-column{padding:24px}.studio-panel .panel-tabs{max-width:450px}.recording-card,.studio-panel .brand-controls{max-width:500px}}@media(max-width:650px){.sidebar{width:60px;padding:20px 9px}.sidebar .brand-icon{width:33px;height:36px}.sidebar .nav-item{padding:11px}.main-shell{margin-left:60px;width:calc(100% - 60px)}.topbar{height:59px;padding:0 18px}.home-content{padding:26px 18px 0}.page-heading{display:block;margin-bottom:22px}.page-heading h1{font-size:25px;line-height:1.25;margin:13px 0 10px}.page-heading .secondary-button{margin-top:18px;font-size:10px;min-height:36px;padding:8px 12px}.page-heading p{font-size:11px}.eyebrow{font-size:7px;letter-spacing:1.2px}.hero-studio{grid-template-columns:1fr}.hero-copy{padding:25px}.hero-copy h2{font-size:34px}.hero-art{margin:4px 25px 25px;transform:rotate(-1deg)}.hero-caption{font-size:8px}.hero-copy .primary-button{margin-top:20px}.preview-tile{height:105px}.track-preview strong{font-size:9px}.track-preview small{font-size:7px}.studio-card{padding:18px 15px;gap:12px}.studio-card h3{font-size:11px}.studio-card p{font-size:9px}.studio-card>svg:last-child{display:none}.plus-circle{flex-shrink:0;width:30px;height:30px}.section-heading h2{font-size:13px}.section-heading>span{font-size:8px}.workflow-grid{grid-template-columns:1fr;gap:25px}.workflow>.section-heading>span{display:none}.workflow-grid>div{padding-left:42px}.step-icon{position:absolute;left:0;top:3px}.workflow-grid h3{font-size:13px}.workflow-grid p{font-size:11px}.home-footer>span:last-child{display:none}.modal{padding:23px}.modal h2{font-size:19px}.pricing-grid{grid-template-columns:1fr}.pricing-grid ul{margin-top:16px}.pricing-grid li{font-size:12px}.studio-header{height:72px;padding:0 15px}.studio-header .brand{font-size:16px}.studio-header-actions .secondary-button{font-size:0;gap:0}.studio-header-actions .secondary-button svg{width:18px}.greenroom{padding:30px 20px}.greenroom h2{font-size:28px}.greenroom-grid{grid-template-columns:1fr}.greenroom-note{font-size:10px}.camera-preview{aspect-ratio:16/11}.device-form{padding:24px}.stage-column{padding:18px 12px}.stage{min-height:300px;padding:9px;gap:8px}.stage:not(.single){grid-template-columns:1fr}.participant-tile{aspect-ratio:16/11}.participant-tile .avatar{height:55px;width:55px;font-size:22px}.stage-toolbar{font-size:8px;gap:8px}.stage-toolbar .quiet-button{font-size:9px}.studio-controls{flex-wrap:wrap;justify-content:center;gap:15px}.studio-controls .leave-button{width:100%;order:3}.record-button{font-size:11px}.av-controls .control-button{height:38px;width:38px}.participant-label{font-size:9px;left:9px;bottom:9px}.lower-third{font-size:13px}.studio-panel{padding:23px 20px}.empty-state{padding:45px 20px}.empty-state h2{font-size:20px}.empty-state p br{display:none}.settings-card{padding:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}:root{color-scheme:light}.topbar-actions{display:flex;align-items:center;gap:24px}.theme-toggle{display:inline-flex;align-items:center;gap:2px;padding:3px;background:#edf1e7;border:1px solid #e1e7d9;border-radius:8px;flex-shrink:0}.theme-toggle button{display:flex;align-items:center;justify-content:center;gap:5px;border-radius:5px;font-size:10px;min-height:27px;padding:5px 8px;color:#839076;transition:background .15s,color .15s}.theme-toggle button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #25381812}.theme-toggle button:hover{color:var(--ink)}.modal{background:var(--surface)}[data-theme=dark]{color-scheme:dark;--bg:#141c17;--surface:#1b261e;--ink:#e6eddf;--muted:#99a78f;--line:#303e31;--green:#aec995}[data-theme=dark] .sidebar{background:#18221b}[data-theme=dark] .brand-icon{background:#34462c}[data-theme=dark] .brand-sub{color:#9aaa8c}[data-theme=dark] .avatar.small,[data-theme=dark] .participant-row .avatar{background:#34432a;color:#c4d7ac}[data-theme=dark] .nav-item{color:#9ead94}[data-theme=dark] .nav-item.active{background:#2c3c25;color:#d4ecb7}[data-theme=dark] .nav-item:hover{background:#273622}[data-theme=dark] .nav-count{background:#425334;color:#d1e6b5}[data-theme=dark] .plan-card{background:#22301f;border-color:#33432a}[data-theme=dark] .eyebrow{color:#a0b18d}[data-theme=dark] .topbar{background:#17211a}[data-theme=dark] .topbar strong{color:#ccd9bf}[data-theme=dark] .topbar>span{color:#8e9b83}[data-theme=dark] .secondary-button{border-color:#3a4b33}[data-theme=dark] .icon-button:hover,[data-theme=dark] .secondary-button:hover{background:#2c3c25}[data-theme=dark] .hero-studio{background:#273724;border-color:#35492c}[data-theme=dark] .pill{background:#384c2a;color:#c1d8a9}[data-theme=dark] .hero-copy p{color:#a4b695}[data-theme=dark] .hero-caption{color:#9aaf88}[data-theme=dark] .hero-copy .primary-button{background:var(--lime);color:#26341f}[data-theme=dark] .hero-copy .primary-button:hover{background:#c7e97a}[data-theme=dark] .hero-art{box-shadow:0 14px 30px #07100838}[data-theme=dark] .new-studio{background:#202e1e;border-color:#415137}[data-theme=dark] .new-studio:hover{background:#293c22}[data-theme=dark] .plus-circle{border-color:#4b603e;color:#b4cc9a}[data-theme=dark] .studio-card-icon{background:#2b3c24;color:#b1cb95}[data-theme=dark] .step-icon,[data-theme=dark] .studio-card>svg:last-child{color:#a7bf8f}[data-theme=dark] .workflow-grid small{color:#9aaf87}[data-theme=dark] .workflow-grid small b{background:#344329;color:#c5d8af}[data-theme=dark] .home-footer,[data-theme=dark] .section-heading>span{color:#92a280}[data-theme=dark] input,[data-theme=dark] select{background:#202e23;border-color:#40503a}[data-theme=dark] .info-note{background:#253520;color:#b3c69f}[data-theme=dark] .error-message{background:#3b2822;border-color:#704038;color:#f0b5a5}[data-theme=dark] .featured-plan{background:#2b3b21;border-color:#536c3b}[data-theme=dark] .greenroom-note{color:#a1b28e}[data-theme=dark] .mic-meter span{background:#34442d}[data-theme=dark] .mic-meter span.lit{background:#c3e67e}[data-theme=dark] .permission-button{background:#cfeba2;color:#314122}[data-theme=dark] .av-controls .control-button{color:#d1e4bb}[data-theme=dark] .av-controls .control-button.off{background:#482f29;color:#efb1a2}[data-theme=dark] .record-button.recording{background:#512f27;color:#ffc0b0}[data-theme=dark] .leave-button{color:#d69f91}[data-theme=dark] .panel-tabs button{color:#9bac8c}[data-theme=dark] .panel-tabs button.active{color:#d2eba6;border-color:#b9d97f}[data-theme=dark] .panel-invite{border-color:#50683c;color:#c1d6a7}[data-theme=dark] .panel-note,[data-theme=dark] .stage-footnote{color:#a2b091}[data-theme=dark] .delivery-state{background:#2a3b20;border-color:#4d6238;color:#c5ddab}[data-theme=dark] .theme-toggle{background:#121c15;border-color:#34452d}[data-theme=dark] .theme-toggle button{color:#a4b193}[data-theme=dark] .theme-toggle button[aria-pressed=true]{background:#3b502c;color:#def0c9;box-shadow:0 1px 4px #0003}[data-theme=dark] .toast{background:#d6f58a;color:#26341f}@media(max-width:650px){.topbar-actions{gap:8px}.topbar-actions>.quiet-button{display:none}.theme-toggle button{padding:5px 7px}.theme-toggle button span{display:none}.theme-toggle button{min-width:28px}.studio-header-actions{gap:10px}.studio-header-actions>.quiet-button{font-size:0;gap:0}.studio-header-actions>.quiet-button svg{width:18px;height:18px}}.preview-options{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}.preview-options>span{font-size:10px;color:var(--muted)}.mirror-preview-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:11px;white-space:nowrap}.mirror-preview-toggle:hover{color:var(--ink)}.mirror-preview-toggle[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:#283421}@media(max-width:1150px){.av-controls{flex-wrap:wrap}}@media(max-width:650px){.mirror-preview-toggle{min-height:38px}.av-controls{justify-content:center}}.stage-view{display:flex;flex-direction:column;flex:1 1;min-width:0}.stage-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.stage-view-toolbar>span{display:flex;align-items:center;gap:7px;min-width:0;color:var(--muted);font-size:11px}.stage-view-toolbar>span>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-view-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font-size:11px;white-space:nowrap;min-height:35px}.grid-view-button[aria-pressed=true]{background:#eaf0e2;border-color:#cbd9bb;color:#526b3f}.grid-view-button:hover{border-color:#8faa70}.feed-tile{min-width:0}.feed-focus-target{position:absolute;inset:0;width:100%;height:100%;z-index:1;border-radius:inherit;padding:0;background:transparent;cursor:pointer}.feed-focus-target:focus-visible{outline:2px solid var(--lime);outline-offset:-4px}.feed-focus-hint{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:6px;background:#132319db;color:#f2f8e9;font-size:10px;opacity:0;transition:opacity .15s;pointer-events:none}.feed-focus-target:focus-visible .feed-focus-hint,.feed-focus-target:hover .feed-focus-hint{opacity:1}.stage.focus-layout{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start}.stage.focus-layout .is-focused{grid-column:1/-1;grid-row:1;aspect-ratio:16/9}.stage.focus-layout .is-focused video{object-fit:contain}.stage.focus-layout .feed-tile:not(.is-focused){aspect-ratio:16/9}.stage.focus-layout .feed-tile:not(.is-focused) .participant-label{font-size:9px;bottom:7px;left:7px;padding:5px 7px;max-width:calc(100% - 14px);overflow:hidden;white-space:nowrap}.stage.focus-layout .feed-tile:not(.is-focused) .lower-third{bottom:7px;left:7px;padding:6px 9px;font-size:11px;max-width:calc(100% - 14px);overflow:hidden}.stage.focus-layout .feed-tile:not(.is-focused) .lower-third small{font-size:8px}.stage.focus-layout .feed-tile:not(.is-focused) .avatar{width:42px;height:42px;font-size:20px}.stage.focus-layout .feed-tile:not(.is-focused) .feed-focus-hint{top:7px;right:7px;padding:5px}.stage.focus-layout .feed-tile:not(.is-focused) .feed-focus-hint>span{display:none}[data-theme=dark] .grid-view-button[aria-pressed=true]{background:#2b3c23;border-color:#4c6536;color:#d2e9b8}@media(max-width:1150px){.stage.focus-layout{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.stage.focus-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-view-toolbar>span{font-size:9px}.grid-view-button{font-size:10px;padding:7px 9px}.stage.focus-layout .is-focused{min-height:210px}.stage-view-toolbar{gap:8px}}@media(hover:none){.feed-focus-hint{opacity:1}.feed-focus-hint>span{display:none}}.producer-shell{min-height:100vh;background:var(--bg);color:var(--ink)}.producer-content{max-width:1500px;margin:auto;padding:44px 36px 70px}.producer-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:28px}.producer-heading h1{font-size:32px;letter-spacing:-1px;margin:12px 0}.producer-heading p{color:var(--muted);line-height:1.7;font-size:13px}.producer-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.producer-tabs{max-width:350px;margin:24px 0}.producer-feed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:20px}.producer-feed-card{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.producer-feed-video{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#121b15;color:#ceddb9}.producer-feed-video video{width:100%;height:100%;object-fit:contain}.producer-feed-info{padding:20px;display:flex;flex-direction:column;gap:8px}.producer-feed-info>small,.producer-feed-info>span{color:var(--muted);font-size:12px;line-height:1.5}.producer-link-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:9px}.producer-quality-note{font-size:12px;color:var(--muted);line-height:1.8;margin:24px 0}.producer-access-card{border:1px solid var(--line);border-radius:14px;padding:36px;background:var(--surface);margin:25px 0}.producer-access-card p{line-height:1.8;color:var(--muted);margin:15px 0 22px}.producer-access-list{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;margin-top:20px}.producer-access-list h2{font-size:17px}.producer-access-list>div{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:14px 0;font-size:12px;overflow-wrap:anywhere}.recording-library>.section-heading{margin-top:0}.recording-library .recording-card{margin:14px 0;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.recording-library .recording-card p{font-size:12px;line-height:1.7;color:var(--muted)}.take-progress{background:var(--surface);padding:15px;border:1px solid var(--line);border-radius:10px;margin:15px 0}.take-progress>div{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding:8px 0}.take-progress span{color:var(--muted)}.recording-alert{position:fixed;bottom:24px;left:24px;right:24px;z-index:50;padding:16px;border-radius:10px;background:#5b2921;color:#fff;font-size:13px}.iso-feed{position:fixed;inset:0;background:#000;color:white;display:flex;align-items:center;justify-content:center}.iso-feed>video{width:100%;height:100%;object-fit:contain}.iso-feed>p{position:absolute;font-size:13px;color:#ccc}.iso-feed>button{position:absolute;bottom:20px;right:20px;background:#e0efcf;color:#182016;padding:10px 16px;border-radius:8px}@media(max-width:900px){.producer-heading{align-items:flex-start;flex-direction:column}.producer-content{padding:28px 20px}.producer-feed-grid{grid-template-columns:1fr}.studio-header-actions{flex-wrap:wrap;justify-content:flex-end}.studio-header-middle{display:none}}.audio-quality{margin:18px 0}.audio-quality label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.audio-quality select{width:100%}.audio-quality p,.audio-quality small{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin:8px 0 0}.audio-quality.compact{margin:14px 0}.audio-quality-error{font-size:12px;line-height:1.6;margin-top:8px;color:var(--ink)}.audio-quality-error button{display:block}.audio-quality select:disabled{opacity:.65}.camera-preview:has(.camera-placeholder){aspect-ratio:auto;min-height:320px}.camera-placeholder{padding-bottom:84px}@media(max-width:900px){.greenroom-grid{grid-template-columns:minmax(0,1fr)}}