.mp-editor[data-v-19b3eb58]{width:100%;height:100vh;display:flex;flex-direction:column;background:#f0f2f5}.mp-editor-topbar[data-v-19b3eb58]{height:56px;background:#fff;border-bottom:1px solid #e4e7ed;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.topbar-left[data-v-19b3eb58]{display:flex;align-items:center;gap:12px}.topbar-title[data-v-19b3eb58]{font-size:16px;font-weight:600;color:#303133}.topbar-right[data-v-19b3eb58]{display:flex;align-items:center;gap:10px}.device-switcher[data-v-19b3eb58]{margin-right:8px}.mp-editor-main[data-v-19b3eb58]{flex:1;display:flex;overflow:hidden}.mp-chat-panel[data-v-19b3eb58]{width:420px;flex-shrink:0;background:#fff;border-right:1px solid #e4e7ed;display:flex;flex-direction:column}.chat-header[data-v-19b3eb58]{padding:12px 16px;border-bottom:1px solid #f0f0f0}.chat-messages[data-v-19b3eb58]{flex:1;overflow-y:auto;padding:16px}.chat-welcome[data-v-19b3eb58]{text-align:center;padding:40px 20px;color:#909399}.welcome-icon[data-v-19b3eb58]{font-size:48px;color:#0080ff;margin-bottom:16px}.chat-welcome h3[data-v-19b3eb58]{font-size:18px;color:#303133;margin-bottom:8px}.chat-welcome p[data-v-19b3eb58]{font-size:14px;color:#909399;margin-bottom:20px}.quick-prompts[data-v-19b3eb58]{display:flex;flex-direction:column;gap:8px;align-items:center}.quick-prompt[data-v-19b3eb58]{padding:10px 20px;background:#f0f7ff;border:1px solid #d4e8ff;border-radius:20px;color:#0080ff;font-size:13px;cursor:pointer;transition:all .2s;max-width:320px}.quick-prompt[data-v-19b3eb58]:hover{background:#0080ff;color:#fff}.chat-msg[data-v-19b3eb58]{display:flex;gap:10px;margin-bottom:16px}.chat-msg-user[data-v-19b3eb58]{flex-direction:row-reverse}.msg-avatar[data-v-19b3eb58]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.chat-msg-user .msg-avatar[data-v-19b3eb58]{background:#0080ff;color:#fff}.chat-msg-assistant .msg-avatar[data-v-19b3eb58]{background:#f0f0f0;color:#606266}.msg-content[data-v-19b3eb58]{max-width:80%}.msg-text[data-v-19b3eb58]{padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.6;word-break:break-word}.chat-msg-user .msg-text[data-v-19b3eb58]{background:#0080ff;color:#fff;border-top-right-radius:4px}.chat-msg-assistant .msg-text[data-v-19b3eb58]{background:#f5f7fa;color:#303133;border-top-left-radius:4px}.chat-input[data-v-19b3eb58]{padding:12px 16px;border-top:1px solid #e4e7ed;background:#fff}.send-btn[data-v-19b3eb58]{margin-top:8px;width:100%}.input-hint[data-v-19b3eb58]{text-align:right;font-size:12px;color:#c0c4cc;margin-top:4px}.mp-preview-panel[data-v-19b3eb58]{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden;background:#e8ecf1}.preview-container[data-v-19b3eb58]{background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease;height:100%}.preview-desktop[data-v-19b3eb58]{width:100%}.preview-tablet[data-v-19b3eb58]{width:768px;max-width:100%}.preview-mobile[data-v-19b3eb58]{width:375px;max-width:100%;border-radius:24px;border:8px solid #333}.preview-empty[data-v-19b3eb58]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c0c4cc}.preview-empty i[data-v-19b3eb58]{font-size:64px;margin-bottom:16px}.preview-empty p[data-v-19b3eb58]{font-size:16px;margin:4px 0}.preview-empty .sub[data-v-19b3eb58]{font-size:13px;color:#dcdfe6}.preview-iframe[data-v-19b3eb58]{width:100%;height:100%;border:none}