.fc-preview-stage .formia-studio-wrapper{display:none;width:100%;min-width:0;background:radial-gradient(ellipse,#fff,#eef0e8);border-radius:16px;overflow:hidden}.fc-preview-stage.formia-studio-ready .formia-studio-wrapper{display:block}.fc-preview-stage.formia-studio-ready>.fc-shape-preview{display:none!important}.fc-preview-stage .formia-studio-canvas{height:400px;width:100%}.formia-studio-tools{display:flex;justify-content:center;gap:6px;padding:10px}.formia-studio-tools button{font:12px system-ui;border:1px solid #dce2d7;background:#fff;color:#254638;border-radius:20px;padding:8px 13px;cursor:pointer}.formia-studio-status,.formia-studio-note{font:11px/1.5 system-ui;color:#65796d;margin:8px 0}.formia-studio-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}.formia-studio-swatches button{min-width:0;background:#fff;border:1px solid #dde2d9;border-radius:10px;padding:8px 4px;font:11px system-ui;color:#345142;cursor:pointer}.formia-studio-swatches button[aria-pressed=true]{outline:2px solid #28533f;outline-offset:1px}.formia-studio-swatches span{display:block;width:32px;height:32px;border-radius:50%;margin:0 auto 6px;background-size:160px;background-position:55% 65%}.formia-studio-select{width:100%}.formia-studio-tools button:focus-visible,.formia-studio-swatches button:focus-visible{outline:3px solid #367e5d}@media(max-width:600px){.fc-preview-stage .formia-studio-canvas{height:300px}}

.formia-studio-tools{flex-wrap:wrap}

.fc-preview-stage.formia-studio-pending{position:relative;min-height:400px;background:#f4f3ef;border-radius:16px}.fc-preview-stage.formia-studio-pending>*:not(.formia-studio-loading){visibility:hidden!important}.fc-preview-stage.formia-studio-pending .formia-studio-wrapper{display:block}.formia-studio-loading{display:none}.formia-studio-pending>.formia-studio-loading{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:#f4f3ef;border-radius:16px;color:#345142;font:13px/1.5 system-ui}.formia-studio-loading:before{content:"";width:30px;height:30px;border:2px solid #d9dfd9;border-top-color:#345142;border-radius:50%;animation:formia-loading-spin .9s linear infinite}@keyframes formia-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.formia-studio-loading:before{animation:none}}@media(max-width:600px){.fc-preview-stage.formia-studio-pending{min-height:300px}}