.ui-component-preview[data-v-f3b94226]{display:flex;flex-direction:column;height:auto;min-height:400px}.preview-content[data-v-f3b94226]{flex:1;overflow:hidden}.preview-tabs[data-v-f3b94226]{height:100%}.preview-tabs[data-v-f3b94226] .arco-tabs-content{height:calc(100% - 40px);overflow:hidden}.preview-tabs[data-v-f3b94226] .arco-tabs-pane{height:100%;overflow:auto}.preview-frame-container[data-v-f3b94226]{display:flex;flex-direction:column;height:100%}.iframe-wrapper[data-v-f3b94226]{align-items:center;background:#f5f5f5;display:flex;flex:1;height:auto;justify-content:center;min-height:400px}.iframe-wrapper.mobile-view[data-v-f3b94226]{padding:20px}.preview-iframe[data-v-f3b94226]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;height:100%;width:100%}.mobile-view .preview-iframe[data-v-f3b94226]{border:1px solid #e5e7eb;border-radius:12px;height:600px;margin:0 auto;max-height:100%;max-width:375px;width:375px}.code-container[data-v-f3b94226]{display:flex;flex-direction:column;height:100%}.code-content[data-v-f3b94226]{background:#fafafa;flex:1;overflow:auto}.code-content pre[data-v-f3b94226]{margin:0;padding:16px;white-space:pre-wrap;word-wrap:break-word;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5}.code-content code[data-v-f3b94226]{background:none;color:#333;padding:0}.preview-toolbar[data-v-f3b94226]{border-top:1px solid #e5e5e5}