.mobile-preview-button{display:none}.public-studio .preview-use-note{min-width:0;color:#7c8586;font-size:12px;line-height:1.7}@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:100dvh;--muted:#7c8586}.public-studio>.header{height:60px;padding:0 20px}.public-studio .brand{font-size:23px}.public-studio .brand-mark{width:52px;height:40px}.public-studio>.studio{max-width:600px;padding:16px 16px calc(148px + env(safe-area-inset-bottom));font-size:14px}.public-studio .workspace{grid-template-columns:minmax(0,1fr);gap:16px}.public-studio .preview-panel{position:static;background:white;border-radius:16px}.public-studio .preview-toolbar{height:auto;min-height:64px;gap:12px;padding:10px 16px}.public-studio .preview-toolbar strong{font-size:13px}.public-studio .mobile-preview-button{display:inline-flex;flex-shrink:0;min-height:44px;font-size:12px}.public-studio .preview-stage{padding:12px;min-height:0}.public-studio .artboard{max-width:min(100%,220px)}.public-studio .settings-panel{contain:none;min-height:0;overflow:visible;background:white;border-radius:16px}.public-studio .panel-heading{display:flex;padding:18px 16px;gap:12px}.public-studio .panel-heading h2{font-size:18px}.public-studio .panel-heading p{font-size:12px}.public-studio .studio-step-progress{padding:12px 16px;gap:8px}.public-studio .studio-step-progress li>button{font-size:11px}.public-studio .panel-content{overflow:visible;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,.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 .panel-footer{position:fixed;z-index:20;bottom:0;left:0;right:0;padding:10px max(16px,calc((100vw - 568px) / 2)) calc(12px + env(safe-area-inset-bottom));gap:8px;background:#fffffff5;box-shadow:0 -4px 20px #20263008;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.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 .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{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}}