.modal-overlay[data-v-64a5232c]{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-container[data-v-64a5232c]{animation:modal-appear-64a5232c .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}@keyframes modal-appear-64a5232c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-64a5232c]{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.modal-title[data-v-64a5232c]{color:#2d3748;font-size:20px;font-weight:600;margin:0}.modal-close-btn[data-v-64a5232c]{background:none;border:none;border-radius:4px;color:#718096;cursor:pointer;font-size:18px;padding:4px;transition:all .2s}.modal-close-btn[data-v-64a5232c]:hover{background-color:#f7fafc;color:#4a5568}.device-toggle[data-v-64a5232c]{background-color:#f1f5f9;border-radius:6px;display:flex;gap:4px;padding:3px}.device-btn[data-v-64a5232c]{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:16px;padding:6px 12px;transition:all .2s}.device-btn.active[data-v-64a5232c]{background-color:#fff;box-shadow:0 1px 3px #0000001a;color:#4f46e5}.device-btn[data-v-64a5232c]:hover:not(.active){color:#64748b}.modal-content[data-v-64a5232c]{flex:1;min-height:0;overflow:hidden}.modal-content.mobile-preview[data-v-64a5232c]{background-color:#f1f5f9;display:flex;justify-content:center;overflow-y:auto}.preview-iframe[data-v-64a5232c]{border:none;height:100%;min-height:500px;transition:width .3s ease;width:100%}.preview-iframe.iframe-mobile[data-v-64a5232c]{background-color:#fff;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;width:375px}.modal-footer[data-v-64a5232c]{border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px}.modal-edit-btn[data-v-64a5232c]{align-items:center;background-color:#4a6bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;padding:8px 16px;transition:background-color .3s}.modal-edit-btn[data-v-64a5232c]:hover{background-color:#3a5bef}.modal-edit-btn i[data-v-64a5232c]{margin-right:8px}.modal-close-btn-text[data-v-64a5232c]{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;padding:8px 16px;transition:all .3s}.modal-close-btn-text[data-v-64a5232c]:hover{background-color:#f7fafc}@media (max-width:768px){.modal-container[data-v-64a5232c]{margin:10px;max-height:95vh}}