.studio-page{--studio-line:#252c37;--studio-surface:#10151d;--studio-muted:#a0aaba}.studio-page main button,.studio-page main input,.studio-page main select{font:inherit}.studio-page main button{cursor:pointer}.studio-page main button:disabled{cursor:default;opacity:.35}.studio-page main button:focus-visible,.studio-page main input:focus-visible,.studio-page main select:focus-visible,.studio-page main summary:focus-visible{outline:2px solid #8ab7ff;outline-offset:4px}.studio-intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:100px;padding-top:80px;padding-bottom:64px}.studio-intro h1{font-size:clamp(44px,5.8vw,80px);letter-spacing:-.065em;line-height:1.03;margin:24px 0}.studio-intro h1 .blue-dot{color:#3b82f6}.studio-lead{font-size:18px;line-height:1.75;max-width:430px;color:#c2cad6}.studio-subline{font-size:12px;line-height:1.8;color:var(--studio-muted);margin-top:24px}.studio-beta{display:inline-block;font-size:8px;letter-spacing:.13em;border:1px solid #2d4262;padding:4px 6px;margin-left:10px;vertical-align:middle;border-radius:4px;color:#a6c8ff}.studio-access{padding:26px 30px;border:1px solid var(--studio-line);background:linear-gradient(130deg,#111823,#0d1118);border-radius:18px}.studio-step,.studio-section-label{font-size:9px;letter-spacing:.15em;color:#7e9bc5;font-weight:600}.studio-access h2{font-size:21px;letter-spacing:-.04em;margin:15px 0 10px}.studio-access p{font-size:11px;line-height:1.8;color:var(--studio-muted)}.studio-access form{margin-top:20px}.studio-access label{font-size:10px;display:block;margin-bottom:8px;color:#cbd5e1}.studio-field-row{display:flex;gap:8px}.studio-field-row input{flex:1;min-width:0;background:#090d14;border:1px solid #303947;border-radius:8px;padding:12px;color:#f0f2f5;font-size:12px!important}.studio-field-row button{white-space:nowrap}.studio-page main .studio-primary{background:#dce9ff;border:1px solid #dce9ff;color:#0c1a30;font-weight:600;border-radius:8px;padding:11px 15px;transition:background .18s,transform .18s,box-shadow .18s}.studio-page main .studio-primary:hover:not(:disabled){background:#fff;box-shadow:0 0 24px #5294fa20;transform:translateY(-1px)}.studio-page main .studio-primary:active:not(:disabled){transform:translateY(0)}.studio-page main .studio-text-button{border:0;background:transparent;color:#94bfff;padding:10px 0;font-size:10px}.studio-access .studio-status{min-height:18px;color:#a7c7fa;margin:12px 0}.studio-status[data-error=true]{color:#f4b5b5!important}.studio-page main .studio-explore{display:flex;justify-content:space-between;width:100%;align-items:center;border:0;border-top:1px solid var(--studio-line);background:transparent;color:#edf3fd;padding:15px 0 0;text-align:left;font-size:11px;font-weight:600}.studio-explore:after{content:'↓';color:#7daeff}.studio-access .studio-fine{font-size:9px;margin:7px 0 0}.studio-verified-label{color:#a5e5bd!important}.studio-workspace{max-width:1512px;margin:0 auto;border:1px solid var(--studio-line);border-radius:16px;overflow:hidden;background:#0c1016;scroll-margin-top:110px}.studio-toolbar{min-height:83px;padding:18px 22px;display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(100deg,#131a25,#10151d);border-bottom:1px solid var(--studio-line)}.studio-product{display:flex;gap:14px;align-items:center;flex-shrink:0}.studio-monogram{font-size:29px;line-height:1;font-weight:800;letter-spacing:-.1em;width:40px;height:40px;display:grid;place-content:center;grid-auto-flow:column;border:1px solid #2a3648;border-radius:10px}.studio-monogram span{color:#3b82f6}.studio-product h2{font-size:13px;letter-spacing:-.02em;margin:0 0 6px}.studio-product p{font-size:9px;color:#95a3b8;margin:0}.studio-product p>span[aria-hidden]{margin:0 6px;color:#41516b}.studio-tools{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.studio-tools button,.studio-confirm button{border:1px solid #2b3544;background:#151d29;color:#c5d0df;border-radius:7px;padding:10px 12px;font-size:10px!important;transition:background .15s,border-color .15s}.studio-tools button:hover:not(:disabled){background:#202c3e;border-color:#4b6489}.studio-tools .studio-primary{padding:10px 14px!important}.studio-editor-grid{display:grid;grid-template-columns:196px minmax(0,1fr) 260px;align-items:stretch}.studio-layers{padding:24px 14px;background:#10151d;border-right:1px solid var(--studio-line);min-width:0}.studio-layers>.studio-section-label,.studio-layers>.studio-muted{margin-left:8px;margin-right:8px}.studio-muted{font-size:9px;line-height:1.8;color:var(--studio-muted)}.studio-section-label{margin:0 0 14px}.studio-layer{background:transparent;border:1px solid transparent;display:flex;align-items:center;gap:9px;text-align:left;color:#a9b6ca;font-size:10px!important;padding:11px 9px;border-radius:6px;width:100%;min-height:36px;transition:background .15s,color .15s,border-color .15s}.studio-layer:hover{background:#1b2432}.studio-layer[aria-pressed=true]{border-color:#315c99;background:#152744;color:#c2d9ff}.studio-layer-glyph{width:15px;color:#7791b9;text-align:center;font-size:15px}.studio-divider{margin-top:24px!important;padding-top:20px;border-top:1px solid var(--studio-line)}.studio-layer-row{display:flex;align-items:center;gap:1px;margin-bottom:2px}.studio-layer-row .studio-layer{flex:1;min-width:0;word-break:normal}.studio-layer-arrows{display:flex;flex-direction:column}.studio-layer-arrows button{background:transparent;border:0;color:#7f94b1;font-size:12px;line-height:1;padding:4px;min-width:22px}.studio-layer-arrows button:hover:not(:disabled){color:#cde1ff;background:#1e2d44;border-radius:3px}.studio-layer-note{font-size:9px;line-height:1.9;color:#7e8ea5;padding:22px 8px;margin-top:16px;border-top:1px solid var(--studio-line)}.studio-live-dot{display:inline-block;width:5px;height:5px;background:#4b95ff;border-radius:50%;margin-right:7px;vertical-align:middle}.studio-canvas-column{min-width:0}.studio-preview-toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--studio-line);min-height:57px}.studio-preview-toolbar label{display:flex;gap:8px;align-items:center;font-size:9px;color:#95a3b8;min-width:0}.studio-preview-toolbar select,.studio-inspector select{background:#151c27;color:#c6d1e1;border:1px solid #293448;border-radius:6px;padding:8px;font-size:10px!important;max-width:100%;min-width:0}.studio-mode{display:flex;padding:3px;border:1px solid var(--studio-line);border-radius:7px;gap:2px}.studio-mode button{background:transparent;border:0;border-radius:4px;color:#93a3ba;padding:6px 8px;font-size:9px!important}.studio-mode button[aria-pressed=true]{background:#263349;color:#e9f2ff}.studio-canvas{height:685px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#17233755,transparent 67%),radial-gradient(#4f658626 .8px,transparent .8px) center/18px 18px,#090d14}.studio-canvas-label{position:absolute;top:19px;left:20px;font-size:8px;letter-spacing:.2em;color:#526780;pointer-events:none}.studio-frame-wrap{position:absolute;width:900px;height:1000px;transform-origin:0 0;opacity:0;transition:opacity .35s}.studio-frame-wrap[data-ready]{opacity:1}.studio-frame-wrap iframe{border:0;width:100%;height:100%;background:transparent;color-scheme:dark}.studio-canvas-loading{position:absolute;inset:0;display:grid;place-content:center;font-size:11px;color:#91a8c8;pointer-events:none}.studio-canvas-footer{display:flex;justify-content:space-between;gap:15px;padding:13px 16px;color:#8b9bb0;font-size:9px;line-height:1.6;border-top:1px solid var(--studio-line)}.studio-canvas-footer #studio-zoom{white-space:nowrap;color:#6785af}.studio-preview-disclaimer{font-size:9px;line-height:1.8;color:#66768c;padding:0 16px 10px;margin:0}.studio-inspector{border-left:1px solid var(--studio-line);padding:23px 18px;background:#10151d;min-width:0}.studio-inspector details{padding:16px 0;border-top:1px solid var(--studio-line)}.studio-inspector summary{list-style:none;cursor:pointer;font-size:11px;font-weight:500;color:#c9d5e7;display:flex;justify-content:space-between;gap:10px;align-items:center}.studio-inspector summary::-webkit-details-marker{display:none}.studio-inspector summary:after{content:'+';color:#6a82a4}.studio-inspector details[open]>summary:after{content:'−'}.studio-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:17px 0}.studio-theme-grid button{display:flex;align-items:center;gap:5px;background:#151c27;border:1px solid #273244;padding:8px 5px;border-radius:5px;color:#9daec5;font-size:8px!important}.studio-theme-grid button i{display:inline-block;width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--swatch)}.studio-theme-grid button[aria-pressed=true]{border-color:#689fe9;color:#e5f0ff}.studio-colors{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:17px}.studio-color{display:flex;justify-content:space-between;align-items:center;gap:7px;min-width:0;color:#a9b8cc;font-size:9px}.studio-color input{width:26px;height:25px;padding:2px;background:#1c2738;border:1px solid #354158;border-radius:5px;flex-shrink:0;cursor:pointer}.studio-color input::-webkit-color-swatch-wrapper{padding:1px}.studio-color input::-webkit-color-swatch{border:0;border-radius:2px}.studio-inspector #studio-contrast{font-size:8px;color:#99aecc;margin-top:13px}.studio-range{display:grid;grid-template-columns:1fr auto;gap:9px;color:#9fb0c8;font-size:9px;align-items:center;margin:18px 0 6px}.studio-range output{color:#c3d6ef;font-size:9px}.studio-range input{grid-column:1/-1;width:100%;min-width:0;accent-color:#7cabed;height:12px;cursor:pointer;margin:0}.studio-font-label{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#9fb0c8;font-size:9px;margin-top:18px}.studio-component summary{font-size:10px}.studio-component #studio-selected-name{color:#80aff2;font-size:9px;margin-left:auto}.studio-page main .studio-reset{background:transparent;color:#93a1b5;border:1px solid #303a49;border-radius:6px;width:100%;padding:10px 6px;font-size:9px;margin-top:10px}.studio-page main .studio-reset:hover{border-color:#7f95b6;color:#d7e4f6}.studio-how{padding-top:85px;padding-bottom:80px}.studio-how h2{font-size:clamp(25px,3.5vw,38px);letter-spacing:-.045em;margin-top:16px}.studio-how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:45px 0 30px;list-style:none;padding:0;counter-reset:studio-step}.studio-how li{counter-increment:studio-step;border-top:1px solid var(--studio-line);padding-top:23px}.studio-how li:before{content:'0' counter(studio-step);display:block;font-size:9px;color:#6f9de0;margin-bottom:16px}.studio-how strong{font-size:13px;color:#d3dcea}.studio-how li p{font-size:11px;color:#94a1b5;line-height:1.9;margin-top:10px}.studio-compatibility{font-size:10px;line-height:1.9;color:#7e8da3;border-top:1px solid var(--studio-line);padding-top:25px}.studio-confirm{background:#111a27;border:1px solid #334660;border-radius:16px;color:#e9f1fd;padding:30px;max-width:420px;width:calc(100% - 40px)}.studio-confirm::backdrop{background:#03070ec9;backdrop-filter:blur(8px)}.studio-confirm h2{font-size:24px;letter-spacing:-.04em;margin:0 0 14px}.studio-confirm p{color:#a8b7ca;font-size:12px;line-height:1.8}.studio-confirm>div{display:flex;gap:10px;justify-content:flex-end;margin-top:23px}.studio-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:200;background:#192b44;color:#dbeaff;border:1px solid #42638e;box-shadow:0 8px 30px #0008;border-radius:9px;padding:14px 22px;font-size:11px;max-width:calc(100vw - 30px);text-align:center;pointer-events:none}.studio-page [hidden]{display:none!important}.studio-page main button[aria-busy=true]{opacity:.65;cursor:progress}.studio-page main button[aria-busy=true]:after{content:'';display:inline-block;width:10px;height:10px;border:1px solid currentColor;border-right-color:transparent;border-radius:50%;margin-left:8px;animation:studio-spin .7s linear infinite}.studio-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes studio-spin{to{transform:rotate(360deg)}}
@media(min-width:1700px){.studio-workspace{max-width:1512px}.studio-canvas{height:740px}.studio-editor-grid{grid-template-columns:220px minmax(0,1fr) 275px}}
@media(max-width:1550px){.studio-workspace{margin-left:28px;margin-right:28px}.studio-intro{gap:60px}.studio-editor-grid{grid-template-columns:178px minmax(0,1fr) 242px}.studio-layers{padding-left:9px;padding-right:9px}.studio-inspector{padding-left:14px;padding-right:14px}.studio-canvas{height:650px}}
@media(max-width:1050px){.studio-intro{gap:35px;padding-top:55px}.studio-editor-grid{grid-template-columns:150px minmax(0,1fr) 220px}.studio-layers{padding-left:5px;padding-right:5px}.studio-preview-toolbar{flex-wrap:wrap;gap:6px;padding:10px}.studio-preview-toolbar>label:first-child>span{display:none}.studio-mode button{padding:5px}.studio-canvas{height:580px}.studio-tools{justify-content:flex-end}.studio-toolbar{padding:16px}.studio-product p{max-width:170px;line-height:1.7}.studio-how ol{gap:25px}.studio-layer-row .studio-layer{font-size:9px!important;gap:5px;padding-left:6px}}
@media(max-width:800px){.studio-intro{grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:32px}.studio-intro h1{font-size:58px}.studio-lead{max-width:100%;font-size:16px}.studio-subline{margin-top:14px}.studio-access{padding:23px}.studio-workspace{margin:0 18px;border-radius:12px}.studio-toolbar{align-items:flex-start;flex-direction:column;gap:15px}.studio-tools{width:100%;justify-content:flex-start}.studio-product p{max-width:none}.studio-editor-grid{grid-template-columns:150px minmax(0,1fr)}.studio-inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--studio-line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px;padding:23px}.studio-inspector>.studio-section-label{grid-column:1/-1}.studio-inspector details{align-self:start}.studio-inspector .studio-reset{align-self:end;margin-bottom:15px}.studio-canvas{height:590px}.studio-preview-toolbar{min-height:70px}.studio-mode{margin-left:auto}.studio-canvas-footer{font-size:8px}.studio-how{padding-top:55px;padding-bottom:40px}.studio-how ol{gap:22px}.studio-how h2{max-width:330px}}
@media(max-width:520px){.studio-intro h1{font-size:49px}.studio-lead{font-size:14px}.studio-access h2{font-size:20px}.studio-field-row button{font-size:10px!important;padding:10px!important}.studio-workspace{margin:0 10px}.studio-editor-grid{grid-template-columns:1fr}.studio-layers{border-right:0;border-bottom:1px solid var(--studio-line);padding:15px;display:block}.studio-layers>.studio-muted,.studio-layer-note,.studio-layers>.studio-divider{display:none}.studio-layers>.studio-section-label{margin-left:0;margin-bottom:8px}.studio-layers #studio-fixed-layers{display:flex;gap:4px;margin-bottom:8px}.studio-layers #studio-fixed-layers .studio-layer{width:auto;padding:8px;min-height:30px;font-size:9px!important}.studio-layers #studio-action-layers{display:flex;overflow-x:auto;gap:6px;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:#2f4b75 transparent}.studio-layer-row{flex-shrink:0;background:#151d29;border-radius:6px;border:1px solid #252f40}.studio-layer-row .studio-layer{width:auto;flex:none;padding:8px;min-height:32px}.studio-layer-arrows{flex-direction:row;padding-right:3px}.studio-layer-arrows button{padding:5px;min-width:20px}.studio-canvas{height:530px}.studio-preview-toolbar{padding:10px;min-height:55px;gap:4px}.studio-preview-toolbar select{padding:7px 4px;font-size:9px!important;max-width:103px}.studio-mode button{font-size:8px!important;padding:5px}.studio-preview-language select{max-width:77px}.studio-toolbar{padding:15px}.studio-tools{gap:5px}.studio-tools button{padding:8px!important;font-size:9px!important}.studio-tools .studio-primary{margin-left:auto}.studio-inspector{padding:20px;gap:0;grid-template-columns:1fr}.studio-colors{grid-template-columns:repeat(3,1fr)}.studio-color{font-size:9px}.studio-how ol{grid-template-columns:1fr;gap:12px;margin-top:25px}.studio-how li{padding-top:18px}.studio-how li:before{display:inline-block;margin:0 15px 0 0}.studio-how li p{margin-left:30px}.studio-canvas-footer{padding:10px 12px}.studio-preview-disclaimer{padding-left:12px}.studio-how .eyebrow{font-size:8px}.studio-intro .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.studio-page main *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(max-width:520px){.studio-layer-arrows button{min-width:28px;min-height:32px}.studio-color,.studio-range,.studio-muted,.studio-canvas-footer,.studio-preview-disclaimer{font-size:10px}.studio-preview-toolbar select{font-size:10px!important}}
/* Dedicated editor: the store shell stays on the access page. */
.studio-page .studio-continue{display:inline-flex;gap:16px;align-items:center;margin:5px 14px 5px 0;text-decoration:none;font-size:11px}.studio-page a.studio-explore{text-decoration:none}.studio-page a.studio-explore:after{content:none}.studio-page a.studio-explore:hover{color:#a8ccff}.studio-editor-page{min-width:320px;overflow:hidden}.studio-editor-page main{height:100vh;height:100dvh;min-height:0}.studio-editor-page .studio-workspace{display:flex;flex-direction:column;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;scroll-margin:0}.studio-editor-page .studio-toolbar{flex-shrink:0;min-height:76px;padding:14px 22px}.studio-editor-page .studio-product{gap:12px;min-width:0}.studio-editor-page .studio-product h1{font-size:14px;line-height:1.3;letter-spacing:-.025em;margin:0 0 5px}.studio-editor-page .studio-back{display:grid;place-content:center;flex-shrink:0;width:32px;height:36px;color:#a4b5cc;border:1px solid transparent;border-radius:7px;font-size:18px;text-decoration:none;transition:background .18s,color .18s,border-color .18s}.studio-editor-page .studio-back:hover{background:#1c293c;border-color:#31435e;color:#fff}.studio-editor-page .studio-back:focus-visible{outline:2px solid #8ab7ff;outline-offset:3px}.studio-editor-page .studio-editor-auth{font-size:9px;margin:5px 0 0;color:#8ba8d0;line-height:1.4}.studio-editor-page .studio-editor-grid{flex:1;min-height:0;overflow:hidden;grid-template-columns:210px minmax(0,1fr) 280px}.studio-editor-page .studio-layers,.studio-editor-page .studio-inspector{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#33445d #10151d}.studio-editor-page .studio-canvas-column{display:flex;flex-direction:column;min-height:0;overflow:hidden}.studio-editor-page .studio-canvas{flex:1;height:auto;min-height:120px}.studio-editor-page .studio-preview-toolbar,.studio-editor-page .studio-canvas-footer,.studio-editor-page .studio-preview-disclaimer{flex-shrink:0}.studio-editor-page .studio-canvas-footer{min-height:42px;align-items:center}.studio-editor-page .studio-preview-disclaimer{padding-bottom:10px}.studio-mobile-panels{display:none}.studio-editor-loading{display:grid;place-content:center;height:100%;font-size:13px;color:#a4b8d6;background:radial-gradient(ellipse at center,#15233a66,transparent 60%),#090d14}.studio-editor-loading span{animation:studio-loading 1.8s ease-in-out infinite}.studio-editor-page .studio-workspace:not([hidden]){animation:studio-enter .3s cubic-bezier(.22,.75,.2,1) both}.studio-editor-page .studio-toast{bottom:18px}.studio-editor-page .studio-tools button{min-height:36px}.studio-editor-page .studio-layer-arrows button{min-height:24px}.studio-editor-page .studio-inspector summary{min-height:30px}
@keyframes studio-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-loading{50%{opacity:.45}}
@media(min-width:1700px){.studio-editor-page .studio-editor-grid{grid-template-columns:240px minmax(0,1fr) 300px}}
@media(max-width:1100px){.studio-editor-page .studio-editor-grid{grid-template-columns:174px minmax(0,1fr) 240px}.studio-editor-page .studio-toolbar{gap:12px;padding:12px}.studio-editor-page .studio-tools{gap:5px}.studio-editor-page .studio-tools button{padding:9px!important}.studio-editor-page .studio-product{gap:8px}.studio-editor-page .studio-monogram{width:32px;height:32px;font-size:25px}}
@media(max-width:900px){.studio-editor-page .studio-toolbar{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}.studio-editor-page .studio-product p{max-width:none}.studio-editor-page .studio-tools{width:auto;margin-left:auto;justify-content:flex-end}.studio-editor-page .studio-mobile-panels{display:flex;flex-shrink:0;gap:4px;padding:8px 14px;border-bottom:1px solid var(--studio-line);background:#10151d}.studio-mobile-panels button{flex:1;border:1px solid transparent;border-radius:6px;background:transparent;color:#91a6c5;min-height:36px;padding:8px 10px;font-size:11px!important}.studio-mobile-panels button[aria-pressed=true]{background:#1c2d47;border-color:#314c73;color:#d5e6ff}.studio-editor-page .studio-editor-grid{display:block;position:relative}.studio-editor-page .studio-canvas-column{height:100%;width:100%}.studio-editor-page .studio-inspector,.studio-editor-page .studio-layers{height:100%;width:100%;padding:22px;border:0;display:block}.studio-editor-page .studio-inspector{max-width:620px;margin:0 auto}.studio-editor-page .studio-inspector details{display:block}.studio-editor-page .studio-inspector .studio-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-editor-page .studio-layers>.studio-muted,.studio-editor-page .studio-layer-note,.studio-editor-page .studio-layers>.studio-divider{display:block}.studio-editor-page .studio-layers #studio-fixed-layers{display:block;max-width:620px;margin:0 auto}.studio-editor-page .studio-layers #studio-fixed-layers .studio-layer{width:100%;padding:12px;min-height:44px;font-size:12px!important}.studio-editor-page .studio-layers #studio-action-layers{display:block;overflow:visible;max-width:620px;margin:0 auto}.studio-editor-page .studio-layer-row{margin:4px 0}.studio-editor-page .studio-layer-row .studio-layer{flex:1;width:auto;min-height:44px;font-size:12px!important}.studio-editor-page .studio-layer-arrows{flex-direction:row}.studio-editor-page .studio-layer-arrows button{min-width:40px;min-height:44px}.studio-editor-page .studio-workspace[data-panel=canvas] .studio-layers,.studio-editor-page .studio-workspace[data-panel=canvas] .studio-inspector,.studio-editor-page .studio-workspace[data-panel=layers] .studio-canvas-column,.studio-editor-page .studio-workspace[data-panel=layers] .studio-inspector,.studio-editor-page .studio-workspace[data-panel=design] .studio-layers,.studio-editor-page .studio-workspace[data-panel=design] .studio-canvas-column{display:none}.studio-editor-page .studio-preview-toolbar{min-height:56px;padding:10px 14px}.studio-editor-page .studio-color{font-size:11px}.studio-editor-page .studio-range{font-size:11px;margin-top:22px}.studio-editor-page .studio-theme-grid button{min-height:38px;font-size:10px!important}.studio-editor-page .studio-inspector summary{font-size:13px}.studio-editor-page .studio-inspector .studio-muted{font-size:11px}}
@media(max-width:520px){.studio-editor-page .studio-toolbar{padding:12px;gap:11px}.studio-editor-page .studio-tools{width:100%;gap:5px;justify-content:flex-start;flex-wrap:wrap}.studio-editor-page .studio-tools button{font-size:9px!important;padding:8px!important;min-height:36px}.studio-editor-page .studio-tools .studio-primary{margin-left:auto}.studio-editor-page .studio-tools [data-studio-action=logout]{margin-left:auto}.studio-editor-page .studio-tools [data-studio-action=logout]:not([hidden])+.studio-primary{margin-left:0}.studio-editor-page .studio-product h1{font-size:14px}.studio-editor-page .studio-product p{font-size:9px}.studio-editor-page .studio-monogram{width:32px;height:32px}.studio-editor-page .studio-mobile-panels{padding:6px 12px}.studio-editor-page .studio-preview-toolbar{gap:8px;flex-wrap:wrap}.studio-editor-page .studio-preview-toolbar select{max-width:132px;padding:8px 5px;font-size:10px!important}.studio-editor-page .studio-preview-language select{max-width:85px}.studio-editor-page .studio-mode{margin-left:auto}.studio-editor-page .studio-mode button{font-size:9px!important;min-height:30px}.studio-editor-page .studio-canvas-footer{font-size:10px;line-height:1.6;padding:10px 12px}.studio-editor-page .studio-preview-disclaimer{font-size:9px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.studio-editor-page .studio-workspace:not([hidden]),.studio-editor-loading span{animation:none}}
.studio-editor-page .studio-product{flex-shrink:1}.studio-editor-page .studio-product>div{min-width:0}.studio-editor-page .studio-monogram{flex-shrink:0}