.preview-param-bar[data-v-8e586f6a]{--control-height:calc(100vh * 52 / var(--device-h));--control-font:calc(100vw * 14 / var(--device-w));--control-radius:calc(100vw * 10 / var(--device-w));--control-gap:calc(100vh * 8 / var(--device-h));--control-padding-x:calc(100vw * 14 / var(--device-w));--bar-padding-x:calc(100vw * 12 / var(--device-w));--bar-padding-y:calc(100vh * 12 / var(--device-h));--share-icon:calc(100vw * 16 / var(--device-w));z-index:9999;padding:var(--bar-padding-y) var(--bar-padding-x);padding-bottom:max(var(--bar-padding-y), env(safe-area-inset-bottom));box-sizing:border-box;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.preview-param-content[data-v-8e586f6a]{max-width:100%;margin:0 auto}.preview-param-split[data-v-8e586f6a]{gap:var(--control-gap);width:100%;display:flex}.preview-param-split .preview-param-btn[data-v-8e586f6a]{width:calc(50% - var(--control-gap) / 2);flex:1 1 calc(50% - var(--control-gap) / 2);border-radius:var(--control-radius);min-width:0}.preview-param-create[data-v-8e586f6a]{background:#7c3aed}.preview-param-btn.preview-param-share[data-v-8e586f6a]{justify-content:center;align-items:center;gap:calc(100vw * 6 / var(--device-w));padding:0 var(--control-padding-x);white-space:nowrap;color:#fff;background:#25d366;display:inline-flex}.preview-param-share-full[data-v-8e586f6a]{border-radius:var(--control-radius);width:100%}.preview-param-share svg[data-v-8e586f6a]{width:var(--share-icon);height:var(--share-icon);flex-shrink:0}.preview-param-form[data-v-8e586f6a]{gap:var(--control-gap);flex-direction:column;display:flex}.preview-param-form.is-single-field[data-v-8e586f6a]{flex-direction:row;align-items:stretch}.preview-param-fields[data-v-8e586f6a]{gap:var(--control-gap);flex-direction:column;display:flex}.preview-param-form.is-single-field .preview-param-fields[data-v-8e586f6a]{flex:1;min-width:0}.preview-param-input[data-v-8e586f6a],.preview-param-btn[data-v-8e586f6a]{height:var(--control-height);border-radius:var(--control-radius);font-size:var(--control-font);box-sizing:border-box;line-height:1.2}.preview-param-input[data-v-8e586f6a]{width:100%;min-width:0;padding:0 var(--control-padding-x);color:#0f172a;background:#fff;border:1px solid #cbd5e1}.preview-param-input[data-v-8e586f6a]:focus{box-shadow:0 0 0 calc(100vw * 3 / var(--device-w)) #8b5cf626;border-color:#8b5cf6;outline:none}.preview-param-btn[data-v-8e586f6a]{color:#fff;cursor:pointer;background:#7c3aed;border:0;flex-shrink:0;width:100%;font-weight:600}.preview-param-form.is-single-field .preview-param-btn[data-v-8e586f6a]{width:auto;padding:0 var(--control-padding-x);white-space:nowrap}.preview-param-btn[data-v-8e586f6a]:active{background:#6d28d9}.preview-param-btn[data-v-8e586f6a]:disabled{opacity:.5;cursor:not-allowed}.preview-param-btn[data-v-8e586f6a]:disabled:active{background:#7c3aed}.preview-param-btn.preview-param-share[data-v-8e586f6a]:active{background:#1ebe57}@media (width>=641px){.preview-param-bar[data-v-8e586f6a]{--bar-padding-x:0;--bar-padding-y:calc(100vh * 12 / var(--device-h));--control-height:calc(100cqw * 52 / var(--device-w));--control-font:calc(100cqw * 14 / var(--device-w));--control-radius:calc(100cqw * 10 / var(--device-w));--control-gap:calc(100cqw * 8 / var(--device-w));--control-padding-x:calc(100cqw * 14 / var(--device-w));--share-icon:calc(100cqw * 16 / var(--device-w))}.preview-param-content[data-v-8e586f6a]{container-type:inline-size}.preview-param-btn.preview-param-share[data-v-8e586f6a]{gap:calc(100cqw * 6 / var(--device-w))}.preview-param-input[data-v-8e586f6a]:focus{box-shadow:0 0 0 calc(100cqw * 3 / var(--device-w)) #8b5cf626}}.preview-top-actions[data-v-e6e45158]{--top-btn-size:calc(100vw * 32 / var(--device-w));--top-btn-icon:calc(100vw * 16 / var(--device-w));--top-btn-offset-x:calc(100vw * 12 / var(--device-w));--top-btn-offset-y:calc(100vh * 12 / var(--device-h));--top-btn-gap:calc(100vw * 8 / var(--device-w))}.preview-top-btn[data-v-e6e45158]{top:var(--top-btn-offset-y);width:var(--top-btn-size);height:var(--top-btn-size);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;pointer-events:auto;z-index:20;border:0;border-radius:9999px;justify-content:center;align-items:center;padding:0;transition:background .15s,transform .15s;display:flex;position:absolute}.preview-top-btn svg[data-v-e6e45158]{width:var(--top-btn-icon);height:var(--top-btn-icon)}.preview-top-btn[data-v-e6e45158]:active{transform:scale(.95)}.preview-back-btn[data-v-e6e45158]{left:var(--top-btn-offset-x);color:#ffffffe6;background:#00000059}.preview-back-btn[data-v-e6e45158]:hover{background:#0000008c}.preview-report-btn[data-v-e6e45158]{left:calc(var(--top-btn-offset-x) + var(--top-btn-size) + var(--top-btn-gap));color:#fffffff2;background:#0006}.preview-report-btn[data-v-e6e45158]:hover{background:#b91c1cd9}.preview-whatsapp-btn[data-v-e6e45158]{right:var(--top-btn-offset-x);color:#fff;background:#25d366e6}.preview-whatsapp-btn[data-v-e6e45158]:hover{background:#25d366}@media (width>=641px){.preview-top-actions[data-v-e6e45158]{--top-btn-size:8.205%;--top-btn-icon:50%;--top-btn-offset-x:3.077%;--top-btn-offset-y:1.421%;--top-btn-gap:2.051%}.preview-top-btn[data-v-e6e45158]{aspect-ratio:1;height:auto}}.report-overlay[data-v-e6e45158]{z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.report-modal[data-v-e6e45158]{background:#fff;border-radius:14px;width:100%;max-width:360px;padding:18px 18px 16px;box-shadow:0 16px 40px #00000040}.report-header[data-v-e6e45158]{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.report-header h2[data-v-e6e45158]{color:#0f172a;margin:0;font-size:16px;font-weight:650}.report-close[data-v-e6e45158]{color:#64748b;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:22px;line-height:1}.report-hint[data-v-e6e45158]{color:#64748b;margin:0 0 12px;font-size:13px}.report-label[data-v-e6e45158]{color:#334155;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.report-input[data-v-e6e45158]{color:#0f172a;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;width:100%;margin-bottom:10px;padding:9px 10px;font-size:14px}.report-textarea[data-v-e6e45158]{resize:vertical;min-height:72px;margin-bottom:2px}.report-count[data-v-e6e45158]{text-align:right;color:#94a3b8;margin:0 0 10px;font-size:11px}.report-error[data-v-e6e45158]{color:#dc2626;margin:0 0 10px;font-size:13px}.report-success[data-v-e6e45158]{color:#15803d;margin:8px 0 4px;font-size:14px}.report-submit[data-v-e6e45158]{color:#fff;cursor:pointer;background:#b91c1c;border:0;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;font-weight:600}.report-submit[data-v-e6e45158]:disabled{opacity:.6;cursor:not-allowed}.public-page{-webkit-overflow-scrolling:touch}.public-viewport{touch-action:none}
