.preview-canvas[data-v-0a5f712c]{background:#f0f2f5;flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.preview-toolbar[data-v-0a5f712c]{background:#fff;border-bottom:1px solid #ebeef5;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.preview-actions[data-v-0a5f712c]{align-items:center;gap:8px;display:flex}.preview-viewport[data-v-0a5f712c]{background:#fff;flex:1;margin:16px auto;transition:width .2s;overflow:auto;box-shadow:0 2px 12px #00000014}.preview-viewport.desktop[data-v-0a5f712c]{width:1200px;max-width:100%}.preview-viewport.tablet[data-v-0a5f712c]{width:768px}.preview-viewport.mobile[data-v-0a5f712c]{width:375px}.preview-empty[data-v-0a5f712c],.preview-loading[data-v-0a5f712c]{color:#909399;justify-content:center;align-items:center;height:200px;display:flex}.preview-error[data-v-0a5f712c]{color:#f56c6c;padding:16px}.preview-error pre[data-v-0a5f712c]{white-space:pre-wrap;background:#fef0f0;border-radius:4px;margin-top:8px;padding:8px;font-size:12px}