:root{--studio-bg:#f6f7fb;--ink:#20243b;--muted:#7a8094;--line:#e9ebf2;--violet:#6555d9;--violet-soft:#eeebff;--mint:#dbf3e9;--radius:18px}.studio{background:var(--studio-bg);color:var(--ink);font-family:Inter,'Segoe UI',system-ui,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}.studio *{box-sizing:border-box}.studio a{color:var(--violet);text-decoration:none}.studio a:hover{text-decoration:underline}.studio-sidebar{position:fixed;left:0;top:0;bottom:0;width:244px;z-index:30;background:#fff;border-right:1px solid var(--line);padding:32px 22px;display:flex;flex-direction:column;overflow:auto}.studio-brand{display:flex;align-items:center;gap:11px;color:var(--ink)!important;font-size:15px;font-weight:750;line-height:1.4;white-space:nowrap}.studio-brand small{font-size:8px;letter-spacing:2px;margin:3px 0;color:#979aab}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--violet);color:#fff;width:39px;height:41px;border-radius:12px;font-size:22px;letter-spacing:-2px}.brand-mark>span{font-size:16px;align-self:flex-start;margin-top:4px;letter-spacing:0}.nav-label{font-size:9px;letter-spacing:1.7px;color:#a0a4b4;font-weight:750;margin:44px 12px 15px}.studio nav.studio-navigation{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:0;margin:0;max-width:none}.studio-navigation a{display:flex;gap:13px;align-items:center;min-height:46px;padding:11px 13px;border-radius:10px;color:#7c8194;font-size:12px;font-weight:600;transition:background .18s,color .18s}.studio-navigation a>span:first-child{font-size:19px;font-weight:400;width:20px;text-align:center}.studio-navigation a[aria-current=page]{color:var(--violet);background:var(--violet-soft)}.studio-navigation a:hover{background:#f5f3ff;color:var(--violet);text-decoration:none}.nav-new{font-size:8px;background:#ddd7ff;padding:2px 5px;border-radius:4px;margin-left:auto;color:#6954ce;letter-spacing:.5px}.sidebar-tip{background:linear-gradient(145deg,#f0edff,#eae9fb);border-radius:14px;padding:18px;margin-top:40px}.tip-spark{font-size:26px;color:var(--violet)}.sidebar-tip h3{font-size:13px;margin:5px 0}.sidebar-tip p{font-size:11px;color:#86819c;line-height:1.9;margin:6px 0 13px}.sidebar-tip a{display:flex;justify-content:space-between;font-size:11px;font-weight:700}.sidebar-bottom{display:flex;flex-direction:column;gap:14px;margin-top:auto;padding:35px 10px 0;font-size:11px}.sidebar-bottom a{color:#7f8495}.sidebar-bottom small{font-size:8px;letter-spacing:1px;color:#b3b6c3}.studio-shell{margin-left:244px}.studio-topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;background:#ffffffb8;border-bottom:1px solid var(--line);gap:14px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:16px;font-size:11px}.topbar-left>span{color:#9498a9}.topbar-left strong{font-weight:600}.topbar-slash{color:#cdd0db!important}.studio-live{color:#8a90a2;font-size:10px;display:flex;align-items:center;gap:7px}.studio-live i{width:6px;height:6px;border-radius:50%;background:#74bca4}.avatar{width:34px;height:34px;display:grid;place-items:center;border:3px solid #fff;background:#e9e3fa;border-radius:50%;font-size:10px;color:#7663aa}.studio #workspace{max-width:1400px;margin:0 auto;padding:42px 44px 70px;outline:none}.studio h1{font-size:clamp(30px,3.5vw,46px);line-height:1.18;letter-spacing:-1.6px;font-weight:730;margin:10px 0 16px}.studio h2{font-size:20px;font-weight:680;line-height:1.4;letter-spacing:-.45px;margin:0 0 12px}.studio h3{font-size:17px}.studio p{color:#83889a;line-height:1.85}.studio .eyebrow{font-size:9px;letter-spacing:1.8px;color:#9b91c2;font-weight:750;margin:0 0 11px}.accent{color:var(--violet)}.page-intro{margin:0 0 30px}.page-intro>p:last-child{margin:0;font-size:13px}.studio .card{background:#fff;border:1px solid var(--line);box-shadow:0 4px 12px #2c235103;border-radius:var(--radius);padding:27px;margin-bottom:22px}.studio button,.studio .class-button{background:var(--violet);border:1px solid transparent;border-radius:10px;padding:12px 18px;font-size:12px;font-weight:650;color:white;box-shadow:0 3px 6px #6555d914;transition:background .2s,transform .2s}.studio button:hover,.studio .class-button:hover{background:#5544c5;text-decoration:none;transform:translateY(-1px)}.studio button:disabled{opacity:.5;cursor:not-allowed;transform:none}.studio input,.studio textarea,.studio select{background:#fafbfe;border:1px solid #e3e6f0;border-radius:9px;padding:12px 14px;font:inherit;font-size:13px;color:var(--ink);width:100%;transition:border-color .2s,box-shadow .2s}.studio input:focus,.studio textarea:focus,.studio select:focus{outline:0;border-color:#9a8ee7;box-shadow:0 0 0 3px #6555d912;background:white}.studio input[type=checkbox]{width:18px;height:18px;accent-color:var(--violet);display:inline-block;vertical-align:middle}.studio label{font-size:11px;color:#5e637a;font-weight:600;display:block;margin-bottom:8px}.studio form>p label{margin-bottom:8px}.studio small,.studio .class-note{color:#9297a8;font-size:11px}.studio .tag{font-size:9px;color:#6c5fa1;background:#f0edfa;padding:5px 9px;font-weight:650;border-radius:6px}.class-heading{margin-bottom:26px}.class-heading>div>p:last-child{font-size:12px;margin-bottom:0}.studio .class-split{background:#272c48;color:#fff;padding:28px 32px;border-radius:18px;position:relative;overflow:hidden;isolation:isolate;gap:25px}.class-split:after{content:'';position:absolute;width:280px;height:280px;border:45px solid #ffffff04;border-radius:50%;right:70px;top:-95px;z-index:-1}.studio .class-split h2{font-size:19px;color:#fff;max-width:330px}.studio .class-split p{color:#b4b9d0;font-size:11px;margin-bottom:0}.studio .class-split strong{font-size:48px;letter-spacing:-2px}.studio .class-split>div:nth-child(2) strong{color:#c2f1dc}.studio .class-split span{font-size:10px;color:#c7c9dc}.studio .metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:25px 0}.studio .metrics .card{min-width:0;margin:0;font-size:10px;color:#979cae;padding:23px}.studio .metrics strong{font-size:28px;letter-spacing:-1px;color:#363b54;margin-top:10px;line-height:1.2}.studio .class-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.studio .class-tile{padding:0 23px 22px;overflow:hidden}.tile-art{height:124px;margin:0 -23px 20px;background:#e9e5fa;display:flex;align-items:center;justify-content:space-between;padding:25px;position:relative;overflow:hidden;color:#8e7ac6}.tile-art>span{font-size:9px;letter-spacing:2px;font-weight:750}.tile-art b{font-size:135px;font-weight:400;line-height:1;transform:rotate(-18deg);color:#c5b9e9;margin-right:0}.class-tile:nth-child(3n+2) .tile-art{background:#e0f0e9;color:#558d77}.class-tile:nth-child(3n+2) .tile-art b{color:#acd5c4}.class-tile:nth-child(3n) .tile-art{background:#f7ecda;color:#ab915f}.class-tile:nth-child(3n) .tile-art b{color:#e6d0a6}.studio .class-tile h2{font-size:21px;margin:12px 0 6px}.studio .class-tile p{font-size:12px;margin:10px 0}.studio .class-tile h3{font-size:22px;margin:18px 0 0;letter-spacing:-.5px}.studio .class-tile h3 small{letter-spacing:0;font-weight:400;margin-top:4px}.class-actions{gap:12px}.class-actions>a:not(.class-button){font-size:11px}.share-link{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:4px;margin-top:15px;background:#fafbfe}.share-link input{border:0;background:transparent;padding:7px;font-size:10px;min-width:0}.studio .share-link button{background:white;color:var(--violet);border:1px solid var(--line);padding:7px 10px;font-size:10px;box-shadow:none}.class-toolbar{display:flex;justify-content:space-between;align-items:center;margin:5px 0 22px;gap:16px}.class-search{display:flex!important;align-items:center;gap:8px;margin:0!important;background:white;border:1px solid var(--line);padding:0 13px;border-radius:9px;max-width:360px;flex:1}.class-search span{font-size:23px;color:#9b9fb2}.studio .class-search input{border:0;background:transparent;padding:10px 0;font-size:11px;box-shadow:none}.class-filters{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#eeeff5}.studio .class-filters button{font-size:10px;color:#9195a7;background:transparent;padding:7px 12px;border-radius:6px;box-shadow:none}.studio .class-filters button[aria-pressed=true]{background:white;color:var(--violet);box-shadow:0 2px 4px #24223408}.studio .back-link{font-size:11px;display:inline-block;margin-bottom:24px;color:#9398aa}.builder-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:30px;align-items:start}.studio .section-head{border-bottom:1px solid #f0f1f6;align-items:center;padding-bottom:20px;margin-bottom:22px;gap:14px}.section-number{font-size:11px;background:#f1eefb;color:#8a7cbc;border-radius:10px;padding:11px}.studio .section-head h2{font-size:16px;margin:0 0 3px}.studio .section-head p{font-size:11px;margin:0}.class-builder .field{margin-bottom:18px}.class-builder .field:last-child{margin-bottom:0}.studio .fields{gap:18px}.studio .price-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 20px}.studio .price-options button{background:#fff;color:#6f7489;border:1px solid #e6e8f1;box-shadow:none;text-align:left;padding:15px;white-space:normal}.price-options strong,.price-options span{display:block}.price-options strong{font-size:12px}.price-options span{font-size:10px;font-weight:400;margin-top:5px;color:#9a9eaf}.studio .price-options button[aria-pressed=true]{background:#f4f1ff;border-color:#a597e5;color:#6a57bf}.studio .class-estimate{background:#edf7f2;color:#478c70;padding:15px;font-size:11px;border-radius:9px;line-height:1.8;margin:15px 0 10px}.builder-preview{position:sticky;top:24px}.preview-class{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.preview-art{background:#e8e3f8;color:#7660b3;min-height:215px;position:relative;overflow:hidden;padding:25px}.preview-art>span{font-size:8px;letter-spacing:2px;font-weight:750}.preview-art>div{position:absolute;font-size:190px;right:-10px;top:0;line-height:1;color:#c8bce9;transform:rotate(-15deg)}.preview-art small{position:relative;color:#8c7aac;font-size:18px;line-height:1.25;letter-spacing:-.5px;margin-top:75px;max-width:150px}.preview-body{padding:23px}.preview-body h2{margin-top:12px;font-size:21px;overflow-wrap:anywhere}.preview-body p{font-size:11px;max-height:130px;overflow:auto;overflow-wrap:anywhere}.preview-meta{font-size:9px;color:#989daf;display:flex;justify-content:space-between;gap:8px;padding:15px 0;border-bottom:1px solid var(--line);margin-bottom:15px}.preview-body>strong{font-size:23px}.builder-note{display:flex;align-items:start;gap:14px;padding:22px 5px}.builder-note>span{color:#b3a8dc;font-size:24px}.builder-note p{font-size:11px;margin:0}.builder-note strong{color:#73798e;font-weight:600}.publish-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:22px}.publish-bar strong{font-size:12px;font-weight:600}.publish-bar small{font-size:10px;margin:2px 0}.studio .portal-class-hero{background:#eeebfc;border:0;position:relative;overflow:hidden;padding:30px 34px}.portal-class-hero h2{font-size:26px;max-width:70%;position:relative}.portal-class-hero>p{max-width:70%;font-size:12px;position:relative}.portal-class-hero a{font-size:12px;font-weight:700;position:relative}.portal-orbit{position:absolute;right:30px;top:-10px;font-size:190px;color:#d8d0f2;line-height:1;transform:rotate(-15deg)}.studio .filters{align-items:center;gap:12px;flex-wrap:wrap}.studio .filters>a{padding:10px 15px;border:1px solid var(--line);background:#fff;border-radius:9px;font-size:11px}.studio .filters form{margin-left:auto}.studio .filters form button{background:#fff;color:#9994ad;border:1px solid var(--line);box-shadow:none;padding:9px 14px;font-size:11px}.studio .table-wrap{padding:8px 18px}.studio table{font-size:11px}.studio td,.studio th{padding:16px 12px;border-bottom:1px solid #f0f1f7}.studio th{font-size:8px;color:#a0a5b5;letter-spacing:1px}.studio td{color:#6e748a;min-width:100px}.studio td form{min-width:210px}.studio td button{font-size:10px;padding:9px 12px}.studio .account-form{max-width:600px;margin:20px auto;padding:38px}.account-form h1{font-size:33px}.account-form>p{font-size:12px}.account-form>a{font-size:11px}.account-form form{margin-top:24px}.account-form button{width:100%;margin-top:12px}.studio .studio-footer{display:flex;justify-content:space-between;gap:15px;padding:20px 44px;color:#a2a7b7;font-size:9px;border-top:1px solid var(--line);text-align:left}.studio button.menu-toggle{display:none}.skip-link{position:fixed;top:-60px;left:15px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:10px}#studio-toast{position:fixed;bottom:25px;left:calc(50% + 122px);transform:translateX(-50%);z-index:60;background:#2c3050;color:#fff;border-radius:10px;padding:14px 23px;font-size:12px;box-shadow:0 8px 30px #20243b20;max-width:90vw}#studio-toast:empty{display:none}.studio [hidden]{display:none!important}.studio .errorlist{color:#b64d60;font-size:12px;padding-left:20px}.studio a:focus-visible,.studio button:focus-visible{outline:3px solid #b6a9f2;outline-offset:4px}.studio h1,.studio .page-intro{animation:studio-reveal .35s ease-out}@keyframes studio-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(min-width:1600px){.studio #workspace{padding-top:55px}}@media(max-width:1100px){.studio-sidebar{width:210px;padding:28px 16px}.studio-shell{margin-left:210px}.studio #workspace{padding:30px 26px 50px}.studio-topbar{padding:0 26px}.builder-layout{gap:20px;grid-template-columns:minmax(0,1.6fr) minmax(210px,1fr)}.class-split>div:first-child{max-width:50%}.studio .class-split strong{font-size:38px}#studio-toast{left:calc(50% + 105px)}}@media(max-width:850px){.studio-sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:15px 0 35px #20243b0a;width:244px}.studio.menu-open .studio-sidebar{transform:translateX(0)}.studio-shell{margin-left:0}.studio button.menu-toggle{display:block;background:#f0edfa;color:var(--violet);padding:5px 9px;border-radius:7px;font-size:15px;box-shadow:none}.studio-topbar{height:66px;position:sticky;top:0;z-index:25;backdrop-filter:blur(18px)}.studio #workspace{padding:28px 22px 50px}#studio-toast{left:50%}.builder-preview{top:90px}}@media(max-width:600px){.studio #workspace{padding:24px 16px 40px}.studio-topbar{padding:0 16px}.studio-live{display:none}.topbar-left{gap:9px}.studio h1{font-size:34px;letter-spacing:-1.3px}.class-heading{align-items:flex-start;gap:16px}.studio .class-split{padding:24px;gap:22px;flex-wrap:wrap}.class-split>div:first-child{max-width:100%;width:100%}.studio .class-split strong{font-size:41px}.studio .metrics{grid-template-columns:1fr;gap:10px}.studio .metrics .card{display:flex;justify-content:space-between;align-items:center;padding:17px 20px}.studio .metrics strong{margin:0;font-size:23px}.studio .class-grid{grid-template-columns:1fr}.class-toolbar{align-items:stretch;flex-direction:column;gap:12px}.class-search{max-width:none}.class-filters{align-self:flex-start}.builder-layout{grid-template-columns:1fr}.builder-preview{position:static}.builder-preview>.eyebrow{margin-top:15px}.preview-art{min-height:170px}.preview-art small{margin-top:40px}.studio .card{padding:22px}.studio .class-tile{padding:0 22px 22px}.studio .fields{grid-template-columns:1fr}.studio .class-actions{align-items:flex-start}.studio .studio-footer{padding:20px;flex-direction:column;gap:4px}.studio .portal-class-hero{padding:25px}.portal-class-hero h2,.portal-class-hero>p{max-width:100%}.portal-orbit{opacity:.35;right:-40px}.studio .filters form{margin-left:0}.studio .account-form{margin:0;padding:25px}.studio .table-wrap{padding:8px 10px}.publish-bar button{padding:11px 15px}.studio .price-options button{padding:12px}}
@media(prefers-reduced-motion:reduce){.studio *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}