.preview-modal-overlay[data-v-7cbf1853]{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.preview-modal-content[data-v-7cbf1853]{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;height:90vh;max-width:1200px;overflow:hidden;width:90%}.preview-modal-header[data-v-7cbf1853]{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.preview-modal-title[data-v-7cbf1853]{color:#2d3748;font-size:18px;font-weight:600;margin:0}.preview-modal-actions[data-v-7cbf1853]{display:flex;gap:8px}.preview-action-btn[data-v-7cbf1853],.preview-close-btn[data-v-7cbf1853]{align-items:center;background-color:#f8f9fa;border:none;border-radius:4px;color:#4a5568;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .3s;width:32px}.preview-action-btn[data-v-7cbf1853]:hover,.preview-close-btn[data-v-7cbf1853]:hover{background-color:#e2e8f0}.preview-modal-body[data-v-7cbf1853]{background-color:#f8f9fa;flex:1;overflow:hidden;padding:20px}.preview-container[data-v-7cbf1853]{display:flex;height:100%;justify-content:center;overflow:hidden}.preview-frame[data-v-7cbf1853]{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;height:100%;overflow:auto;transition:width .3s}.preview-error[data-v-7cbf1853],.preview-loading[data-v-7cbf1853]{align-items:center;color:#a0aec0;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.preview-error i[data-v-7cbf1853],.preview-loading i[data-v-7cbf1853]{font-size:32px;margin-bottom:16px}.preview-error[data-v-7cbf1853]{color:#e53e3e}.preview-content[data-v-7cbf1853]{min-height:100%}.preview-modal-footer[data-v-7cbf1853]{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.preview-device-selector[data-v-7cbf1853]{display:flex;gap:8px}.device-btn[data-v-7cbf1853]{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#4a5568;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s;width:40px}.device-btn[data-v-7cbf1853]:hover{background-color:#f8f9fa}.device-btn.active[data-v-7cbf1853]{background-color:#4a6bff;border-color:#4a6bff;color:#fff}.preview-actions[data-v-7cbf1853]{display:flex;gap:12px}.secondary-btn[data-v-7cbf1853]{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#4a5568;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s}.secondary-btn[data-v-7cbf1853]:hover{background-color:#f8f9fa}.primary-btn[data-v-7cbf1853]{background-color:#4a6bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.primary-btn[data-v-7cbf1853]:hover{background-color:#3a5bef}.preview-container .preview-frame[data-v-7cbf1853],[data-v-7cbf1853] [data-device=desktop] .preview-frame{width:100%}[data-v-7cbf1853] [data-device=tablet] .preview-frame{width:768px}[data-v-7cbf1853] [data-device=mobile] .preview-frame{width:375px}