@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap");:root{--ink:#fafafa;--paper:#09090b;--surface:#111113;--line:#27272a;--teal:#2dd4bf;--teal-deep:#5eead4;--yellow:#facc15;--purple:#a78bfa;--red:#fb7185;--shadow:0 18px 42px rgba(0,0,0,.32);--mono:"Geist Mono",monospace;--sans:"Geist",sans-serif;--display:"Geist",sans-serif}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font:14px var(--sans);-webkit-font-smoothing:antialiased}button{border:0;cursor:pointer;font:inherit}button:disabled{cursor:wait;opacity:.65}button:focus-visible{outline:3px solid rgba(20,184,166,.35);outline-offset:2px}.app-shell,.sidebar{display:flex;min-height:100vh}.sidebar{width:246px;flex-shrink:0;flex-direction:column;padding:29px 16px 18px;border-right:1px solid #e1e8ea;background:#edf2f3}.brand-lockup{display:flex;align-items:center;gap:11px;padding:0 12px 30px}.brand-mark{display:flex;width:28px;height:28px;align-items:flex-end;gap:2px;padding:6px 5px;border-radius:8px;background:var(--ink);transform:rotate(-8deg)}.brand-mark span{display:block;width:5px;border-radius:4px;background:#7ae4d6}.brand-mark span:first-child{height:9px;opacity:.7}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:11px;opacity:.86}.brand-name{font:800 19px/17px var(--display);letter-spacing:-.08em}.brand-product{color:#829095;font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase}.workspace-switcher{display:flex;align-items:center;gap:9px;margin-bottom:29px;padding:9px 10px;border:1px solid #e0e8ea;border-radius:11px;background:hsla(0,0%,100%,.6)}.user-avatar,.workspace-avatar{display:grid;place-items:center;border-radius:8px;font-weight:700}.workspace-avatar{width:28px;height:28px;color:#fff;background:#8c79e8}.user-copy,.workspace-copy{min-width:0;flex:1 1}.user-copy strong,.workspace-copy strong{display:block;font-size:12px}.user-copy span,.workspace-copy span{color:#8a989d;font-size:12px}.chevron{color:#9ba8ab;font-size:18px;padding-bottom:4px}.nav-group{display:flex;flex-direction:column;gap:5px}.nav-label{padding:0 13px 8px;color:#94a1a5;font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:8px;color:#728086;background:transparent;text-align:left;transition:.2s ease}.nav-item:hover{color:var(--ink);background:hsla(0,0%,100%,.55)}.nav-item.active{color:var(--teal-deep);background:#d8f1ee;font-weight:700}.nav-icon{width:14px;color:#809094;font-size:16px;line-height:12px}.nav-item.active .nav-icon{color:var(--teal-deep)}.nav-count{min-width:20px;margin-left:auto;padding:2px 6px;border-radius:20px;color:#637378;background:#dbe5e7;text-align:center;font:12px var(--mono)}.secondary-nav{margin-top:29px}.sidebar-bottom{margin-top:auto}.help-card{display:flex;align-items:center;gap:9px;margin-bottom:15px;padding:11px;border-radius:10px;background:#dceeed}.help-orb{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#397d78;background:#a9e6dc;font-weight:700}.help-card strong{display:block;color:#376f6b}.help-card span{display:block;color:#7ba19e}.help-card .arrow{margin-left:auto;font-size:15px}.user-row{display:flex;align-items:center;gap:9px;padding:14px 4px 0;border-top:1px solid #dbe3e5}.user-avatar{color:#42566f;background:#d5e1ef;font-size:12px}.icon-button{padding:5px;border:0;color:#a0aaad;background:transparent;letter-spacing:2px}.icon-button:hover{color:var(--ink)}.help-card,.workspace-switcher{width:100%;color:inherit;text-align:left;cursor:pointer}.help-card{border:0}.main-content{min-width:0;flex:1 1}.topbar{display:flex;height:73px;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line);background:rgba(246,248,250,.82)}.breadcrumb{display:flex;gap:10px;color:#8f9a9f;font-size:12px;text-transform:capitalize}.breadcrumb .slash{color:#c1c9cb}.breadcrumb strong{color:#34464d;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:22px}.system-status{color:#789097;font-size:12px}.live-pulse,.status-dot{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(20,184,166,.12)}.notification-button{position:relative;color:#859296;font-size:17px}.notification-dot{position:absolute;top:3px;right:2px;width:5px;height:5px;border:1px solid var(--paper);border-radius:50%;background:#ed7d64}.content-wrap{max-width:1410px;margin:0 auto;padding:42px 48px 75px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between}.eyebrow,.section-kicker{color:#8a989d;font:500 12px var(--mono);letter-spacing:.15em}.eyebrow{margin:0 0 13px}.page-heading h1{margin:0;font:800 clamp(28px,3vw,42px)/1.05 var(--display);letter-spacing:-.06em}.heading-copy{margin:13px 0 0;color:#718086;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;border-radius:7px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-1px)}.button-dark{color:#fff;background:#203238;box-shadow:0 5px 10px rgba(32,50,56,.12)}.button-dark:hover{background:#102328;box-shadow:0 8px 16px rgba(32,50,56,.15)}.button-dark span{color:#75dfd1;font-size:18px;font-weight:400;line-height:10px}.button-quiet{color:#597075;background:#f1f5f5}.button-danger{color:#a74b53;background:#fff0f0}.button-full{width:calc(100% - 62px);margin:0 31px;padding:13px}.intro-heading{margin-bottom:35px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:19px}.metric-card{position:relative;min-height:145px;overflow:hidden;padding:20px 22px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.metric-card-accent{border-color:#d1efea;background:#e5f6f3}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#779096}.metric-label{font:500 12px var(--mono);letter-spacing:.03em;text-transform:uppercase}.metric-icon{color:#80a09f;font-size:17px}.metric-value{position:relative;z-index:1;margin:10px 0 5px;font:700 32px var(--display);letter-spacing:-.06em}.metric-value small{color:#8b9ca0;font:500 12px var(--mono);letter-spacing:0}.metric-value-small{font-size:22px;letter-spacing:-.04em}.metric-foot{position:relative;z-index:1;display:flex;align-items:center;gap:8px;color:#7d8e93;font-size:12px}.metric-divider{width:1px;height:11px;background:#d0dcdd}.positive{color:#0e9b89;font-weight:700}.metric-sparkline{position:absolute;right:18px;bottom:24px;display:flex;align-items:flex-end;gap:3px;height:37px;opacity:.55;transform:skewY(-10deg)}.metric-sparkline i{display:block;width:4px;border-radius:4px;background:#8bd9ce}.credit-bar,.metric-progress{position:absolute;right:0;bottom:0;left:0;height:4px;background:#edf1f1}.credit-bar span{display:block;height:100%;background:var(--yellow)}.metric-progress span{display:block;height:100%;background:var(--purple)}.license-badge{padding:3px 5px;border-radius:3px;color:#7865d0;background:#eeeafd;font:12px var(--mono)}.feature-grid{display:grid;grid-template-columns:1.55fr 1fr;grid-gap:14px;gap:14px;margin-bottom:39px}.retention-card,.welcome-card{min-height:284px;overflow:hidden;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.welcome-card{position:relative;display:flex;padding:31px 33px;color:#fff;background:#263a40}.welcome-copy{position:relative;z-index:2;width:45%}.welcome-copy .section-kicker{color:#79a39f}.retention-card h3,.welcome-copy h2{margin:14px 0 12px;font:700 27px/1.08 var(--display);letter-spacing:-.055em}.retention-card h3 em,.welcome-copy h2 em{color:#67d8ca;font-style:normal}.welcome-copy p{max-width:255px;color:#a5b6b7;font-size:12px;line-height:1.6}.text-button{display:inline-flex;align-items:center;gap:13px;padding:0;color:#69ddce;background:transparent;font:700 12px var(--sans)}.text-button span{font-size:17px;font-weight:400;transition:transform .2s}.text-button:hover span{transform:translateX(3px)}.text-button.muted{color:#708287;font-weight:600}.text-button.muted:hover{color:var(--teal-deep)}.control-visual{position:absolute;top:15px;right:-3%;width:59%;height:255px}.visual-window{position:absolute;z-index:1;top:15px;right:4%;width:85%;height:232px;padding:14px;border:1px solid rgba(156,224,217,.28);border-radius:8px;background:rgba(37,60,65,.84);box-shadow:0 20px 30px rgba(7,29,33,.32);transform:rotate(2deg)}.visual-window-bar{display:flex;align-items:center;gap:4px;margin-bottom:13px}.visual-window-bar span{width:5px;height:5px;border-radius:50%;background:#56837e}.visual-window-bar small{margin-left:auto;color:#65948f;font:12px var(--mono)}.visual-flow-line{position:absolute;top:55px;bottom:28px;left:23px;width:1px;background:linear-gradient(#51beaf,rgba(81,190,175,.1))}.visual-card,.visual-control{position:relative;display:flex;align-items:center;gap:8px;margin:8px 0 8px 10px;padding:8px 10px;border:1px solid rgba(136,198,193,.16);border-radius:5px;background:hsla(0,0%,100%,.06)}.visual-card b,.visual-control b{display:block;color:#deeeeb;font-size:12px;font-weight:600}.visual-card small,.visual-control small{display:block;margin-top:3px;color:#789792;font-size:7px}.visual-card i{margin-left:auto;color:#5ecfc0;font-size:13px;font-style:normal}.mini-avatar{display:grid;flex-shrink:0;place-items:center;width:22px;height:22px;border-radius:5px;color:#24434a;font:700 12px var(--mono)}.mini-avatar.blue{background:#8edfe0}.mini-avatar.yellow{background:#f3d37d}.visual-control{margin-top:19px;border-color:rgba(71,205,185,.4);background:rgba(15,130,116,.2)}.control-square{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;color:#9af0dc;background:rgba(39,206,179,.16)}.visual-control button{margin-left:auto;padding:4px 9px;border-radius:4px;color:#9ff3e4;background:#168c80;font:12px var(--mono)}.visual-glow{position:absolute;top:8%;right:2%;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(65,209,191,.22),transparent 65%);filter:blur(12px)}.retention-card{padding:31px 30px;background:#fff}.retention-top{display:flex;align-items:center;justify-content:space-between}.retention-top .section-kicker{color:#b18e40}.shield-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:#ad8730;background:#fff4d8;font-size:19px}.retention-card h3{margin-top:15px;font-size:25px}.retention-card h3 em{color:#d19b28}.retention-card p{max-width:280px;margin:0 0 23px;color:#76868b;font-size:12px;line-height:1.6}.retention-line{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #edf0f0;border-bottom:1px solid #edf0f0;color:#869398;font-size:12px}.retention-line strong{color:#c09231;font:500 12px var(--mono)}.retention-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}.retention-tags span{padding:5px 7px;border-radius:3px;color:#94a1a5;background:#f6f8f8;font:12px var(--mono);letter-spacing:.07em}.section-block{min-width:0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:17px}.section-heading h2{margin:8px 0 0;font:700 20px var(--display);letter-spacing:-.045em}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:13px;gap:13px}.template-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.template-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(24,44,52,.1)}.template-art{position:relative;height:108px;overflow:hidden;padding:13px}.template-art.auth{background:#e5effa}.template-art.otp{background:#f9efd9}.template-art.checkout{background:#ede7fb}.template-art:after{position:absolute;right:-18px;bottom:-42px;width:155px;height:110px;border:1px solid rgba(47,78,102,.12);border-radius:50%;content:"";transform:rotate(-23deg)}.art-tag{position:relative;z-index:2;color:rgba(49,86,105,.64);font:12px var(--mono);letter-spacing:.08em}.art-ui{position:absolute;z-index:1;right:25px;bottom:-24px;width:115px;height:90px;padding:11px;border:1px solid rgba(61,94,110,.15);border-radius:7px;background:hsla(0,0%,100%,.75);box-shadow:0 10px 20px rgba(63,83,102,.1);transform:rotate(-5deg)}.art-ui .line{width:70%;height:4px;margin-bottom:6px;border-radius:4px;background:#b8cfde}.art-ui .line.short{width:43%}.art-ui .box{height:15px;margin-top:9px;border-radius:3px;background:#dce9f0}.art-ui .button-line{width:45%;height:12px;margin-top:9px;border-radius:3px;background:#56bbb0}.otp .art-ui{transform:rotate(4deg)}.otp .art-ui .button-line{background:#e3af43}.checkout .art-ui{transform:rotate(-3deg)}.checkout .art-ui .button-line{background:#967feb}.template-info{padding:15px 16px 14px}.template-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.template-info h3{margin:0;font-size:13px}.template-status{display:inline-flex;align-items:center;gap:5px;color:#5a9994;font:12px var(--mono);text-transform:uppercase}.template-status i{width:5px;height:5px;border-radius:50%;background:var(--teal)}.template-info p{min-height:31px;margin:8px 0 13px;color:#869398;font-size:12px;line-height:1.5}.template-meta{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #edf0f0}.template-meta span{color:#869398;font:12px var(--mono)}.template-meta button{padding:5px 0;color:var(--teal-deep);background:transparent;font-size:12px;font-weight:700}.loading-copy{color:#8f9ca0;font-size:12px}.lower-grid{display:grid;grid-template-columns:1.3fr .7fr;grid-gap:40px;gap:40px;margin-top:43px}.deployment-list{display:flex;flex-direction:column;gap:8px}.deployment-row{display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(160px,1fr) 100px 86px;grid-gap:16px;gap:16px;align-items:center;min-height:70px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#fff}.deployment-name{display:flex;align-items:center;gap:10px;min-width:0}.deployment-thumb{display:grid;flex-shrink:0;place-items:center;width:31px;height:31px;border-radius:7px;font-size:13px}.deployment-thumb.auth{color:#47718d;background:#e5effa}.deployment-thumb.otp{color:#ae8130;background:#f9efd9}.deployment-thumb.checkout{color:#7259c4;background:#ede7fb}.deployment-domain a,.deployment-domain b,.deployment-name b{display:block;overflow:hidden;color:inherit;text-overflow:ellipsis;text-decoration:none;white-space:nowrap;font-size:12px}.deployment-domain a:hover{color:var(--teal-deep)}.deployment-domain small,.deployment-name small{display:block;overflow:hidden;margin-top:4px;color:#9aa5a8;text-overflow:ellipsis;white-space:nowrap;font:12px var(--mono)}.deployment-domain small{color:#799398}.deploy-status{display:flex;align-items:center;gap:6px;color:#5e9993;font:12px var(--mono);text-transform:uppercase}.deploy-status i{width:5px;height:5px;border-radius:50%;background:var(--teal)}.deploy-status.provisioning{color:#a58035}.deploy-status.provisioning i{background:var(--yellow)}.deployment-actions{display:flex;justify-content:flex-end;gap:7px}.small-action{padding:7px 8px;border-radius:5px;color:#638084;background:#f1f5f5;font-size:12px}.small-action:hover{color:var(--teal-deep);background:#d9f5f0}.small-action.kill:hover{color:#ae545b;background:#fff0f0}.activity-list{border-top:1px solid var(--line)}.activity-row{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.activity-symbol{display:grid;flex-shrink:0;place-items:center;width:25px;height:25px;border-radius:7px;color:var(--teal-deep);background:#e0f5f1;font-size:12px}.activity-symbol.yellow{color:#a77e2c;background:#fff2d3}.activity-symbol.purple{color:#7560ca;background:#eeeaff}.activity-copy{min-width:0;flex:1 1}.activity-copy b{display:block;font-size:12px;font-weight:600}.activity-copy span{display:block;overflow:hidden;margin-top:4px;color:#97a3a6;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.activity-time{color:#abb4b6;font:12px var(--mono);white-space:nowrap}.modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:25px;background:rgba(20,35,39,.45);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{position:relative;width:min(100%,500px);max-height:calc(100vh - 50px);overflow:auto;border:1px solid hsla(0,0%,100%,.7);border-radius:14px;background:#fff;box-shadow:0 30px 90px rgba(17,34,39,.25);animation:modal-in .22s ease both}.modal-close{position:absolute;z-index:2;top:17px;right:18px;width:25px;height:25px;border-radius:50%;color:#8b979a;background:#f1f4f4;font-size:17px;line-height:1}.modal-close:hover{color:var(--ink);background:#e7eeee}.modal-header{display:flex;align-items:center;gap:13px;padding:29px 31px 0}.modal-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;color:#159f90;background:#e0f6f1;font-size:20px}.control-header h2,.modal-header h2{margin:6px 0 0;font:700 22px var(--display);letter-spacing:-.05em}.modal-copy{margin:19px 31px;color:#7d8b8f;font-size:12px;line-height:1.6}.modal-template-preview{display:flex;align-items:center;gap:13px;margin:0 31px 22px;padding:12px;border:1px solid #dcebea;border-radius:8px;background:#f5fbfa}.modal-template-preview .deployment-thumb{width:37px;height:37px}.modal-template-preview b{display:block;font-size:12px}.modal-template-preview span{display:block;margin-top:4px;color:#7a8e91;font-size:12px}.field-label{margin:0 31px 9px;color:#67787d;font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase}.lifetime-options{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin:0 31px 17px}.lifetime-option{padding:12px 8px;border:1px solid #e2e9e9;border-radius:7px;color:#738488;background:#fff;text-align:left}.lifetime-option strong{display:block;color:#354a50;font-size:12px}.lifetime-option span{display:block;margin-top:5px;font:12px var(--mono)}.lifetime-option.selected{border-color:#5ecfc1;background:#edfafa;box-shadow:0 0 0 2px rgba(94,207,193,.1)}.lifetime-option.selected span,.lifetime-option.selected strong{color:var(--teal-deep)}.deploy-cost{display:flex;justify-content:space-between;margin:0 31px 16px;padding-top:14px;border-top:1px solid #eef1f1;color:#849195;font-size:12px}.deploy-cost strong{color:#40555a;font:500 12px var(--mono)}.modal-footnote{margin:14px 31px 25px;color:#9aa5a8;text-align:center;font-size:12px}.modal-footnote span{color:#d3a33f}.modal-footnote code,code{color:#718185;font:12px var(--mono)}.control-modal{display:grid;grid-template-rows:auto minmax(220px,1fr) auto minmax(170px,.72fr) auto;width:min(100%,1280px);height:calc(100dvh - 36px);max-height:calc(100dvh - 36px);overflow:hidden}.control-modal .modal-close{z-index:5}.control-backdrop{padding:18px}.control-modal .control-header{min-height:0;padding:18px 28px 14px;align-items:center}.control-modal .control-header h2{margin:5px 0;font-size:21px}.control-modal .control-header p{margin:0;color:#849396;font-size:12px}.control-modal .control-header-actions{align-items:end;gap:9px}.control-player-picker{display:grid;grid-gap:4px;gap:4px;min-width:210px;color:#718185;font-size:11px}.control-player-picker select{min-height:38px;padding:8px 30px 8px 10px;border:1px solid #dce5e4;border-radius:7px;background:#fff;color:#29464a;font:600 12px var(--display)}.control-preview-area{overflow:hidden;padding:10px 24px 14px;background:#f4f8f8}.control-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}.control-preview-heading>div{display:grid;grid-gap:3px;gap:3px}.control-preview-heading strong{color:#526469;font-size:12px}.control-preview-empty{display:grid;place-items:center;min-height:190px;height:calc(100% - 42px);padding:24px;border:1px dashed #c7d8d6;border-radius:9px;background:#fff;color:#688084;text-align:center;font-size:13px}.control-modal .dom-mirror{height:calc(100% - 40px);min-height:180px;max-height:420px}.control-modal .dom-mirror iframe{cursor:crosshair}.control-workspace-tabs{display:flex;padding:9px 24px 0;border-top:1px solid #e6eded;background:#fff}.control-workspace-tabs button{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:0;border-bottom:2px solid transparent;background:transparent;color:#75878a;cursor:pointer;font:600 12px var(--display)}.control-workspace-tabs button.selected{border-bottom-color:#0e9e90;color:#087d77}.control-workspace-tabs button span{display:grid;min-width:19px;height:19px;place-items:center;border-radius:10px;background:#eaf3f2;color:#587074;font-size:10px}.control-workspace-panel{padding:14px 24px 18px;background:#fbfcfc}.control-tool-content{max-width:1050px;margin:0 auto}.control-target-summary{display:flex;align-items:center;gap:10px;min-height:48px;margin-bottom:11px;padding:9px 12px;border:1px solid #dce9e7;border-radius:8px;background:#f5faf9}.control-target-summary b,.control-target-summary small{display:block}.control-target-summary b{color:#29464a;font-size:12px}.control-target-summary small{margin-top:3px;color:#73878a;font-size:11px}.control-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.control-tool-card{padding:12px;border:1px solid #e2ebea;border-radius:8px;background:#fff}.control-tool-card .studio-field{margin:0 0 9px}.control-tool-card .studio-field textarea{width:100%;border:1px solid #dce5e4;border-radius:7px;padding:9px;font:12px var(--display)}.control-tool-card .button{min-height:34px;padding:8px 11px;font-size:11px}.control-state-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px}.control-state-actions>span{margin-right:4px;color:#718185;font-size:11px}.control-state-actions button{min-height:34px;padding:7px 10px;border:1px solid #dce5e4;border-radius:7px;background:#fff;color:#425b5e;cursor:pointer;font:600 11px var(--display)}.control-state-actions button:hover:not(:disabled){border-color:#78bdb4;background:#f1faf8}.control-state-actions button:disabled{cursor:not-allowed;opacity:.45}.control-state-actions.compact{margin-top:8px}.control-tool-note{margin:10px 0 0;color:#849396;font-size:11px;line-height:1.5}.redirect-tool{display:grid;grid-template-columns:1fr minmax(230px,.8fr) auto;align-items:end;grid-gap:14px;gap:14px}.redirect-tool h3{margin:5px 0;color:#29464a;font:600 16px var(--display)}.redirect-tool p{max-width:450px;margin:0;color:#7b8d90;font-size:11px;line-height:1.5}.redirect-tool .studio-field{margin:0}.redirect-tool .button{min-height:40px}.control-modal .control-footer{padding:9px 24px;font-size:10px}.control-header{display:flex;align-items:flex-start;justify-content:space-between;padding:31px 32px 24px;border-bottom:1px solid var(--line)}.control-header h2{display:flex;align-items:center;gap:9px}.control-header p{margin:6px 0 0;color:#8c999c;font:12px var(--mono)}.live-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:4px;color:#0b9586;background:#e5f7f3;font:12px var(--mono);letter-spacing:.05em;text-transform:uppercase}.live-chip i{width:5px;height:5px;border-radius:50%;background:var(--teal)}.control-header-actions{display:flex;gap:7px}.control-layout{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:16px;gap:16px;padding:21px 32px;background:#fbfcfc}.event-panel,.simulator-panel{min-height:330px;padding:17px;border:1px solid var(--line);border-radius:8px;background:#fff}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between}.panel-heading h3{margin:6px 0 0;font:600 14px var(--display);letter-spacing:-.03em}.event-count{color:#8e9c9f;font:12px var(--mono)}.event-stream{margin-top:18px}.event-item{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #eff2f2}.event-item:last-child{border-bottom:0}.event-marker{display:grid;flex-shrink:0;place-items:center;width:25px;height:25px;border-radius:7px;color:#5195a0;background:#e5f4f5;font-size:12px}.event-marker.otp{color:#a68130;background:#fff3db}.event-marker.submit{color:#7f6acb;background:#eeeafd}.event-body{min-width:0;flex:1 1}.event-body b{display:block;color:#42565b;font-size:12px;font-weight:600}.event-body span{display:block;margin-top:4px;color:#8d9a9d;font-size:12px}.event-time{color:#b0babc;font:12px var(--mono);white-space:nowrap}.simulator-copy{max-width:215px;margin:19px 0 15px;color:#899699;font-size:12px;line-height:1.55}.simulation-actions{display:flex;flex-direction:column;gap:7px}.simulation-actions button{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #e7ecec;border-radius:7px;background:#fff;text-align:left}.simulation-actions button:hover{border-color:#a5dfd7;background:#f5fcfb}.simulation-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;font-size:12px}.simulation-icon.success{color:#159c8b;background:#def6f0}.simulation-icon.danger{color:#c26167;background:#ffebeb}.simulation-icon.neutral{color:#7b8790;background:#eef2f3}.simulation-actions b{display:block;color:#526469;font-size:12px}.simulation-actions small{display:block;margin-top:3px;color:#9ca8aa;font-size:12px}.simulation-actions button>span:last-child{margin-left:auto;color:#9aabaa}.field-control-card{margin:14px 0 20px;padding:14px;border:1px solid #dce9e7;border-radius:10px;background:#f7fbfa}.field-control-title{display:flex;align-items:center;gap:9px;margin-bottom:12px}.field-control-title b,.field-control-title small{display:block}.field-control-title b{color:#29464a;font-size:13px}.field-control-note,.field-control-title small{color:#7b8d90;font-size:11px;line-height:1.5}.field-clear{margin-left:auto;border:0;background:transparent;color:#087d77;cursor:pointer;font-size:11px}.field-clear:disabled{opacity:.4;cursor:default}.field-control-card .studio-field{margin:10px 0}.field-control-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:7px;gap:7px;margin:12px 0 8px}.field-control-actions button{min-height:38px;border:1px solid #d5e2e0;border-radius:7px;background:#fff;color:#315257;cursor:pointer;font:600 11px var(--display)}.field-control-actions button:hover:not(:disabled){border-color:#74bdb3;background:#eef9f7}.field-control-actions button.field-success{color:#087d77}.field-control-actions button.field-error{color:#a7535b}.field-control-actions button:disabled{cursor:not-allowed;opacity:.45}.field-control-note{display:block}.control-footer{display:flex;flex-wrap:wrap;gap:22px;padding:13px 32px;border-top:1px solid var(--line);color:#8e9a9d;font:12px var(--mono)}.control-footer .live-pulse{margin-right:4px}.control-footer code{color:#718e8e}.info-modal{width:min(100%,520px);padding:34px}.info-modal h2{margin:10px 0 11px;font:800 27px var(--display);letter-spacing:-.06em}.info-copy{margin:0 0 24px;color:#77888c;font-size:12px;line-height:1.65}.info-stat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px;margin-bottom:16px}.info-stat-grid>div{padding:14px;border:1px solid #e5ecec;border-radius:8px;background:#f8fbfb}.info-stat-grid span,.settings-row span{display:block;color:#879598;font:12px var(--mono)}.info-stat-grid strong{display:block;margin-top:7px;color:#324d52;font:700 18px var(--display)}.info-list{display:grid;grid-gap:8px;gap:8px}.info-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf1f1}.guide-step b,.info-list b{display:block;color:#455d61;font-size:12px}.guide-step span,.info-list span{display:block;margin-top:4px;color:#91a0a3;font-size:12px}.info-action{margin-top:23px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #edf1f1}.settings-row code,.settings-row strong{color:#466066;font-size:12px}.guide-step{display:flex;gap:11px;padding:13px 0;border-bottom:1px solid #edf1f1}.guide-step i{display:grid;flex-shrink:0;width:26px;height:26px;place-items:center;border-radius:7px;color:#168c81;background:#dff4ef;font:12px var(--mono);font-style:normal}.toast-region{position:fixed;z-index:40;right:22px;bottom:22px;display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:10px;min-width:270px;max-width:360px;padding:13px 15px;border:1px solid #d9e7e5;border-radius:8px;color:#486267;background:#fff;box-shadow:0 15px 35px rgba(24,44,52,.15);animation:toast-in .25s ease both;font-size:12px}.toast:before{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;color:#fff;font-size:12px}.toast.success:before{content:"✓";background:var(--teal)}.toast.warning:before{content:"!";background:#dcac3d}.toast.error:before{content:"×";background:var(--red);font-size:13px}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:1100px){.content-wrap{padding-right:28px;padding-left:28px}.topbar{padding:0 28px}.feature-grid{grid-template-columns:1.3fr 1fr}.welcome-copy{width:50%}.control-visual{right:-12%;width:62%}.lower-grid{grid-template-columns:1fr;gap:40px}}@media (max-width:850px){.sidebar{width:72px;padding:25px 10px 15px}.brand-lockup{padding:0 11px 30px}.brand-lockup>div:last-child,.chevron,.workspace-copy{display:none}.workspace-switcher{justify-content:center;padding:9px}.nav-item{justify-content:center;padding:11px 5px;font-size:0}.nav-icon{font-size:17px}.nav-count{display:none}.secondary-nav{margin-top:22px}.help-card,.user-row{justify-content:center}.help-card .arrow,.help-card>div:not(.help-orb),.user-copy,.user-row .icon-button{display:none}.content-wrap{padding:35px 22px 60px}.topbar{padding:0 22px}.metrics-grid{gap:9px}.metric-card{padding:16px}.feature-grid{grid-template-columns:1fr}.welcome-card{min-height:300px}.control-visual{right:-3%;width:58%}.retention-card{min-height:auto}.template-grid{grid-template-columns:repeat(3,minmax(180px,1fr));overflow-x:auto;padding-bottom:5px}.template-card{min-width:180px}.deployment-row{grid-template-columns:1fr auto;gap:8px}.deploy-status,.deployment-domain{grid-column:1}.deployment-actions{grid-column:2;grid-row:1/span 2}.control-layout{grid-template-columns:1fr}.control-header{display:block}.control-header-actions{margin-top:17px}.control-footer{gap:9px 18px}}@media (max-width:560px){.sidebar{width:58px}.content-wrap{padding:27px 14px 50px}.topbar{height:60px;padding:0 14px}.system-status{display:none}.intro-heading{display:block}.intro-heading .button{margin-top:20px}.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:125px}.welcome-card{padding:26px 22px}.welcome-copy{width:66%}.welcome-copy h2{font-size:24px}.control-visual{right:-30%;width:67%;opacity:.72}.section-heading{align-items:flex-start}.section-heading .text-button{margin-top:23px;font-size:0}.section-heading .text-button span{font-size:18px}.lifetime-options{grid-template-columns:1fr}.modal-backdrop{padding:12px}.deploy-cost,.field-label,.lifetime-options,.modal-copy,.modal-header,.modal-template-preview{margin-right:20px;margin-left:20px}.modal-header{padding-right:0;padding-left:0}.button-full{width:calc(100% - 40px);margin-left:20px}.modal-footnote{margin-right:20px;margin-left:20px}.control-modal{max-height:calc(100vh - 24px)}.control-footer,.control-header,.control-layout{padding-right:20px;padding-left:20px}.control-header-actions{display:flex}.control-header-actions .button{flex:1 1}.toast-region{right:12px;bottom:12px;left:12px}.toast{min-width:0}}.public-page{min-height:100vh;overflow:hidden;color:var(--ink);background:radial-gradient(circle at 74% 33%,rgba(123,222,208,.13),transparent 28%),#f3f7f7}.public-nav{max-width:1260px;height:88px;justify-content:space-between;margin:0 auto;padding:0 34px}.public-brand,.public-nav{display:flex;align-items:center}.public-brand{gap:11px}.public-brand .brand-mark{flex-shrink:0}.public-brand strong{display:block;font:800 19px/17px var(--display);letter-spacing:-.08em}.public-brand small{display:block;color:#829095;font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase}.public-nav-actions{display:flex;align-items:center;gap:17px;color:#849397;font-size:12px}.public-link,.public-text-button{padding:0;color:var(--teal-deep);background:transparent;font-weight:700}.public-link span,.public-text-button span{margin-left:6px;font-size:16px;font-weight:400}.landing-main{display:grid;max-width:1260px;min-height:calc(100vh - 150px);grid-template-columns:1fr 1fr;align-items:center;grid-gap:50px;gap:50px;margin:0 auto;padding:28px 34px 74px}.landing-copy{position:relative;z-index:2;max-width:570px}.public-eyebrow{color:#87979a;font:500 12px var(--mono);letter-spacing:.16em;text-transform:uppercase}.auth-story h1,.landing-copy h1{margin:19px 0 20px;font:800 clamp(42px,5.4vw,76px)/.99 var(--display);letter-spacing:-.08em}.auth-story h1 em,.landing-copy h1 em{color:#0e9e90;font-style:normal}.landing-copy>p{max-width:465px;margin:0;color:#6f8185;font-size:15px;line-height:1.75}.landing-actions{display:flex;align-items:center;gap:23px;margin-top:30px}.public-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:13px 18px;border-radius:8px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.public-button:hover{transform:translateY(-2px)}.public-button-dark{color:#fff;background:#1e3339;box-shadow:0 12px 25px rgba(30,51,57,.16)}.public-button-dark:hover{background:#10262b;box-shadow:0 16px 30px rgba(30,51,57,.2)}.public-button span{color:#71ded0;font-size:18px;font-weight:400}.landing-proof{display:flex;flex-wrap:wrap;gap:19px;margin-top:45px;color:#869598;font:12px var(--mono)}.landing-proof i{display:inline-grid;width:16px;height:16px;place-items:center;margin-right:5px;border-radius:50%;color:#0d9789;background:#d9f4ee;font-style:normal}.landing-visual{position:relative;min-height:520px}.landing-glow{position:absolute;top:10%;right:9%;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(89,208,191,.3),rgba(89,208,191,0) 68%);filter:blur(3px)}.landing-window{position:absolute;z-index:1;top:9%;right:3%;width:min(100%,505px);min-height:400px;padding:17px;border:1px solid rgba(132,210,201,.5);border-radius:15px;background:rgba(35,61,67,.96);box-shadow:0 35px 75px rgba(18,47,53,.25);transform:rotate(2deg)}.landing-window-top{display:flex;align-items:center;gap:5px;padding-bottom:17px;border-bottom:1px solid rgba(169,224,218,.12)}.landing-window-top>span{width:6px;height:6px;border-radius:50%;background:#578a86}.landing-window-top small{margin-left:auto;color:#79a6a1;font:12px var(--mono);letter-spacing:.08em}.landing-window-content{padding:41px 35px 28px}.landing-window-kicker{color:#69b3aa;font:12px var(--mono);letter-spacing:.1em}.landing-window h2{margin:12px 0 7px;color:#edf8f5;font:700 30px var(--display);letter-spacing:-.06em}.landing-window-content>p{max-width:300px;margin:0 0 30px;color:#9ab4b3;font-size:12px;line-height:1.55}.landing-event{display:flex;align-items:center;gap:12px;margin-top:9px;padding:13px;border:1px solid rgba(152,215,207,.13);border-radius:8px;background:hsla(0,0%,100%,.055)}.landing-event-active{border-color:rgba(91,210,192,.4);background:rgba(15,150,132,.18)}.landing-event-icon{display:grid;width:28px;height:28px;flex-shrink:0;place-items:center;border-radius:7px;color:#90e4d8;background:rgba(57,195,177,.18)}.landing-event b{display:block;color:#e0f0ed;font-size:12px}.landing-event small{display:block;margin-top:4px;color:#779995;font-size:12px}.landing-event-time{margin-left:auto;color:#78a49f;font:12px var(--mono)}.landing-event button{margin-left:auto;padding:6px 10px;border-radius:5px;color:#b1f2e6;background:#168b7d;font:12px var(--mono)}.landing-floating-card{position:absolute;z-index:2;right:-1%;bottom:8%;display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid #dce9e7;border-radius:10px;background:#fff;box-shadow:0 18px 35px rgba(24,61,64,.14)}.floating-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:7px;color:#b1852f;background:#fff2d0}.landing-floating-card b{display:block;font-size:12px}.landing-floating-card small{display:block;margin-top:3px;color:#8f9da0;font:12px var(--mono)}.public-footer{display:flex;max-width:1260px;justify-content:space-between;margin:0 auto;padding:0 34px 24px;color:#9aa7a9;font:12px var(--mono)}.auth-page{background:radial-gradient(circle at 17% 37%,rgba(123,222,208,.15),transparent 25%),#f3f7f7}.auth-main{display:grid;max-width:1050px;min-height:calc(100vh - 151px);grid-template-columns:1fr 430px;align-items:center;grid-gap:95px;gap:95px;margin:0 auto;padding:30px 34px 75px}.auth-story{max-width:440px}.auth-story h1{font-size:clamp(38px,5vw,65px)}.auth-story>p{max-width:390px;color:#718286;font-size:14px;line-height:1.7}.auth-story-points{display:grid;grid-gap:14px;gap:14px;margin-top:34px;color:#64777b;font:12px var(--mono)}.auth-story-points i{display:inline-grid;width:25px;height:25px;place-items:center;margin-right:9px;border-radius:7px;color:#168c81;background:#dff4ef;font-style:normal;font-size:12px}.auth-card{position:relative;padding:35px;border:1px solid #dce7e7;border-radius:16px;background:#fff;box-shadow:0 25px 70px rgba(23,53,58,.09)}.auth-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.auth-icon{display:grid;width:35px;height:35px;place-items:center;border-radius:9px;color:#0d988b;background:#def5ef;font-size:19px}.auth-step{color:#a2afb1;font:12px var(--mono)}.auth-card h2{margin:11px 0 10px;font:800 29px var(--display);letter-spacing:-.06em}.auth-description{margin:0;color:#7c8d90;font-size:12px;line-height:1.6}.auth-description strong{color:#4e686b;font-weight:600}.auth-form{display:grid;grid-gap:9px;gap:9px;margin-top:25px}.auth-form label,.auth-new-user label{color:#687b7f;font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase}.auth-form input,.auth-new-user input{width:100%;padding:13px 12px;border:1px solid #dce7e7;border-radius:7px;color:var(--ink);background:#fbfdfd;font:13px var(--sans);outline:0}.auth-form input:focus,.auth-new-user input:focus{border-color:#70cfc3;box-shadow:0 0 0 3px rgba(112,207,195,.13)}.auth-submit{width:100%;margin-top:9px}.auth-back{margin:0 0 19px;padding:0;color:#7b8e90;background:transparent;font:12px var(--mono)}.auth-back:hover,.resend-code:hover{color:var(--teal-deep)}.auth-new-user{display:grid;grid-gap:9px;gap:9px;margin-top:21px}.resend-code{display:block;margin:17px auto 0;padding:0;color:#829295;background:transparent;font:12px var(--mono)}.auth-error{margin:17px 0 0;padding:10px 11px;border-radius:6px;color:#a6545a;background:#fff0f0}.auth-error,.auth-legal{font-size:12px;line-height:1.5}.auth-legal{margin:28px 0 0;color:#a0acad}@media (max-width:900px){.landing-main{grid-template-columns:1fr;gap:20px;padding-top:55px}.landing-copy{max-width:650px}.landing-visual{min-height:470px;max-width:620px;width:100%;margin:0 auto}.auth-main{grid-template-columns:1fr 420px;gap:35px}.auth-story h1{font-size:50px}}@media (max-width:680px){.public-nav{height:70px;padding:0 18px}.public-nav-actions>span{display:none}.landing-main{min-height:auto;padding:48px 20px 40px}.landing-copy h1{font-size:47px}.landing-copy>p{font-size:13px}.landing-proof{gap:10px;margin-top:32px}.landing-visual{min-height:370px;margin-top:15px}.landing-window{right:0;min-height:330px;transform:none}.landing-window-content{padding:30px 22px 20px}.landing-window h2{font-size:24px}.landing-floating-card{right:2%;bottom:1%}.public-footer{display:block;padding:0 20px 20px;line-height:2}.public-footer span{display:block}.auth-main{display:flex;min-height:auto;flex-direction:column;align-items:stretch;gap:35px;padding:38px 20px 45px}.auth-story h1{margin-top:15px;font-size:45px}.auth-story-points{margin-top:23px}.auth-card{padding:25px 21px}.auth-page .public-footer{padding-bottom:20px}}.auth-consent{display:flex;align-items:flex-start;gap:8px;margin-top:17px;color:#7e8e91;font-size:12px;line-height:1.45}.auth-consent input{width:14px;height:14px;flex-shrink:0;margin:0;accent-color:var(--teal-deep)}.auth-notice{margin:13px 0 0;color:#168b7f;font-size:12px;line-height:1.5;text-align:center}.observer-page{min-height:100vh;padding:clamp(20px,5vw,64px);color:var(--ink);background:radial-gradient(circle at 75% 20%,rgba(123,222,208,.15),transparent 30%),#f3f7f7}.observer-card,.observer-workspace{width:min(100%,1100px);margin:8vh auto 0;padding:clamp(22px,4vw,42px);border:1px solid #e0e9e8;border-radius:14px;background:#fff;box-shadow:0 24px 80px rgba(22,45,50,.09)}.observer-card{max-width:460px}.observer-card h1,.observer-header h1{margin:9px 0;font:700 clamp(25px,4vw,34px) var(--display);letter-spacing:-.05em}.observer-card p,.observer-header p{color:#7d8b8f;font-size:12px;line-height:1.65}.observer-card .auth-form{margin-top:24px}.observer-card .button-full{width:100%;margin:10px 0 0}.observer-workspace{margin-top:0}.observer-header,.observer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.observer-header{padding-bottom:22px;border-bottom:1px solid var(--line)}.observer-header p{margin:5px 0 0}.observer-toolbar{padding:18px 0;color:#849195;font-size:12px}.observer-toolbar .studio-select{min-width:240px;margin:0}.observer-empty{display:grid;min-height:400px;place-items:center;border:1px dashed #d8e4e2;border-radius:9px;color:#879598;background:#f8fbfb;font-size:12px;text-align:center}.observer-events{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:8px;gap:8px;margin-top:18px}.observer-events article{display:grid;grid-gap:5px;gap:5px;padding:11px;border:1px solid #e8eeee;border-radius:7px}.observer-events b{color:#42565b;font-size:12px}.observer-events span{color:#8d9a9d;font-size:12px}.observer-event-feed{min-width:0;margin-top:24px;padding:18px;overflow:hidden;border:1px solid #27272a;border-radius:11px;background:#111113}.observer-feed-filters,.observer-feed-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.observer-feed-header{margin-bottom:15px}.observer-feed-header h2{margin:5px 0 0;color:#fafafa;font-size:19px;letter-spacing:-.03em}.observer-feed-header p{margin:5px 0 0;color:#a1a1aa;font-size:13px}.observer-event-count{flex:0 0 auto;color:#a1a1aa;font-size:12px}.observer-feed-filters{margin-bottom:10px}.observer-feed-filters label:first-child{flex:1 1}.observer-feed-filters input,.observer-feed-filters select{width:100%;min-height:38px;padding:8px 10px;border:1px solid #3f3f46;border-radius:7px;outline:none;color:#e4e4e7;background:#09090b;font:inherit;font-size:13px}.observer-feed-filters select{width:auto;min-width:150px}.observer-feed-filters input:focus,.observer-feed-filters select:focus{border-color:#71717a;box-shadow:0 0 0 3px hsla(240,5%,65%,.15)}.observer-event-feed .observer-events{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:0;gap:0;max-height:390px;margin:0;overflow:auto;overscroll-behavior:contain;border:1px solid #27272a;border-radius:8px;scrollbar-color:#3f3f46 #111113}.observer-event-feed .observer-events article{display:grid;grid-template-columns:max-content minmax(0,1fr) auto auto;align-items:center;grid-column-gap:14px;column-gap:14px;grid-row-gap:6px;row-gap:6px;min-width:0;padding:11px 12px;border:0;border-bottom:1px solid #27272a;border-radius:0;background:transparent}.observer-event-feed .observer-events article:last-child{border-bottom:0}.observer-event-icon{display:grid;min-width:42px;min-height:25px;padding:0 6px;place-items:center;border:1px solid #3f3f46;border-radius:7px;color:#d4d4d8;background:#18181b;font-size:10px;font-weight:600}.observer-event-icon.navigation{color:#5eead4}.observer-event-icon.submit{color:#86efac}.observer-event-icon.session{color:#c4b5fd}.observer-event-feed .observer-event-copy{display:grid;min-width:0;grid-gap:3px;gap:3px}.observer-event-feed .observer-events .observer-event-copy b{overflow:hidden;color:#e4e4e7;font-size:13px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.observer-event-feed .observer-events .observer-event-copy span{overflow:hidden;color:#a1a1aa;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.observer-event-feed time,.observer-event-player{color:#a1a1aa;font-size:12px;white-space:nowrap}.observer-feed-empty{margin:0;padding:28px 16px;color:#a1a1aa;font-size:13px;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:600px){.observer-event-feed{padding:13px}.observer-feed-header{align-items:flex-start}.observer-feed-filters{align-items:stretch;flex-direction:column}.observer-feed-filters select{width:100%}.observer-event-feed .observer-events article{grid-template-columns:max-content minmax(0,1fr) auto;gap:8px}.observer-event-feed time{grid-column:2/-1}.observer-event-player{font-size:11px}}.observer-redirect{display:grid;grid-gap:10px;margin:0 0 18px;padding:16px;border:1px solid #27272a;border-radius:10px;background:#18181b}.observer-redirect strong{color:#fafafa;font-size:14px}.observer-redirect p,.observer-redirect small{margin:4px 0 0;color:#a1a1aa;font-size:13px;line-height:1.5}.observer-redirect label{margin-top:2px;font-size:13px}.observer-redirect-controls{display:flex;gap:9px}.observer-redirect-controls input{flex:1 1;min-width:0;padding:10px 12px;border:1px solid #3f3f46;border-radius:7px;outline:none;color:#fafafa;background:#09090b;font:inherit;font-size:14px;transition:border-color .16s ease,box-shadow .16s ease}.observer-redirect-controls input:focus{border-color:#71717a;box-shadow:0 0 0 3px hsla(240,5%,65%,.15)}.observer-redirect-controls .button:disabled{cursor:not-allowed;opacity:.45}@media (max-width:600px){.observer-header,.observer-redirect-controls,.observer-toolbar{align-items:stretch;flex-direction:column}.observer-header .button{align-self:flex-start}}.template-heading-actions{display:flex;align-items:center;gap:16px}.template-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.template-customize{padding:6px 8px;border:1px solid #c8e7e1;border-radius:5px;color:#167f75;background:#f1fbf9;font-size:12px;font-weight:700}.template-customize:hover{color:var(--teal-deep)}.studio-modal{width:min(100%,1180px)}.studio-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:31px 32px 23px;border-bottom:1px solid var(--line)}.studio-header h2{margin:7px 0 8px;font:800 25px var(--display);letter-spacing:-.055em}.studio-header p{max-width:560px;margin:0;color:#829195;font-size:12px;line-height:1.55}.studio-save-state{padding:6px 8px;border-radius:5px;color:#7c6dc0;background:#eeeafd;font:12px var(--mono);white-space:nowrap}.studio-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);grid-gap:18px;gap:18px;padding:22px 32px;background:#fbfcfc}.studio-controls,.studio-preview-pane{min-width:0;padding:17px;border:1px solid var(--line);border-radius:9px;background:#fff}.studio-pane-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.studio-pane-heading h3{margin:6px 0 0;font:600 14px var(--display);letter-spacing:-.03em}.studio-editor-tabs{display:flex;gap:5px;margin-bottom:12px;padding:3px;border:1px solid #e4eceb;border-radius:6px;background:#f7faf9}.studio-editor-tabs button{flex:1 1;padding:7px 8px;border-radius:4px;color:#829194;background:transparent;font:12px var(--mono)}.studio-editor-tabs button.selected{color:#167f75;background:#e1f5f1}.preview-status,.screen-share-live{color:#0c9888;font:12px var(--mono);white-space:nowrap}.preview-status i,.screen-share-live i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(20,184,166,.12)}.studio-disclosure{margin:11px 2px 0;color:#8b999d;font-size:12px;line-height:1.5}.studio-controls{display:flex;flex-direction:column;gap:18px}.studio-breakpoint-setting{margin-top:16px;padding:13px;border:1px solid #dcebe8;border-radius:8px;background:#f5fbfa}.studio-breakpoint-setting .studio-control-label{margin-bottom:4px}.studio-breakpoint-setting .studio-toggle{padding:7px 0}.studio-breakpoint-setting .studio-code-notice{margin-top:3px}.studio-control-group{padding-bottom:17px;border-bottom:1px solid #edf1f1}.studio-control-group:last-child{padding-bottom:0;border-bottom:0}.studio-choice-label,.studio-control-label{display:block;margin-bottom:11px;color:#718286;font:500 12px var(--mono);letter-spacing:.11em;text-transform:uppercase}.studio-control-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.studio-control-heading .studio-control-label{margin-bottom:0}.studio-control-heading small{color:#a1adaf;font:12px var(--mono)}.studio-field,.studio-select{display:grid;grid-gap:6px;gap:6px;margin-top:10px}.studio-field>span,.studio-select>span{color:#879598;font-size:12px}.studio-field input,.studio-field select,.studio-field textarea,.studio-select select{width:100%;padding:9px 10px;border:1px solid #dfe9e8;border-radius:6px;outline:0;color:var(--ink);background:#fcfefe;font:12px var(--sans)}.studio-field input,.studio-field select{box-sizing:border-box;min-height:40px}.studio-field textarea{resize:vertical}.studio-field input:focus,.studio-field select:focus,.studio-field textarea:focus,.studio-select select:focus{border-color:#70cfc3;box-shadow:0 0 0 3px rgba(112,207,195,.12)}.studio-theme-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.studio-theme{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid #e1e9e8;border-radius:6px;color:#718286;background:#fff;text-align:left;font-size:12px}.studio-theme.selected,.studio-theme:hover{border-color:#78cfc4;color:#167f75;background:#f1fbf9}.studio-theme i{width:12px;height:12px;border-radius:50%}.studio-select select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.studio-toggle{position:relative;display:flex;min-height:36px;align-items:center;gap:8px;padding:9px 0;color:#64777b;font-size:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.studio-toggle input{position:absolute;z-index:2;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.studio-toggle i{position:relative;width:26px;height:15px;margin-left:auto;border-radius:20px;background:#d9e3e3;transition:.18s ease;pointer-events:none}.studio-toggle i:after{position:absolute;top:3px;left:3px;width:9px;height:9px;border-radius:50%;background:#fff;content:"";transition:.18s ease}.studio-toggle input:checked+span+i{background:var(--teal)}.studio-toggle input:checked+span+i:after{transform:translateX(11px)}.studio-toggle input:focus-visible+span+i{outline:2px solid #70cfc3;outline-offset:3px}.studio-visual-elements{display:flex;max-height:245px;flex-direction:column;gap:4px;overflow:auto;padding:4px;border:1px solid #e5edec;border-radius:6px;background:#f8fbfb}.studio-element-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;grid-gap:7px;gap:7px;padding:7px;border-radius:4px;color:#718487;background:transparent;text-align:left;font:12px var(--mono)}.studio-element-item.selected,.studio-element-item:hover{color:#167f75;background:#e1f5f1}.studio-element-item small,.studio-element-item>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-element-item small{max-width:50px;color:#a1adaf;font-size:7px}.studio-element-tag{padding:3px 4px;border-radius:3px;color:#8b6dba;background:#eeeafd;font-size:7px;text-align:center;text-transform:uppercase}.studio-inline-style-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 8px;gap:0 8px}.studio-inline-style-grid .studio-field{min-width:0}.studio-remove-element{width:100%;gap:6px;margin-top:12px}.studio-add-element{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:7px;gap:7px}.studio-add-element input,.studio-add-element select{min-width:0;padding:8px 9px;border:1px solid #dfe9e8;border-radius:6px;outline:0;color:var(--ink);background:#fff;font:12px var(--mono)}.studio-add-element input:focus,.studio-add-element select:focus{border-color:#70cfc3;box-shadow:0 0 0 3px rgba(112,207,195,.12)}.studio-code-panel{display:flex;min-height:420px;flex-direction:column;gap:10px}.studio-code-actions{display:flex;flex-wrap:wrap;gap:7px}.studio-icon{display:block;width:14px;height:14px;flex-shrink:0}.studio-file-button{display:inline-flex;align-items:center;gap:6px;padding:8px 9px;border:1px solid #dfe9e8;border-radius:6px;color:#587073;background:#fff;font:12px var(--mono);cursor:pointer}.studio-file-button:hover{border-color:#78cfc4;color:#167f75;background:#f1fbf9}.studio-file-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.studio-new-file{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:7px;gap:7px}.studio-new-file input,.studio-new-file select{min-width:0;padding:8px 9px;border:1px solid #dfe9e8;border-radius:6px;outline:0;color:var(--ink);background:#fff;font:12px var(--mono)}.studio-new-file input:focus,.studio-new-file select:focus{border-color:#70cfc3;box-shadow:0 0 0 3px rgba(112,207,195,.12)}.studio-code-notice{margin:0;color:#849497;font-size:12px;line-height:1.45}.studio-file-tabs{display:flex;max-height:132px;flex-direction:column;gap:3px;overflow:auto;padding:4px;border:1px solid #e5edec;border-radius:6px;background:#f8fbfb}.studio-file-row{gap:3px}.studio-file-row,.studio-file-tab{display:flex;align-items:center;min-width:0}.studio-file-tab{flex:1 1;gap:8px;padding:7px 8px;border-radius:4px;color:#718487;background:transparent;text-align:left;font:12px var(--mono)}.studio-file-tab.selected,.studio-file-tab:hover{color:#167f75;background:#e1f5f1}.studio-file-kind{display:grid;width:22px;height:22px;flex-shrink:0;place-items:center;border-radius:4px;color:#8b6dba;background:#eeeafd}.studio-file-kind.html{color:#c56c4b;background:#fff0e8}.studio-file-kind.css{color:#397eb5;background:#e8f2fb}.studio-file-kind.js{color:#a17d21;background:#fff6d8}.studio-file-path{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-file-delete{display:grid;width:27px;height:27px;flex-shrink:0;place-items:center;border:1px solid transparent;border-radius:4px;color:#a3afb0;background:transparent}.studio-file-delete:hover{border-color:#efcaca;color:#b5525b;background:#fff0f0}.studio-file-delete:disabled{cursor:not-allowed;opacity:.35}.studio-editor-label{display:flex;align-items:center;justify-content:space-between;color:#5e7478;font:12px var(--mono)}.studio-editor-label small{color:#9aa8aa;font-size:12px}.studio-code-editor{width:100%;min-height:245px;flex:1 1;padding:11px;border:1px solid #dfe9e8;border-radius:6px;outline:0;color:#d6f4ee;background:#1e3034;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical;-moz-tab-size:2;tab-size:2}.studio-code-editor:focus{border-color:#70cfc3;box-shadow:0 0 0 3px rgba(112,207,195,.12)}.studio-code-footnote{margin:0;color:#9aa7a8;font-size:12px;line-height:1.45}.source-preview-frame{overflow:hidden;min-height:360px;border:1px solid #d5e4e2;border-radius:8px;background:#edf3f3;box-shadow:0 15px 35px rgba(25,55,61,.09)}.source-preview-frame iframe{display:block;width:100%;height:440px;border:0;background:#fff}.studio-footer{justify-content:space-between;gap:15px;padding:14px 32px;border-top:1px solid var(--line);color:#8b999c;font:12px var(--mono)}.studio-footer,.studio-footer>span{display:flex;align-items:center}.studio-footer>div{display:flex;gap:8px}.participant-preview{overflow:hidden;border:1px solid #d5e4e2;border-radius:10px;background:#edf3f3;font-family:var(--preview-font);box-shadow:0 15px 35px rgba(25,55,61,.09)}.participant-preview-toolbar{display:flex;align-items:center;gap:8px;height:28px;padding:0 10px;color:#789093;background:#e2ebeb;font:12px var(--mono)}.preview-dots{display:flex;gap:3px}.preview-dots i{width:5px;height:5px;border-radius:50%;background:#a1b8b6}.preview-address{overflow:hidden;flex:1 1;text-overflow:ellipsis;white-space:nowrap}.preview-visible{color:var(--preview-accent);font-size:7px}.participant-preview-page{min-height:360px;padding:16px 19px 20px;background:#fbfdfd}.participant-preview-nav{display:flex;align-items:center;justify-content:space-between;color:#718286;font:12px var(--mono)}.participant-preview-nav strong{color:var(--preview-ink);font:700 12px var(--preview-font)}.participant-banner{display:flex;align-items:center;gap:9px;margin-top:16px;padding:8px 10px;border-radius:6px;color:var(--preview-ink);background:var(--preview-soft);font-size:12px}.participant-banner span{color:var(--preview-accent);font:12px var(--mono)}.participant-banner b{flex:1 1;font-weight:600}.participant-banner i{color:#8c9a9b;font-style:normal}.participant-preview-main{display:grid;grid-template-columns:1fr .85fr;align-items:center;grid-gap:20px;gap:20px;min-height:245px;padding:27px 0 20px}.participant-copy{min-width:0}.preview-eyebrow{color:var(--preview-accent);font:12px var(--mono);letter-spacing:.11em}.participant-copy h3{margin:11px 0 9px;color:var(--preview-ink);font:800 clamp(20px,3vw,31px)/1.04 var(--preview-font);letter-spacing:-.06em}.participant-copy p{max-width:280px;margin:0 0 16px;color:#788b8e;font-size:12px;line-height:1.55}.preview-cta{padding:9px 11px;border-radius:6px;color:#fff;background:var(--preview-accent);font-size:12px;font-weight:700}.preview-cta span{margin-left:8px;font-size:13px}.participant-form-card{padding:15px;border:1px solid #dde9e8;border-radius:var(--preview-radius);background:#fff;box-shadow:0 12px 26px rgba(25,55,61,.07)}.preview-form-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.preview-step{display:grid;width:22px;height:22px;place-items:center;border-radius:6px;color:var(--preview-accent);background:var(--preview-soft);font:12px var(--mono)}.preview-state{color:#849598;font:7px var(--mono)}.preview-state i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--preview-accent)}.preview-form-line{width:64%;height:4px;margin-bottom:7px;border-radius:5px;background:#d9e5e4}.preview-form-line.large{width:83%;height:6px;background:#bfcfcd}.preview-input{display:flex;justify-content:space-between;gap:10px;margin-top:19px;padding:10px;border:1px solid #e2ebea;border-radius:5px;color:#95a3a4;font-size:12px}.preview-input b{color:#d0dada;font-size:12px}.preview-form-button{margin-top:9px;padding:9px;border-radius:5px;color:#fff;background:var(--preview-accent);text-align:center;font-size:12px;font-weight:700}.participant-quick-links{padding:10px 0;border-top:1px solid #e8efee;border-bottom:1px solid #e8efee;color:#89999a;font:7px var(--mono)}.participant-quick-links div{display:flex;gap:7px;margin-top:7px}.participant-quick-links b{padding:6px 8px;border-radius:4px;color:var(--preview-ink);background:var(--preview-soft);font:12px var(--preview-font)}.participant-reassurance{display:flex;align-items:center;gap:8px;margin-top:14px;color:#718488}.participant-reassurance>span{display:grid;width:24px;height:24px;place-items:center;border-radius:6px;color:var(--preview-accent);background:var(--preview-soft)}.participant-reassurance b{display:block;color:var(--preview-ink);font-size:12px}.participant-reassurance small{display:block;margin-top:3px;font-size:7px}.control-modal{width:min(100%,1180px)}.control-consent-badge{display:inline-flex;align-items:center;padding:8px 9px;border-radius:6px;color:#168b7f;background:#e4f7f2;font:12px var(--mono)}.control-screen-share{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);grid-gap:16px;gap:16px;padding:21px 32px;background:#f4f8f8}.screen-share-rail,.screen-share-stage{min-width:0;padding:17px;border:1px solid var(--line);border-radius:8px;background:#fff}.screen-share-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.screen-share-heading h3,.screen-share-rail h3{margin:6px 0 0;font:600 14px var(--display);letter-spacing:-.03em}.screen-share-rail h3{margin-top:13px;font-size:21px;letter-spacing:-.05em}.screen-share-rail p{margin:10px 0 17px;color:#849396;font-size:12px;line-height:1.6}.share-rule{display:flex;gap:10px;padding:11px 0;border-top:1px solid #edf1f1}.share-rule>span{display:grid;flex-shrink:0;width:23px;height:23px;place-items:center;border-radius:6px;color:#168b7f;background:#e3f6f1;font:12px var(--mono)}.share-rule b{display:block;color:#50666a;font-size:12px}.share-rule small{display:block;margin-top:3px;color:#97a4a6;font-size:12px;line-height:1.35}.source-preview-modal{width:min(100%,1080px)}.source-preview-modal .source-preview-frame{margin:0 32px}.source-preview-meta{display:flex;justify-content:space-between;gap:12px;padding:12px 32px 0;color:#879597;font:12px var(--mono)}.source-preview-meta span:first-child{color:#168b7f}.source-preview-meta i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--teal)}.source-preview-actions{display:flex;justify-content:flex-end;gap:8px;padding:18px 32px 22px}.template-picker-modal{width:min(100%,760px)}.template-picker-grid{display:grid;grid-gap:8px;gap:8px;margin:0 32px 24px}.template-picker-card{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #e1eaea;border-radius:8px;color:var(--ink);background:#fff;text-align:left}.template-picker-card:hover{border-color:#8bd6cc;background:#f5fcfb}.template-picker-icon{display:grid;width:38px;height:38px;flex-shrink:0;place-items:center;border-radius:9px;background:#e2f5f1}.template-picker-icon .deployment-thumb{width:27px;height:27px}.template-picker-icon.otp{background:#fff3da}.template-picker-icon.checkout{background:#eeeafd}.template-picker-copy{min-width:0;flex:1 1}.template-picker-copy em,.template-picker-copy small,.template-picker-copy strong{display:block}.template-picker-copy strong{font-size:12px}.template-picker-copy small{margin-top:3px;color:#0b9586;font:12px var(--mono);letter-spacing:.08em;text-transform:uppercase}.template-picker-copy em{overflow:hidden;margin-top:5px;color:#89979a;font-size:12px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.template-picker-arrow{color:#72bdb4;font-size:18px}@media (max-width:850px){.control-screen-share,.studio-layout{grid-template-columns:1fr}.control-modal{grid-template-rows:auto minmax(190px,1fr) auto minmax(190px,.85fr) auto}.control-modal .control-header{flex-direction:column;gap:10px;padding-right:52px}.control-player-picker{min-width:min(100%,260px)}.control-modal .dom-mirror{min-height:130px}.redirect-tool{grid-template-columns:1fr 1fr}.redirect-tool>div{grid-column:1/-1}.studio-preview-pane{order:1}.studio-controls{order:2}.screen-share-rail{order:-1}.studio-footer{align-items:flex-start;flex-direction:column}.studio-footer>div{width:100%}.studio-footer .button{flex:1 1}.control-consent-badge{margin-bottom:8px}.control-header-actions{flex-wrap:wrap}}@media (max-width:560px){.control-screen-share,.studio-footer,.studio-header,.studio-layout{padding-right:20px;padding-left:20px}.studio-header{display:block}.studio-save-state{display:inline-block;margin-top:14px}.participant-preview-main{grid-template-columns:1fr;gap:5px}.participant-preview-page{min-height:0}.participant-form-card{max-width:280px}.studio-footer>div{flex-direction:column}.control-screen-share{gap:10px}.control-backdrop{padding:0}.control-modal{width:100%;height:100dvh;max-height:100dvh;border-radius:0;grid-template-rows:auto minmax(180px,1fr) auto minmax(210px,1fr) auto}.control-modal .control-header{padding:16px 48px 10px 16px}.control-modal .control-header-actions{width:100%}.control-modal .control-header-actions .button{flex:1 1}.control-preview-area{padding:8px 12px 10px}.control-modal .dom-mirror{min-height:120px;height:calc(100% - 38px)}.control-workspace-tabs{gap:0;overflow-x:auto;padding-right:8px;padding-left:8px}.control-workspace-tabs button{flex:0 0 auto;padding:9px 10px;font-size:11px}.control-workspace-panel{padding:10px 12px}.control-tool-grid{gap:8px}.control-tool-grid,.redirect-tool{grid-template-columns:1fr}.redirect-tool>div{grid-column:auto}.control-modal .control-footer{gap:8px 14px;padding:8px 12px;font-size:9px}.screen-share-rail{padding:14px}.source-preview-modal .source-preview-frame{margin-right:20px;margin-left:20px}.source-preview-modal .source-preview-frame iframe{height:390px}.source-preview-meta{flex-direction:column}.source-preview-actions,.source-preview-meta{padding-right:20px;padding-left:20px}.source-preview-actions .button{flex:1 1}}.preview-access-code{display:flex;justify-content:center;margin:18px 32px;padding:20px;border:1px dashed #a9d8d1;border-radius:9px;color:#134d48;background:#f0faf8;font:700 30px ui-monospace,monospace;letter-spacing:.24em}.participant-notice{margin:0 32px 18px;padding:11px 13px;border-left:3px solid #d4a73f;color:#6c5a2c;background:#fff9e8;font-size:12px;line-height:1.55}.dom-mirror-empty{display:grid;place-items:center;min-height:340px;border:1px dashed #b9d6d1;border-radius:12px;color:#42615f;background:#f4f8f7;font:14px system-ui;text-align:center;padding:24px}.dom-mirror{position:relative;overflow:hidden;width:100%;height:min(60vh,560px);min-height:340px;border-radius:9px;background:#f5f9f8}.dom-mirror iframe{display:block;width:100%;height:100%;border:0;background:#fff;pointer-events:auto;cursor:crosshair}.dom-mirror p{position:absolute;left:10px;bottom:8px;margin:0;padding:6px 9px;border-radius:6px;background:#101c20cc;color:#fff;font:12px system-ui;pointer-events:none}body{background:#09090b;color:#fafafa}.sidebar{background:#0c0c0e;border-color:#27272a}.brand-mark{background:#fafafa}.brand-mark span{background:#18181b}.brand-product,.nav-label,.user-copy span,.workspace-copy span{color:#71717a}.help-card,.workspace-switcher{background:#111113;border-color:#27272a}.nav-item:hover{color:#fafafa}.nav-item.active{background:#222225}.nav-item.active .nav-icon{color:#5eead4}.main-content{background:#09090b}.topbar{background:rgba(9,9,11,.88);border-color:#27272a}.breadcrumb,.breadcrumb .slash{color:#71717a}.breadcrumb strong{color:#d4d4d8}.system-status{color:#a1a1aa}.content-wrap{color:#fafafa}.activity-copy span,.deployment-domain small,.deployment-name small,.eyebrow,.heading-copy,.info-copy,.metric-foot,.modal-copy,.modal-footnote,.retention-card p,.section-kicker,.simulator-copy,.template-info p,.welcome-copy p{color:#a1a1aa}.activity-list,.deployment-list,.event-panel,.info-list>div,.info-stat-grid>div,.metric-card,.observer-card,.observer-workspace,.panel-heading,.retention-card,.screen-share-rail,.screen-share-stage,.simulator-panel,.studio-controls,.studio-preview-pane,.template-card,.welcome-card{background:#111113;border-color:#27272a}.metric-card-accent{background:linear-gradient(135deg,#141416,#111113)}.metric-divider,.metric-label,.template-meta{color:#a1a1aa}.activity-copy b,.deployment-domain b,.deployment-name b,.metric-value,.panel-heading h3,.retention-card h3,.section-heading h2,.template-info h3,.welcome-copy h2{color:#fafafa}.feature-grid,.visual-card,.visual-control,.visual-window{background:#18181b;border-color:#27272a}.art-ui,.template-art,.visual-window-bar{background-color:#18181b}.deployment-row:hover,.template-card:hover{background:#18181b}.activity-row,.deployment-row,.event-item,.settings-row{border-color:#27272a}.deployment-domain a,.text-button{color:#5eead4}.license-badge,.template-status{background:#18181b;color:#a1a1aa}.modal-backdrop{background:rgba(0,0,0,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal,.studio-modal{background:#111113;color:#fafafa;border:1px solid #27272a;box-shadow:0 24px 80px rgba(0,0,0,.55)}.control-header h2,.info-modal h2,.modal h2,.studio-header h2{color:#fafafa}.modal-close{color:#a1a1aa;background:#18181b}.modal-close:hover{color:#fafafa;background:#27272a}.lifetime-option,.simulation-actions button,.studio-element-item,.studio-theme,.template-picker-card{color:#e4e4e7;background:#18181b;border-color:#27272a}.lifetime-option.selected,.studio-element-item.selected,.studio-theme.selected,.template-picker-card:hover{background:#202023;border-color:#5eead4}.control-footer,.deploy-cost,.modal-template-preview,.studio-footer{background:#18181b;border-color:#27272a}.event-body b,.guide-step b,.info-list b,.settings-row strong,.simulation-actions b{color:#e4e4e7}.event-body span,.event-time,.guide-step span,.info-list span,.info-stat-grid span,.settings-row span,.simulation-actions small{color:#a1a1aa}.toast{background:#18181b;color:#fafafa;border:1px solid #27272a}.button-quiet,.icon-button,.small-action,.studio-file-button{color:#d4d4d8;background:#18181b;border:1px solid #27272a}.button-quiet:hover,.icon-button:hover,.small-action:hover,.studio-file-button:hover{background:#27272a}.button-dark{background:#fafafa;color:#09090b}.button-dark:hover{background:#d4d4d8}.button-danger{color:#fecdd3;background:#3f141c}.button-danger:hover{background:#571a25}.studio-code-actions,.studio-code-notice,.studio-code-panel,.studio-control-group,.studio-disclosure,.studio-file-row,.studio-file-tabs,.studio-new-file,.studio-pane-heading{border-color:#27272a}.studio-breakpoint-setting{background:#18181b;border-color:#3f3f46}.studio-choice-label,.studio-control-label,.studio-field>span,.studio-select>span{color:#d4d4d8}.studio-code-footnote,.studio-control-heading small,.studio-editor-label small,.studio-file-tab{color:#a1a1aa}.studio-file-tab.selected,.studio-file-tab:hover{background:#18181b}.studio-toggle input:checked+span+i{background:#14b8a6}.dom-mirror-empty,.participant-notice,.participant-preview,.screen-share-stage,.source-preview-frame{background:#18181b;border-color:#27272a}.dom-mirror-empty,.participant-notice{color:#a1a1aa}.control-modal .control-preview-area{background:#09090b}.control-preview-heading strong,.control-target-summary b{color:#e4e4e7}.control-preview-empty{color:#a1a1aa;background:#111113;border-color:#3f3f46}.control-workspace-tabs{background:#111113;border-color:#27272a}.control-workspace-tabs button{color:#a1a1aa}.control-workspace-tabs button.selected{color:#5eead4;border-color:#5eead4}.control-workspace-panel{background:#09090b}.control-target-summary,.control-tool-card{background:#111113;border-color:#27272a}.control-target-summary small,.control-tool-note,.redirect-tool p{color:#a1a1aa}.control-state-actions button,.control-tool-card .studio-field textarea{color:#e4e4e7;background:#09090b;border-color:#3f3f46}.control-state-actions button:hover:not(:disabled){background:#18181b;border-color:#5eead4}.redirect-tool h3{color:#fafafa}.control-player-picker{color:#a1a1aa}.control-player-picker select{border-color:#3f3f46}.auth-page,.control-player-picker select,.observer-page,.public-page{color:#fafafa;background:#09090b}.public-footer,.public-nav{background:#09090b;border-color:#27272a}.public-link,.public-text-button{color:#d4d4d8}.auth-card,.landing-floating-card,.landing-window{background:#111113;border-color:#27272a;color:#fafafa}.auth-card h2,.landing-window h2{color:#fafafa}.auth-description,.auth-legal,.auth-story>p{color:#a1a1aa}.auth-error{color:#f87171;background:#2a1417;border:1px solid #5b252d}input,select,textarea{color:#fafafa;background-color:#09090b;border:1px solid #3f3f46;border-radius:6px;font:inherit;font-family:var(--sans)}.auth-form input,.auth-new-user input,.studio-add-element input,.studio-add-element select,.studio-field input,.studio-field textarea,.studio-new-file input,.studio-new-file select,.studio-select select{color:#fafafa;background:#09090b;border-color:#3f3f46}.studio-code-editor{font-family:var(--mono)}input::placeholder,textarea::placeholder{color:#71717a}input:focus,select:focus,textarea:focus{outline:2px solid #5eead4;outline-offset:1px;border-color:transparent}input[type=checkbox],input[type=radio]{accent-color:#5eead4}input[type=date],input[type=datetime-local],input[type=time]{color-scheme:dark}select option{color:#fafafa}.studio-code-editor{border-color:#27272a}.button:focus-visible,.nav-item:focus-visible,.template-picker-card:focus-visible{outline:2px solid #5eead4;outline-offset:2px}.sidebar{width:248px;padding:20px 12px 12px;background:#09090b;border-right-color:#232326}.brand-lockup{padding:2px 10px 23px;gap:10px}.brand-mark{width:25px;height:25px;border-radius:7px}.brand-name{font-size:17px;letter-spacing:-.06em}.brand-product{margin-top:3px;font-size:12px;letter-spacing:.16em}.workspace-switcher{min-height:46px;margin-bottom:24px;padding:7px 8px;border-radius:7px;background:#111113;border-color:#27272a;transition:background .16s ease,border-color .16s ease,transform .16s ease}.workspace-switcher:hover{background:#18181b;border-color:#3f3f46;transform:translateY(-1px)}.workspace-avatar{width:27px;height:27px;border-radius:6px;background:#27272a;color:#fafafa;font-size:12px}.workspace-copy strong{color:#e4e4e7;font-size:12px;font-weight:500}.workspace-copy span{color:#71717a;font-size:12px}.chevron{font-size:15px}.nav-group{gap:3px}.nav-label{padding:0 10px 8px;color:#71717a;font-size:12px;letter-spacing:.1em}.nav-item{position:relative;min-height:35px;padding:7px 10px;gap:10px;border:1px solid transparent;border-radius:6px;color:#a1a1aa;font-size:12px;text-decoration:none;transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease}.nav-item:hover{color:#f4f4f5;background:#18181b;transform:translateX(2px)}.nav-item.active{color:#fafafa;background:#18181b;border-color:#27272a;font-weight:500}.nav-item.active:before{position:absolute;left:-1px;top:8px;bottom:8px;width:2px;border-radius:2px;background:#fafafa;content:""}.nav-icon{display:grid;width:16px;height:16px;place-items:center;color:#71717a;font-size:14px;line-height:1;transition:color .16s ease,transform .16s ease}.nav-item:hover .nav-icon{color:#d4d4d8;transform:scale(1.08)}.nav-item.active .nav-icon{color:#fafafa}.nav-count{min-width:19px;padding:2px 5px;color:#a1a1aa;background:#27272a;font-size:12px}.secondary-nav{margin-top:26px;padding-top:17px;border-top:1px solid #232326}.sidebar-bottom{padding-top:16px}.help-card{min-height:47px;margin-bottom:12px;padding:8px;border:1px solid #27272a;border-radius:7px;background:#111113;transition:background .16s ease,border-color .16s ease}.help-card:hover{background:#18181b;border-color:#3f3f46}.help-orb{width:24px;height:24px;color:#d4d4d8;background:#27272a}.help-card strong{color:#e4e4e7;font-size:12px}.help-card span{color:#71717a;font-size:12px}.help-card .arrow{color:#71717a}.user-row{padding:12px 4px 2px;border-color:#27272a}.user-avatar{width:28px;height:28px;color:#e4e4e7;background:#27272a}.user-copy strong{overflow:hidden;color:#d4d4d8;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.user-copy span{color:#71717a;font-size:12px}.sidebar .icon-button{width:28px;height:28px;border-radius:6px}@media (prefers-reduced-motion:reduce){.help-card,.nav-icon,.nav-item,.workspace-switcher{transition:none}.nav-item:hover,.workspace-switcher:hover{transform:none}}@media (max-width:850px){.sidebar{width:72px;padding:20px 8px 12px}.brand-lockup{justify-content:center;padding:2px 0 23px}.brand-lockup>div:last-child,.chevron,.workspace-copy{display:none}.workspace-switcher{justify-content:center;padding:7px}.nav-label{overflow:hidden;height:0;padding:0;font-size:0}.nav-item{justify-content:center;padding:8px 4px;font-size:0}.nav-item:hover{transform:none}.nav-text{display:none}.nav-icon{font-size:15px}.nav-count{display:none}.secondary-nav{margin-top:22px}.help-card,.user-row{justify-content:center}.help-card .arrow,.help-card>div:not(.help-orb),.user-copy,.user-row .icon-button{display:none}.help-card{padding:8px}}.studio-modal{overflow:auto;background:#09090b}.studio-header{background:#09090b;border-color:#27272a}.studio-code-footnote,.studio-code-notice,.studio-disclosure,.studio-header p{color:#a1a1aa}.studio-save-state{color:#c4b5fd;background:#211a32;border:1px solid #382b55}.studio-layout{background:#09090b}.studio-controls,.studio-preview-pane{background:#111113;border-color:#27272a;color:#fafafa}.studio-pane-heading h3{color:#fafafa}.studio-editor-tabs{border-color:#27272a;background:#09090b}.studio-editor-tabs button{color:#a1a1aa}.studio-editor-tabs button:hover{color:#e4e4e7;background:#18181b}.studio-editor-tabs button.selected{color:#fafafa;background:#27272a;box-shadow:inset 0 0 0 1px #3f3f46}.preview-status{color:#5eead4}.studio-control-group{border-color:#27272a}.studio-choice-label,.studio-control-label{color:#a1a1aa}.studio-field>span,.studio-select>span{color:#d4d4d8}.studio-add-element input,.studio-add-element select,.studio-field input,.studio-field select,.studio-field textarea,.studio-new-file input,.studio-new-file select,.studio-select select{color:#fafafa;background:#09090b;border-color:#3f3f46}.studio-add-element input:focus,.studio-add-element select:focus,.studio-field input:focus,.studio-field select:focus,.studio-field textarea:focus,.studio-new-file input:focus,.studio-new-file select:focus,.studio-select select:focus{border-color:#5eead4;box-shadow:0 0 0 2px rgba(94,234,212,.16)}.studio-theme{color:#d4d4d8;background:#18181b;border-color:#3f3f46}.studio-theme.selected,.studio-theme:hover{color:#fafafa;background:#202023;border-color:#5eead4}.studio-toggle{color:#d4d4d8}.studio-toggle i{background:#3f3f46}.studio-toggle i:after{background:#fafafa}.studio-file-tabs,.studio-visual-elements{background:#09090b;border-color:#27272a}.studio-element-item{color:#d4d4d8}.studio-element-item.selected,.studio-element-item:hover{color:#fafafa;background:#202023}.studio-element-item small{color:#a1a1aa}.studio-element-tag{color:#c4b5fd;background:#241c34}.studio-add-element input,.studio-add-element select,.studio-new-file input,.studio-new-file select{background-color:#09090b}.studio-file-button{color:#d4d4d8;background:#18181b;border-color:#3f3f46}.studio-file-button:hover{color:#fafafa;background:#27272a;border-color:#52525b}.studio-file-row{border-color:#27272a}.studio-file-tab{color:#d4d4d8}.studio-file-tab.selected,.studio-file-tab:hover{color:#fafafa;background:#202023}.studio-file-kind,.studio-file-kind.css,.studio-file-kind.html,.studio-file-kind.js{color:#d4d4d8;background:#27272a}.studio-file-kind.css{color:#93c5fd}.studio-file-kind.js{color:#fde68a}.studio-file-kind.html{color:#fdba9a}.studio-file-delete{color:#a1a1aa}.studio-file-delete:hover{color:#fecdd3;background:#3f141c;border-color:#6b202c}.studio-editor-label{color:#d4d4d8}.studio-editor-label small{color:#a1a1aa}.studio-code-editor{color:#e4e4e7;background:#09090b;border-color:#3f3f46}.studio-code-editor:focus{border-color:#5eead4;box-shadow:0 0 0 2px rgba(94,234,212,.16)}.studio-footer{color:#a1a1aa;background:#111113;border-color:#27272a}.source-preview-frame{background:#09090b;border-color:#3f3f46;box-shadow:none}.studio-modal .modal-close{color:#a1a1aa;background:#18181b}.studio-modal .modal-close:hover{color:#fafafa;background:#27272a}.retention-tags span{color:#d4d4d8;background:#18181b;border:1px solid #27272a}.retention-tags span:first-child{color:#5eead4;background:#102522;border-color:#1c3935}.retention-tags span:nth-child(2){color:#c4b5fd;background:#211a32;border-color:#382b55}.retention-tags span:nth-child(3){color:#fde68a;background:#29220f;border-color:#463918}.deployment-row{color:#fafafa;background:#111113;border-color:#27272a;transition:background .16s ease,border-color .16s ease}.deployment-row:hover{background:#18181b;border-color:#3f3f46}.deployment-row .deployment-domain a,.deployment-row .deployment-name b{color:#e4e4e7}.deployment-row .deployment-domain small,.deployment-row .deployment-name small{color:#a1a1aa}.deployment-row .deployment-domain a:hover{color:#5eead4}.deployment-row .small-action{color:#d4d4d8;background:#18181b;border:1px solid #3f3f46;transition:color .16s ease,background .16s ease,border-color .16s ease}.deployment-row .small-action:hover{color:#fafafa;background:#27272a;border-color:#52525b}.deployment-row .small-action.kill:hover{color:#fecdd3;background:#3f141c;border-color:#6b202c}.deployment-row .small-action.kill{display:grid;width:40px;min-width:40px;height:31px;place-items:center;padding:0;color:#a1a1aa}.deployment-row .small-action.kill .studio-icon{width:14px;height:14px}.content-wrap{display:flex;flex-direction:column;min-height:calc(100vh - 73px);padding-bottom:32px}.content-wrap>.page-heading{order:0}.content-wrap>.metrics-grid{order:1}.content-wrap>.lower-grid{order:2}.content-wrap>.feature-grid{order:3;margin-top:50px}.content-wrap>.templates-section{order:4}.sidebar{position:-webkit-sticky;position:sticky;top:0;align-self:flex-start;height:100vh;height:100dvh;min-height:0;overflow:hidden}.sidebar .nav-group{min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.sidebar-bottom{flex-shrink:0}.sidebar .sign-out-button{display:flex;width:auto;min-width:28px;height:28px;align-items:center;justify-content:center;gap:6px;padding:0 8px;border-radius:6px;font-size:11px;letter-spacing:0;white-space:nowrap}.lower-grid{grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:24px;align-items:start;margin-top:28px}.deployment-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) max-content max-content;gap:10px}.deployment-domain,.deployment-name{min-width:0}.deployment-title-line{display:flex;min-width:0;align-items:center;gap:8px}.deployment-title-line b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deployment-rename-button{flex:0 0 auto;padding:3px 6px;border:1px solid #3f3f46;border-radius:6px;color:#a1a1aa;background:#18181b;font-size:10px;line-height:1.25}.deployment-rename-button:hover{color:#5eead4;border-color:#52525b;background:#27272a}.deployment-row .deploy-status,.deployment-row .small-action{white-space:nowrap}.deployment-actions{gap:5px;flex-shrink:0}.activity-section .icon-button{min-width:36px;height:36px;border-radius:999px}.activity-empty{margin:0;padding:18px 4px;color:#a1a1aa;font-size:12px;line-height:1.55}.notification-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-panel-heading h2{margin-bottom:0}.notification-panel-heading .text-button{flex-shrink:0;font-size:12px}.notification-feed{display:flex;max-height:min(54vh,520px);flex-direction:column;overflow-y:auto;border:1px solid #27272a;border-radius:10px;background:#111113}.deployment-title-field small{color:#a1a1aa;font-size:11px;line-height:1.45}.notification-row{display:grid;grid-template-columns:30px minmax(0,1fr) max-content;align-items:start;grid-gap:11px;gap:11px;padding:13px 14px;border-bottom:1px solid #27272a}.notification-row:last-child{border-bottom:0}.notification-row>div{display:flex;min-width:0;flex-direction:column;gap:4px}.notification-row b{color:#e4e4e7;font-size:12px}.notification-row>div>span{color:#a1a1aa;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.notification-row time{color:#71717a;white-space:nowrap;font:11px var(--mono)}.notification-dot{width:7px;height:7px}.notification-button{display:grid;width:36px;height:36px;place-items:center;padding:0;border-radius:50%}.notification-bell{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.notification-dot{top:-4px;right:-5px;display:grid;min-width:17px;width:auto;height:17px;place-items:center;padding:0 4px;border-radius:999px;color:#fff;font:10px var(--mono)}@media (max-width:1100px){.lower-grid{grid-template-columns:minmax(0,1fr);gap:24px}}@media (max-width:1300px){.deployment-row{grid-template-columns:minmax(0,1fr) max-content}.deployment-domain,.deployment-name,.deployment-row .deploy-status{grid-column:1;min-width:0}.deployment-name{grid-row:1}.deployment-domain{grid-row:2}.deployment-row .deploy-status{grid-row:3}.deployment-actions{grid-column:2;grid-row:1/span 3;width:max-content;flex-wrap:nowrap;align-self:center}}@media (max-width:850px){.sidebar .user-row{flex-direction:column;gap:7px}.sidebar .user-row .sign-out-button{display:grid;width:28px;height:28px;place-items:center;padding:0}.sidebar .sign-out-label{display:none}}@media (max-width:560px){.deployment-row{grid-template-columns:minmax(0,1fr)}.deployment-actions{grid-column:1;grid-row:auto;justify-content:flex-start}}.activity-list{overflow:hidden;padding:0 14px;border:1px solid #27272a;border-radius:9px;background:#111113}.activity-row:last-child{border-bottom:0}.redirect-field{margin-top:12px}.redirect-field input{min-height:40px;font:13px var(--mono)}.redirect-disclosure{margin:8px 0 12px;color:#a1a1aa;font-size:12px;line-height:1.5}.redirect-disclosure code{color:#d4d4d8;font:12px var(--mono)}.simulation-icon.redirect{color:#c4b5fd;background:#241c34}.simulation-actions button.redirect-action{border-color:#45346a;background:#1c1728}.simulation-actions button.redirect-action:hover:not(:disabled){border-color:#6d55a0;background:#241c34}.simulation-actions button.redirect-action:disabled{cursor:not-allowed;opacity:.48}.teardown-confirmation{width:min(100%,440px);padding:28px}.teardown-icon{display:grid;width:40px;height:40px;margin-bottom:18px;place-items:center;border:1px solid #6b202c;border-radius:9px;color:#fda4af;background:#3f141c}.teardown-icon .studio-icon{width:18px;height:18px}.teardown-confirmation .section-kicker{color:#fda4af}.teardown-confirmation h2{margin:8px 0;color:#fafafa;font-size:20px}.teardown-confirmation>p{margin:0;color:#a1a1aa;font-size:13px;line-height:1.6}.teardown-target{display:flex;flex-direction:column;gap:4px;margin-top:18px;padding:12px;border:1px solid #27272a;border-radius:7px;background:#09090b}.teardown-target span{color:#e4e4e7;font-weight:500}.teardown-target code{color:#a1a1aa;font:12px var(--mono)}.teardown-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.teardown-actions .button-danger{display:inline-flex;min-width:150px;align-items:center;justify-content:center;gap:7px;padding-inline:18px}.teardown-actions .studio-icon{width:14px;height:14px}.preview-access-code{padding:22px 26px;border-color:#3f3f46;color:#f4f4f5;background:#18181b}.modal>.studio-field{margin:16px 32px 0}.modal .auth-form input,.modal .studio-field input{margin-block:3px;padding:13px 14px;color:#fafafa;background:#09090b;border-color:#3f3f46}.auth-form input:focus,.auth-new-user input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus,.studio-add-element input:focus,.studio-add-element select:focus,.studio-field input:focus,.studio-field textarea:focus,.studio-new-file input:focus,.studio-new-file select:focus,.studio-select select:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:#a1a1aa;box-shadow:0 0 0 2px hsla(240,5%,65%,.18)}.studio-add-element select,.studio-new-file select,.studio-select select,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:14px;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.studio-add-element select:hover,.studio-new-file select:hover,.studio-select select:hover,select:hover{border-color:#52525b;background-color:#111113}.studio-add-element select:focus,.studio-new-file select:focus,.studio-select select:focus,select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23d4d4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")}select option{color:#e4e4e7;background:#18181b}select option:checked{color:#fafafa;background:#27272a}.control-modal{width:min(calc(100vw - 32px),1540px);height:min(calc(100dvh - 32px),980px);max-height:calc(100dvh - 32px);grid-template-columns:minmax(0,1fr) minmax(360px,.56fr);grid-template-rows:auto minmax(0,1fr) auto;column-gap:0}.control-modal>.control-footer,.control-modal>.control-header{grid-column:1/-1}.control-modal>.control-preview-column{grid-column:1;grid-row:2;min-width:0;min-height:0}.control-preview-column{display:grid;min-width:0;min-height:0;border-right:1px solid #27272a}.control-preview-area{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;padding:12px 16px 14px}.control-preview-heading{min-height:34px}.control-preview-area>.dom-mirror{max-height:none}.control-preview-area>.control-preview-empty,.control-preview-area>.dom-mirror{width:100%;height:100%;min-height:0}.control-modal>.control-side-column{grid-column:2;grid-row:2;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;overflow:hidden}.control-workspace-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:5px;gap:5px;padding:10px 10px 8px}.control-workspace-tabs button{justify-content:space-between;min-width:0;min-height:40px;padding:8px 10px;border:1px solid #27272a;border-radius:7px;background:#111113;text-align:left;white-space:normal}.control-workspace-tabs button.selected{border-color:#2c6c63;background:#102522}.control-workspace-panel{min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px 14px 18px}.control-tool-content{max-width:none}.control-tool-grid{grid-template-columns:minmax(0,1fr)}.control-modal>.control-footer{grid-row:3}.control-target-summary{align-items:flex-start}.control-target-summary>div{min-width:0;flex:1 1}.control-target-summary small{overflow-wrap:anywhere}.control-modal .redirect-tool{grid-template-columns:minmax(0,1fr);align-items:stretch}.control-modal .redirect-tool>div{grid-column:auto}@media (max-width:900px){.control-modal{width:min(calc(100vw - 20px),760px);height:min(calc(100dvh - 20px),1100px);max-height:calc(100dvh - 20px);grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(210px,.8fr) minmax(250px,1fr) auto}.control-modal>.control-header{grid-column:1;grid-row:1}.control-modal>.control-preview-column{grid-column:1;grid-row:2;border-right:0;border-bottom:1px solid #27272a}.control-modal>.control-side-column{grid-column:1;grid-row:3}.control-modal>.control-footer{grid-column:1;grid-row:4}.control-preview-area{padding:8px 12px 10px}.control-workspace-panel{padding:10px 12px 14px}}@media (max-width:560px){.control-modal{width:100%;height:100dvh;max-height:100dvh;border-radius:0;grid-template-rows:auto minmax(190px,.75fr) minmax(270px,1fr) auto}.control-modal>.control-header{padding:14px 44px 10px 14px}.control-modal .control-header{gap:10px}.control-modal .control-header-actions{width:100%;flex-wrap:wrap}.control-player-picker{flex:1 1 100%;min-width:0}.control-modal .control-header-actions .button{flex:1 1 auto;min-height:36px}.control-preview-heading strong{font-size:11px}.control-consent-badge{padding:6px;font-size:10px}.control-workspace-tabs{overflow:auto;grid-template-columns:repeat(2,minmax(0,1fr));padding:7px 8px}.control-workspace-tabs button{min-height:36px;padding:7px;font-size:10px}.control-modal>.control-footer{gap:6px 12px;padding:7px 10px;font-size:9px}}.observer-control-page{min-height:100dvh;padding:16px;overflow:hidden}.observer-live-workspace{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;width:min(100%,1600px);height:calc(100dvh - 32px);min-height:560px;margin:0 auto;padding:0;overflow:hidden}.observer-live-workspace>.observer-header{min-width:0;padding:14px 20px}.observer-live-workspace .observer-header h1{margin:4px 0;font-size:clamp(19px,2vw,26px)}.observer-live-workspace .observer-header p{max-width:760px;margin:0}.observer-live-workspace .observer-header .button{flex:0 0 auto}.observer-live-workspace>.observer-toolbar{min-height:64px;padding:9px 20px}.observer-live-workspace .observer-toolbar .studio-select{min-width:min(300px,55%)}.observer-player-count{display:inline-flex;align-items:center;gap:8px;color:#a1a1aa}.observer-live-indicator i,.observer-player-count i{width:7px;height:7px;border-radius:50%;background:#5eead4;box-shadow:0 0 0 4px rgba(94,234,212,.12)}.observer-control-error{grid-row:3;margin:0;padding:8px 20px;border-block:1px solid #69333b;color:#fecdd3;background:#241417;font-size:12px}.observer-console{grid-row:4;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(370px,.75fr);min-width:0;min-height:0;overflow:hidden}.observer-preview-pane{display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-gap:8px;gap:8px;min-width:0;min-height:0;padding:12px;border-right:1px solid #27272a;background:#09090b}.observer-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.observer-preview-heading>div{display:grid;grid-gap:3px;gap:3px;min-width:0}.observer-preview-heading strong{overflow:hidden;color:#e4e4e7;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.observer-live-indicator{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;color:#5eead4;font:11px var(--mono);text-transform:uppercase}.observer-preview-pane>.dom-mirror{width:100%;height:100%;min-width:0;min-height:0;max-height:none}.observer-preview-pane>.observer-empty{min-height:0;height:100%;padding:24px;border-color:#3f3f46;color:#a1a1aa;background:#111113}.observer-preview-hint{margin:0;color:#a1a1aa;font-size:11px;line-height:1.45}.observer-control-rail{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;background:#09090b}.observer-control-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:5px;gap:5px;padding:10px;border-bottom:1px solid #27272a}.observer-control-tabs button{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;min-height:39px;padding:8px 10px;border:1px solid #27272a;border-radius:7px;color:#a1a1aa;background:#111113;cursor:pointer;font:600 11px var(--display);text-align:left}.observer-control-tabs button:hover{border-color:#3f3f46;color:#fafafa}.observer-control-tabs button.selected{border-color:#2c6c63;color:#5eead4;background:#102522}.observer-control-tabs button span{display:grid;min-width:20px;height:20px;place-items:center;border-radius:10px;color:#d4d4d8;background:#27272a;font-size:10px}.observer-tool-panel{min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px}.observer-tool-panel .studio-field{margin:0 0 10px}.observer-tool-panel .studio-field>span{color:#d4d4d8;font-size:11px}.observer-tool-panel .studio-field input,.observer-tool-panel .studio-field textarea{width:100%;min-height:39px;padding:9px 10px;border:1px solid #3f3f46;border-radius:7px;color:#fafafa;background:#09090b;font-size:12px}.observer-tool-panel .studio-field textarea{resize:vertical}.observer-action-button{width:100%;min-height:38px;justify-content:center;margin:-2px 0 13px}.observer-selection-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:4px 10px;gap:4px 10px;margin-bottom:14px;padding:10px;border:1px solid #27272a;border-radius:8px;background:#111113}.observer-selection-summary b{grid-column:1;color:#e4e4e7;font-size:12px}.observer-selection-summary>span{grid-column:1;overflow:hidden;color:#a1a1aa;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.observer-selection-summary button{grid-column:2;grid-row:1/span 2;align-self:center;padding:6px 9px;border:1px solid #3f3f46;border-radius:6px;color:#d4d4d8;background:#18181b;cursor:pointer;font-size:10px}.observer-quick-status button:disabled,.observer-selection-summary button:disabled{cursor:not-allowed;opacity:.45}.observer-quick-status{margin-top:4px;padding:11px;border:1px solid #27272a;border-radius:8px;background:#111113}.observer-quick-status>strong{display:block;margin-bottom:9px;color:#e4e4e7;font-size:11px}.observer-quick-status>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px}.observer-quick-status button{min-height:34px;padding:7px;border:1px solid #3f3f46;border-radius:6px;color:#d4d4d8;background:#09090b;cursor:pointer;font:600 10px var(--display)}.observer-quick-status button:hover:not(:disabled){border-color:#5eead4;background:#18181b}.observer-control-note{margin:12px 0 0;color:#a1a1aa;font-size:10px;line-height:1.5}.breakpoint-intro,.observer-breakpoint-intro{display:grid;grid-gap:5px;gap:5px;margin:0 0 12px;padding:12px;border:1px solid #2c6c63;border-radius:8px;background:#102522}.breakpoint-intro strong,.observer-breakpoint-intro strong{color:#e4e4e7;font-size:12px}.breakpoint-intro p,.observer-breakpoint-intro p{margin:0;color:#a1a1aa;font-size:10px;line-height:1.5}.breakpoint-list,.observer-breakpoint-list{display:grid;grid-gap:8px;gap:8px;margin-top:14px}.breakpoint-list>strong,.observer-breakpoint-list>strong{display:flex;align-items:center;justify-content:space-between;color:#e4e4e7;font-size:11px}.breakpoint-list>strong span,.observer-breakpoint-list>strong span{display:grid;min-width:20px;height:20px;place-items:center;border-radius:10px;color:#d4d4d8;background:#27272a;font-size:10px}.breakpoint-row,.observer-breakpoint-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #27272a;border-radius:8px;background:#111113}.breakpoint-row>span,.observer-breakpoint-row>span{display:grid;grid-gap:3px;gap:3px;min-width:0}.breakpoint-row b,.observer-breakpoint-row b{overflow:hidden;color:#e4e4e7;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.breakpoint-row small,.observer-breakpoint-row small,.observer-pending-breakpoint small,.pending-breakpoint-card small{color:#a1a1aa;font-size:10px}.breakpoint-actions>button:not(.button),.breakpoint-redirect button,.breakpoint-row button,.observer-breakpoint-actions>button:not(.button),.observer-breakpoint-redirect button,.observer-breakpoint-row button{min-height:32px;padding:6px 9px;border:1px solid #3f3f46;border-radius:6px;color:#d4d4d8;background:#09090b;cursor:pointer;font:600 10px var(--display)}.breakpoint-actions>button:not(.button):hover:not(:disabled),.breakpoint-redirect button:hover:not(:disabled),.breakpoint-row button:hover:not(:disabled),.observer-breakpoint-actions>button:not(.button):hover:not(:disabled),.observer-breakpoint-redirect button:hover:not(:disabled),.observer-breakpoint-row button:hover:not(:disabled){border-color:#5eead4}.breakpoint-actions button:disabled,.breakpoint-redirect button:disabled,.breakpoint-row button:disabled,.observer-breakpoint-actions button:disabled,.observer-breakpoint-redirect button:disabled,.observer-breakpoint-row button:disabled{cursor:not-allowed;opacity:.45}.observer-pending-breakpoint,.pending-breakpoint-card{display:grid;grid-gap:9px;gap:9px;padding:11px;border:1px solid #66512a;border-radius:8px;background:#211b10}.observer-pending-breakpoint>div:first-child,.pending-breakpoint-card>div:first-child{display:grid;grid-gap:4px;gap:4px}.observer-pending-breakpoint>div:first-child b,.pending-breakpoint-card>div:first-child b{color:#f4e3b7;font-size:12px}.observer-pending-breakpoint .studio-field,.pending-breakpoint-card .studio-field{margin:0}.breakpoint-actions,.observer-breakpoint-actions{display:flex;flex-wrap:wrap;gap:6px}.breakpoint-actions .button,.observer-breakpoint-actions .button{min-height:32px;padding:6px 9px;font-size:10px}.breakpoint-redirect,.observer-breakpoint-redirect{display:flex;gap:6px}.breakpoint-redirect input,.observer-breakpoint-redirect input{min-width:0;flex:1 1}.observer-redirect{gap:10px;margin:0;padding:14px;border:0;border-radius:0;background:transparent}.observer-redirect label{color:#d4d4d8;font-size:11px}.observer-redirect .observer-redirect-controls{align-items:stretch;flex-direction:column}.observer-redirect .observer-redirect-controls input{min-height:40px;font-size:12px}.observer-redirect .observer-redirect-controls .button{min-height:38px;justify-content:center}.observer-control-rail>.observer-event-feed{display:flex;flex-direction:column;min-height:0;margin:0;padding:13px;border:0;border-radius:0}.observer-control-rail .observer-feed-header{flex:0 0 auto;margin-bottom:10px}.observer-control-rail .observer-feed-header h2{font-size:17px}.observer-control-rail .observer-feed-filters{flex:0 0 auto;align-items:stretch;flex-direction:column;gap:7px;margin-bottom:9px}.observer-control-rail .observer-feed-filters select{width:100%}.observer-control-rail .observer-events{min-height:0;max-height:none;flex:1 1}.observer-control-footer{grid-row:5;display:flex;align-items:center;justify-content:space-between;gap:10px 20px;padding:9px 16px;border-top:1px solid #27272a;color:#a1a1aa;background:#111113;font-size:10px}.observer-control-footer>span:first-child{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;color:#5eead4}@media (max-width:900px){.observer-control-page{padding:10px}.observer-live-workspace{height:calc(100dvh - 20px);min-height:0;grid-template-rows:auto auto auto minmax(0,1fr) auto}.observer-console{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(210px,.8fr) minmax(260px,1fr)}.observer-preview-pane{border-right:0;border-bottom:1px solid #27272a}.observer-control-rail{grid-template-rows:auto minmax(0,1fr)}.observer-control-rail>.observer-event-feed{padding:10px}}@media (max-width:560px){.observer-control-page{padding:0}.observer-live-workspace{height:100dvh;border-radius:0}.observer-live-workspace>.observer-header{align-items:flex-start;padding:11px 12px}.observer-live-workspace .observer-header .button{padding:7px 9px;font-size:10px}.observer-live-workspace>.observer-toolbar{align-items:stretch;flex-direction:column;gap:7px;padding:8px 12px}.observer-live-workspace .observer-toolbar .studio-select{min-width:0}.observer-player-count{font-size:10px}.observer-console{grid-template-rows:minmax(190px,.78fr) minmax(270px,1fr)}.observer-preview-pane{padding:8px}.observer-preview-hint{font-size:9px}.observer-control-tabs{gap:4px;padding:7px}.observer-control-tabs button{min-height:35px;padding:6px 7px;font-size:9px}.observer-tool-panel{padding:10px}.observer-control-footer{align-items:flex-start;flex-direction:column;gap:4px;padding:7px 10px;font-size:9px}}