.mobile-panel-footer,.mobile-studio-tools{display:none}@media (min-width:901px){.public-studio{--desktop-scale:0.67;zoom:var(--desktop-scale)}.public-studio>.studio{max-width:1340px;padding:55px 40px 20px}.public-studio .workspace{grid-template-columns:minmax(0,1.3fr) minmax(370px,.85fr);gap:25px}.public-studio .artboard{max-width:min(100%,calc(100dvh / var(--desktop-scale) - 255px))}.public-studio .modal{max-height:calc(95dvh / var(--desktop-scale))}}@media (max-width:900px){.public-studio{background:#f5f6f4;min-height:0;--muted:#7c8586}.public-studio>.header{display:none}.public-studio .brand{font-size:23px}.public-studio .brand-mark{width:52px;height:40px}.public-studio>.studio{max-width:600px;position:sticky;top:0;height:100dvh;overflow:hidden;padding:0 16px;font-size:14px}.public-studio .workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,min(56%,calc(100vw - 16px))) minmax(0,1fr);height:100%;gap:20px}.public-studio .preview-panel{position:relative;background:white;border-radius:24px;border:0;overflow:hidden}.public-studio .preview-stage{height:100%;padding:0;min-height:0;background:white;justify-content:flex-start}.public-studio .artboard{max-width:none;box-shadow:none}.public-studio .settings-panel{contain:size;height:100%;min-height:0;overflow:hidden;background:white;border-radius:24px}.public-studio .panel-heading{display:none}.public-studio .studio-step-progress{padding:12px;gap:4px}.public-studio .studio-step-progress li>button{gap:4px;font-size:9px}.public-studio .panel-content{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:16px}.public-studio .code-uploads{gap:14px}.public-studio .code-upload{padding:14px;border-radius:12px}.public-studio .code-heading{gap:10px;align-items:flex-start}.public-studio .code-heading strong{font-size:14px;line-height:1.5}.public-studio .code-heading>div>span{font-size:11px;line-height:1.6;color:var(--muted)}.public-studio .payment-icon{width:38px;height:38px;flex:none}.public-studio .required{font-size:10px;white-space:nowrap;margin-top:5px}.public-studio .dropzone{min-height:50px;font-size:14px;color:#687d5e}.public-studio :is(.primary,.secondary){min-height:46px;font-size:14px}.public-studio :is(.text-button,.icon-button){min-height:44px;font-size:12px}.public-studio .icon-button{min-width:44px}.public-studio :is(.field,.field-heading,.range-field,.two-fields,.check-label){font-size:14px}.public-studio :is(.muted,.help-text,.notice,.locked-note){font-size:12px}.public-studio input:not([type=file]):not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]),.public-studio select,.public-studio textarea{font-size:16px;min-height:46px}.public-studio input[type=range]{height:24px;margin:0}.public-studio .option-switcher{grid-template-columns:46px minmax(0,1fr) 46px}.public-studio .color-inputs{flex-wrap:wrap}.public-studio .color-inputs>label{flex:0 0 52px;max-width:52px}.public-studio .uploaded-row{flex-wrap:wrap}.public-studio .studio-tools{padding:6px 16px}.public-studio .studio-tools>div{justify-content:space-between}.public-studio .desktop-panel-footer,.public-studio .desktop-studio-tools{display:none}.public-studio .mobile-studio-tools{display:block;margin:24px -16px 0;padding:10px 16px}.public-studio .mobile-panel-footer{display:flex;position:static;inset:auto;margin:0 -16px -16px;padding:16px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;gap:8px;background:#fff}.public-studio .footer-hint{width:100%;justify-content:center;font-size:11px}.public-studio .studio-footer-actions{display:flex;flex-wrap:nowrap;gap:8px}.public-studio .studio-footer-actions button{min-height:48px;padding:12px 10px;font-size:12px}.public-studio .studio-footer-actions .primary{flex:1 1}.public-studio .studio-footer-actions .secondary svg{display:none}.public-studio .save-page{display:grid;gap:10px;min-height:140px;align-content:center;text-align:center}.public-studio .save-page h3{margin:0;color:#42553e;font-size:18px}.public-studio .save-page p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.public-studio .code-color-controls>summary,.public-studio .code-style-options>summary{min-height:44px}.public-studio .toast{bottom:calc(112px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px);font-size:13px}.public-studio .modal-backdrop{padding:12px}.public-studio .modal{max-height:calc(100dvh - 24px);padding:20px}.public-studio .modal-actions{gap:8px}.public-studio .modal-actions button{padding-inline:12px}.public-studio .avatar-crop-images,.public-studio .mobile-save-actions{grid-template-columns:1fr}.public-studio .avatar-crop-images canvas{width:80px;justify-self:center}.public-studio .avatar-crop-handle{width:40px;height:40px}.public-studio .avatar-crop-handle:after{inset:12px}.public-studio .inspect-backdrop{padding-top:76px}}