.studio-page{background:#f8f6fb}.studio-page-hero{background:radial-gradient(circle at 80% 15%,#e8ddf3 0,#f6f1fb 42%,#f2eef6 100%);overflow:hidden}.studio-page-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:36px;align-items:center;min-height:560px;padding:60px 0}.studio-page-hero h1{font-size:clamp(2.7rem,5.2vw,5rem);letter-spacing:-.075em;line-height:1.13;margin:22px 0}.studio-page-hero h1 em,.studio-guide-head h2 em,.studio-teaser h2 em{font-style:normal;color:#765395}.studio-page-hero p{max-width:620px;color:#62566b;font-size:16px;line-height:1.8}.studio-page-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.studio-page-hero-actions a,.studio-billing-jump{display:inline-block;background:#553671;color:#fff;border-radius:10px;padding:14px 18px;font-size:13px;font-weight:900}.studio-page-hero-actions a+ a{background:#fff;color:#553671;border:1px solid #d7c8e2}.studio-hero-art{min-height:400px;position:relative;display:flex;align-items:center;justify-content:center}.studio-hero-art:before{content:'';position:absolute;width:min(92%,380px);aspect-ratio:1;border-radius:50%;background:#e3d2f0;box-shadow:0 0 0 40px #ebe1f4,0 0 0 42px #d9c8e5;animation:studio-pulse 5s ease-in-out infinite}.studio-hero-art img{position:relative;z-index:1;width:min(78%,330px);max-height:370px;object-fit:contain;filter:drop-shadow(0 22px 16px #3b275133);animation:studio-float 4s ease-in-out infinite}.studio-orbit{position:absolute;z-index:2;background:#fff;border:1px solid #d9c5e8;border-radius:100px;padding:10px 15px;font-size:12px;font-weight:900;color:#5b3e77;box-shadow:0 7px 15px #4c28642b;animation:studio-float 4s ease-in-out infinite}.orbit-one{top:5%;left:8%}.orbit-two{right:0;top:23%;animation-delay:.5s}.orbit-three{left:0;bottom:20%;animation-delay:1s}.orbit-four{right:10%;bottom:2%;animation-delay:1.5s}.studio-quick-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:-25px;position:relative;z-index:1}.studio-quick-map div{background:#fff;border:1px solid #e5d9ed;border-radius:12px;box-shadow:0 5px 0 #e9e0f1;padding:18px}.studio-quick-map b{display:block;color:#805f9b;font-size:11px}.studio-quick-map strong{display:block;font-size:15px;margin:5px 0}.studio-quick-map span{font-size:11px;color:#766c7e}.studio-guide-section{padding:105px 0}.studio-guide-section:nth-of-type(even){background:#f4eff8}.studio-guide-head{max-width:790px;margin-bottom:32px}.studio-guide-head h2{font-size:clamp(2.3rem,4vw,3.7rem);margin:12px 0 16px}.studio-guide-head p{font-size:15px;color:#665d6d;line-height:1.75}.studio-agent-tabs,.studio-env-tabs{display:grid;gap:10px;margin-bottom:14px}.studio-agent-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-env-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-agent-tabs button,.studio-env-tabs button{border:1px solid #d7c8e2;background:#fff;color:#523d65;border-radius:11px;padding:14px 12px;font:inherit;font-size:13px;font-weight:800;transition:transform .25s,background .25s,box-shadow .25s}.studio-agent-tabs button:hover,.studio-env-tabs button:hover{transform:translateY(-3px)}.studio-agent-tabs button[aria-selected=true],.studio-env-tabs button[aria-selected=true]{background:#654584;color:#fff;box-shadow:0 4px 0 #3e2d51;border-color:#654584}.studio-agent-detail,.studio-env-detail{display:grid;grid-template-columns:.75fr 1.25fr;gap:28px;background:#fff;border:1px solid #e4d8ed;border-radius:18px;padding:clamp(22px,3vw,36px);min-height:320px}.studio-switch{animation:studio-appear .38s ease both}.studio-agent-visual,.studio-env-stage{border-radius:13px;background:radial-gradient(circle,#e3d4ef,#f4edf9);min-height:265px;display:flex;align-items:center;justify-content:center;gap:5px;padding:18px;overflow:hidden}.studio-agent-node{background:#fff;color:#654584;padding:11px 9px;border:1px solid #d9c9e5;border-radius:12px;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:0 5px 0 #d8c4e5;animation:studio-rise .5s ease both}.studio-agent-core{background:#654584;color:#fff;animation-delay:.15s}.studio-agent-line{height:2px;width:18px;background:#9674b1;flex-shrink:1;animation:studio-grow .5s ease both}.studio-agent-copy>span,.studio-env-copy>span{font-size:11px;font-weight:900;color:#8061a0}.studio-agent-copy h3,.studio-env-copy h3{font-size:clamp(1.5rem,2.6vw,2.2rem);letter-spacing:-.04em;margin:8px 0}.studio-agent-copy>p,.studio-env-copy>p{color:#5f5765;font-size:14px;line-height:1.7}.studio-agent-copy dl,.studio-env-copy dl{margin:20px 0 0}.studio-agent-copy dl div,.studio-env-copy dl div{display:grid;grid-template-columns:100px 1fr;gap:10px;border-top:1px solid #ece7f0;padding:12px 0}.studio-agent-copy dt,.studio-env-copy dt{font-size:12px;font-weight:900;color:#5f3f7d}.studio-agent-copy dd,.studio-env-copy dd{margin:0;font-size:12px;color:#5f5765;line-height:1.6}.studio-guide-source{font-size:11px;line-height:1.7;color:#756e7c;margin:20px 0 0}.studio-guide-source a{color:#5c3e76;text-decoration:underline;text-underline-offset:2px}.studio-page .studio-section{padding:100px 0}.studio-page .studio-section .wrap{width:min(1200px,calc(100% - 64px))}.studio-env-stage{flex-direction:column;gap:35px}.studio-env-badge{display:flex;align-items:center;justify-content:center;width:160px;height:160px;border:2px solid #8b69a5;background:#fff;border-radius:50%;box-shadow:0 0 0 17px #ede0f5,0 0 0 18px #d4bee3;color:#674685;font-size:20px;font-weight:900;animation:studio-pulse 4s infinite}.studio-env-path{display:flex;align-items:center;gap:6px}.studio-env-path span{font-size:10px;font-weight:800;background:#fff;border-radius:100px;padding:7px}.studio-env-path i{width:14px;height:2px;background:#926cae}.studio-env-callout{background:#e9ddf2;border-left:5px solid #765395;border-radius:10px;padding:19px 23px;margin-top:18px}.studio-env-callout strong{font-size:15px}.studio-env-callout p{font-size:12px;line-height:1.75;margin:6px 0 0}.studio-setup-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-setup-list li{display:grid;grid-template-columns:105px 1fr;gap:12px;background:#fff;border:1px solid #e4d8ed;border-radius:12px;padding:20px}.studio-setup-list li b{color:#765395;font-size:12px}.studio-setup-list strong{font-size:14px}.studio-setup-list p{font-size:12px;line-height:1.7;color:#635c6b;margin:8px 0 0}.studio-billing-story{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0}.studio-billing-story div{position:relative;background:#654584;color:#fff;border-radius:12px;padding:20px;min-height:105px;animation:studio-rise .5s ease both}.studio-billing-story div:nth-child(2){animation-delay:.1s}.studio-billing-story div:nth-child(3){animation-delay:.2s}.studio-billing-story div:nth-child(4){animation-delay:.3s}.studio-billing-story div:not(:last-child):after{content:'→';position:absolute;right:-14px;top:42%;z-index:1;background:#fff;color:#654584;border-radius:50%;width:23px;text-align:center}.studio-billing-story b,.studio-billing-story span{display:block}.studio-billing-story b{font-size:13px;margin-bottom:8px}.studio-billing-story span{font-size:11px;line-height:1.5;color:#e7d8f0}.studio-billing-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.studio-billing-models article{background:#fff;border:1px solid #e4d8ed;border-radius:12px;padding:20px}.studio-billing-models span{font-size:11px;font-weight:900;color:#765395}.studio-billing-models h3{font-size:18px;margin:9px 0}.studio-billing-models p{font-size:12px;line-height:1.7;color:#665e6c;margin:0}.studio-billing-warning{background:#fff9eb;border-left:4px solid #d9aa48;border-radius:7px;padding:15px 18px;font-size:12px;line-height:1.7;margin:19px 0}.studio-page .studio-cost-intro{margin-top:55px}.studio-page .studio-estimator{margin-top:20px}.studio-page-footer{background:#27372f;color:#fff;padding:30px 0}.studio-page-footer .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}.studio-page-footer a{font-size:13px;font-weight:900}.studio-page-footer p{font-size:11px;color:#c6d4c8;line-height:1.6;margin:0;max-width:550px}.studio-teaser{background:#e9ddf2;padding:78px 0}.studio-teaser-layout{display:flex;align-items:center;justify-content:space-between;gap:35px}.studio-teaser h2{margin:11px 0}.studio-teaser p{font-size:14px;color:#5d5266;line-height:1.7;max-width:550px;margin:0}.studio-teaser-link{background:#5f417d;color:#fff;border-radius:10px;padding:17px 22px;font-size:14px;font-weight:900;white-space:nowrap}.studio-teaser-link:hover,.studio-page-hero-actions a:hover{transform:translateY(-3px)}@keyframes studio-float{50%{transform:translateY(-10px)}}@keyframes studio-pulse{50%{box-shadow:0 0 0 25px #eadcf4,0 0 0 27px #d9c8e5}}@keyframes studio-rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes studio-appear{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.studio-page-hero-grid,.studio-agent-detail,.studio-env-detail{grid-template-columns:1fr}.studio-hero-art{min-height:320px}.studio-quick-map{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-billing-story{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-billing-story div:nth-child(2):after{display:none}}@media(max-width:650px){.studio-page-hero-grid{padding:60px 0 30px}.studio-page-hero h1{font-size:2.5rem}.studio-page-hero p{font-size:14px}.studio-hero-art{min-height:260px}.studio-hero-art img{max-height:255px}.studio-orbit{font-size:10px;padding:7px 10px}.studio-guide-section,.studio-page .studio-section{padding:70px 0}.studio-page .studio-section .wrap{width:min(100% - 36px,600px)}.studio-agent-tabs,.studio-env-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-agent-detail,.studio-env-detail{gap:15px}.studio-agent-visual,.studio-env-stage{min-height:220px}.studio-setup-list,.studio-billing-models{grid-template-columns:1fr}.studio-setup-list li{grid-template-columns:1fr;gap:5px}.studio-billing-story div{min-height:110px}.studio-billing-story div:not(:last-child):after{display:none}.studio-page-footer .wrap,.studio-teaser-layout{display:block}.studio-page-footer p{margin-top:12px}.studio-teaser-link{display:inline-block;margin-top:24px}}@media(max-width:390px){.studio-agent-node{font-size:10px;padding:10px 6px}.studio-env-path{gap:3px}.studio-env-path span{font-size:9px}}@media(prefers-reduced-motion:reduce){.studio-page *, .studio-page *:before,.studio-page *:after{animation:none!important;transition:none!important}}
.studio-billing-story [role=button]{cursor:pointer;transition:transform .25s,background .25s,box-shadow .25s}.studio-billing-story [role=button]:hover{transform:translateY(-4px)}.studio-billing-story [aria-pressed=true]{background:#3f2858;box-shadow:0 6px 0 #9d83b4}.studio-billing-story [role=button]:focus-visible{outline:3px solid #ffb85c;outline-offset:3px}.studio-billing-detail{background:#fff;border:1px solid #ded0e8;border-radius:10px;padding:17px 20px;margin:-3px 0 22px;color:#584e60;font-size:13px;line-height:1.7;min-height:72px}@media(prefers-reduced-motion:reduce){.studio-billing-story [role=button]{transition:none}}
.studio-access-matrix{margin-top:18px;background:#fff;border:1px solid #e4d8ed;border-radius:14px;padding:clamp(18px,2.7vw,28px)}.studio-access-matrix h3{font-size:20px;letter-spacing:-.04em;margin:0 0 16px}.studio-access-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.studio-access-grid article{background:#f7f2fa;border-radius:10px;padding:16px}.studio-access-grid span,.studio-access-grid strong{display:block}.studio-access-grid span{font-size:10px;font-weight:900;color:#765395}.studio-access-grid strong{font-size:13px;margin:7px 0}.studio-access-grid p{font-size:11px;line-height:1.65;color:#5d5664;margin:0}@media(max-width:850px){.studio-access-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.studio-access-grid{grid-template-columns:1fr}}
.studio-hero-art{min-height:420px;align-items:stretch;justify-content:flex-start;padding:10px 0 28px}.studio-hero-art:before{display:none}.studio-ui-window{width:100%;height:330px;align-self:center;background:#fff;border:1px solid #d9cce5;border-radius:16px;box-shadow:0 26px 54px #4c326a30;overflow:hidden;transform:rotate(-3deg);animation:studio-rise .6s ease both}.studio-ui-top{height:44px;background:#f5f0fa;border-bottom:1px solid #e2d7eb;display:flex;align-items:center;gap:9px;padding:0 14px;color:#3c2d4d;font-size:12px}.studio-ui-logo{background:#765395;border-radius:7px;color:#fff;width:22px;height:22px;text-align:center;line-height:22px}.studio-ui-env{margin-left:auto;color:#665578;font-size:10px}.studio-ui-body{display:flex;height:286px}.studio-ui-side{width:94px;background:#faf8fc;border-right:1px solid #eee7f2;padding:12px 7px;display:grid;align-content:start;gap:6px}.studio-ui-side span{font-size:9px;color:#756981;padding:7px 5px;border-radius:5px;white-space:nowrap}.studio-ui-side .active{color:#654584;background:#ece2f4;font-weight:900}.studio-ui-main{padding:20px 13px;width:calc(100% - 94px);color:#33283e}.studio-ui-main small{font-size:9px;color:#856b9c}.studio-ui-main strong{display:block;font-size:17px;margin:9px 0 3px}.studio-ui-main p{font-size:9px;line-height:1.5;color:#756981;margin:0}.studio-ui-flow{display:flex;align-items:center;gap:3px;margin-top:22px;white-space:nowrap}.studio-ui-flow i{font-size:9px;font-style:normal;border:1px solid #d8c6e7;background:#f6f0fa;padding:8px 5px;border-radius:7px}.studio-ui-flow em{font-style:normal;color:#9576aa;font-size:9px}.studio-ui-check{display:grid;gap:7px;margin-top:16px;font-size:9px;color:#776b80}.studio-ui-check span:first-child{color:#227865}.studio-hero-art img.studio-hero-character{position:absolute;right:-5%;bottom:-18px;width:47%;height:90%;max-height:none;object-fit:contain;object-position:bottom;z-index:2;filter:drop-shadow(0 12px 14px #30204230);animation:studio-float 5s ease-in-out infinite}.studio-ui-caption{position:absolute;z-index:3;left:10px;bottom:0;font-size:10px;color:#766d7e;background:#fffdfddd;border:1px solid #e4daeb;border-radius:100px;padding:6px 10px}.studio-screen-guide{background:#f0eaf6}.studio-screen-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:stretch}.studio-screen-nav{display:grid;align-content:start;gap:9px}.studio-screen-nav button{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #dfd2e9;background:#fff;border-radius:11px;padding:16px;color:#493755;font:inherit;cursor:pointer;transition:transform .2s,background .2s}.studio-screen-nav button:hover{transform:translateX(3px)}.studio-screen-nav button[aria-selected=true]{background:#654584;color:#fff;border-color:#654584;box-shadow:0 4px 0 #3e2d51}.studio-screen-nav b{font-size:12px;opacity:.75}.studio-screen-nav span{font-size:13px;font-weight:900}.studio-screen-nav small{display:block;margin-top:4px;font-size:10px;font-weight:500;opacity:.75}.studio-screen-panel{background:#fff;border:1px solid #d6c5e4;border-radius:17px;box-shadow:0 20px 44px #4c326a1b;overflow:hidden}.studio-screen-bar{display:flex;align-items:center;justify-content:space-between;background:#604580;color:#fff;padding:15px 22px;font-size:12px;font-weight:900}.studio-screen-bar span+span{font-size:10px;font-weight:600;color:#e6d9ef}.studio-screen-canvas{display:grid;grid-template-columns:118px 1fr;min-height:375px}.studio-screen-rail{background:#faf8fc;border-right:1px solid #e8dfed;padding:22px 12px;display:grid;align-content:start;gap:16px}.studio-screen-rail span{font-size:11px;color:#776882}.studio-screen-rail span:first-child{font-weight:900;color:#654584}.studio-screen-content{padding:34px clamp(20px,4vw,50px)}#screen-step-label{font-size:11px;color:#765395;font-weight:900}#screen-title{font-size:clamp(1.4rem,2.5vw,2rem);margin:9px 0}#screen-description{font-size:13px;line-height:1.65;color:#65596e;max-width:650px}.studio-screen-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0}.studio-screen-flow span{font-size:11px;background:#f2eaf8;border:1px solid #ddcce9;padding:10px 13px;border-radius:8px;color:#543a6e;font-weight:800;animation:studio-rise .45s ease both}.studio-screen-flow i{font-style:normal;color:#8f70a6}.studio-screen-note{background:#f6f2f9;border-left:4px solid #8464a1;padding:16px 18px;border-radius:7px}.studio-screen-note strong{font-size:12px}.studio-screen-note ul{margin:8px 0 0;padding-left:17px;color:#65596e;font-size:11px;line-height:1.8}.studio-screen-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 21px;border-top:1px solid #e8dfed}.studio-screen-foot span{font-size:10px;color:#81758a}.studio-screen-foot button{background:#654584;color:#fff;border:0;border-radius:8px;padding:10px 13px;font:inherit;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap}@media(max-width:900px){.studio-screen-layout{grid-template-columns:1fr}.studio-screen-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.studio-hero-art{min-height:310px}.studio-ui-window{height:270px}.studio-ui-body{height:226px}.studio-hero-art img.studio-hero-character{max-height:none;height:88%;width:44%;right:-2%}.studio-screen-nav button{padding:12px}.studio-screen-canvas{grid-template-columns:72px 1fr;min-height:410px}.studio-screen-rail{padding:17px 7px}.studio-screen-rail span{font-size:9px}.studio-screen-content{padding:25px 16px}.studio-screen-foot{align-items:flex-start;flex-direction:column}}@media(max-width:390px){.studio-ui-side{width:72px}.studio-ui-main{width:calc(100% - 72px)}.studio-ui-side span{font-size:7px}.studio-ui-flow i{font-size:7px;padding:7px 3px}}
/* Environment illustrations: the same character shows four distinct operating contexts. */
.studio-env-tabs button strong,.studio-env-tabs button small{display:block}.studio-env-tabs button strong{font-size:15px}.studio-env-tabs button small{font-size:10px;font-weight:600;margin-top:5px;opacity:.75}.studio-env-detail{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);align-items:start}.studio-env-stage{margin:0;gap:0;min-height:390px;justify-content:flex-start;padding:15px 18px 19px;background:linear-gradient(145deg,#dff2ed,#eef8f5);border:1px solid #d2e7df}.studio-env-stage[data-env-visual=trial]{background:linear-gradient(145deg,#f0e6fb,#fbf3fa);border-color:#e6d6ef}.studio-env-stage[data-env-visual=sandbox]{background:linear-gradient(145deg,#e2f2f4,#edf5ff);border-color:#cfe5eb}.studio-env-stage[data-env-visual=production]{background:linear-gradient(145deg,#dcefe9,#f4f0de);border-color:#d9e6d6}.studio-env-image-wrap{width:100%;height:245px;display:flex;align-items:center;justify-content:center}.studio-env-image-wrap img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 12px #203a3a22);animation:studio-rise .45s ease both}.studio-env-visual-caption{text-align:center;color:#304b46}.studio-env-visual-caption strong{display:block;font-size:20px;line-height:1.25;letter-spacing:-.04em}.studio-env-visual-caption span{display:block;font-size:11px;font-weight:800;color:#58736d;margin-top:5px}.studio-env-stage[data-env-visual=trial] .studio-env-visual-caption{color:#644c78}.studio-env-stage[data-env-visual=production] .studio-env-visual-caption{color:#315a4c}.studio-env-path{margin-top:auto;justify-content:center;flex-wrap:wrap;padding-top:14px}.studio-env-path span{border:1px solid #ffffff99;box-shadow:0 2px 5px #30465b12}.studio-env-path i{width:10px}@media(max-width:900px){.studio-env-detail{grid-template-columns:1fr}.studio-env-image-wrap{height:285px}}@media(max-width:650px){.studio-env-stage{min-height:355px}.studio-env-image-wrap{height:220px}.studio-env-tabs button strong{font-size:13px}.studio-env-tabs button small{font-size:9px}.studio-env-visual-caption strong{font-size:18px}}
.studio-billing-models{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-billing-overage{margin:13px 0 0;padding:18px 22px;border-radius:12px;background:#ece3f4;border-left:5px solid #765395}.studio-billing-overage strong{font-size:14px;color:#50356b}.studio-billing-overage p{margin:6px 0 0;font-size:12px;line-height:1.7;color:#5f5368}.studio-pay-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 14px}.studio-pay-options label{display:flex;align-items:flex-start;gap:8px;padding:14px;border:1px solid #d8c9e3;border-radius:10px;background:#fff;cursor:pointer}.studio-pay-options input{flex:none;margin-top:3px}.studio-pay-options span{font-size:13px;font-weight:900;color:#513a66}.studio-pay-options small,.studio-overage-toggle small{display:block;font-size:10px;line-height:1.5;font-weight:500;color:#776a7e;margin-top:4px}.studio-overage-toggle{display:flex!important;align-items:flex-start;gap:8px;margin-top:12px;padding:13px;background:#f3edf8;border:1px solid #dfd1e9;border-radius:9px;cursor:pointer}.studio-overage-toggle input{flex:none;margin-top:3px}.studio-overage-toggle span{font-size:12px;font-weight:800;line-height:1.5}.studio-purchase [hidden]{display:none!important}@media(max-width:650px){.studio-billing-models,.studio-pay-options{grid-template-columns:1fr}}
.studio-purchase .studio-pay-options label{display:flex;align-items:flex-start;margin:0;min-width:0}.studio-purchase .studio-pay-options input[type=radio],.studio-purchase .studio-overage-toggle input[type=checkbox]{display:inline-block;flex:0 0 auto;width:16px;height:16px;max-width:16px;margin:1px 0 0;padding:0;accent-color:#654584}.studio-purchase .studio-pay-options span,.studio-purchase .studio-overage-toggle span{min-width:0;overflow-wrap:anywhere}.studio-purchase .studio-overage-toggle{display:flex;margin:12px 0}
.studio-billing-overage a{color:#50356b;font-weight:900;text-decoration:underline;text-underline-offset:2px}
.studio-top-switch{position:sticky;top:0;z-index:20;background:#f8f6fbee;border-bottom:1px solid #ded0e8;box-shadow:0 8px 22px #3f2d5214;backdrop-filter:blur(12px)}
.studio-top-switch>.wrap{display:flex;align-items:center;gap:20px;padding:10px 0}
.studio-top-switch-label{flex:none;color:#5f4776;font-size:12px;font-weight:900;white-space:nowrap}
.studio-top-switch .studio-env-tabs{flex:1;margin:0;gap:8px}
.studio-top-switch .studio-env-tabs button{padding:9px 10px;min-height:52px;box-shadow:none}
.studio-top-switch .studio-env-tabs button strong,.studio-top-switch .studio-env-tabs button small{display:block}
.studio-top-switch .studio-env-tabs button small{font-size:10px;font-weight:500;margin-top:2px}
.studio-top-switch .studio-env-tabs button:focus-visible{outline:3px solid #aa75dc;outline-offset:2px}
#environments{scroll-margin-top:90px}
@media(max-width:720px){.studio-top-switch>.wrap{display:block;padding:8px 0}.studio-top-switch-label{display:block;margin-bottom:6px;font-size:10px}.studio-top-switch .studio-env-tabs{display:flex;overflow-x:auto;scrollbar-width:thin;gap:6px}.studio-top-switch .studio-env-tabs button{flex:0 0 auto;min-height:43px;padding:6px 12px}.studio-top-switch .studio-env-tabs button small{display:none}#environments{scroll-margin-top:92px}}