.inline-rich-editor[data-v-5581217a]{border:1px solid #e8e8e8;border-radius:4px;background-color:#fff;transition:all .3s;min-height:50px}.inline-rich-editor.is-active[data-v-5581217a]{border-color:#40a9ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.editor-container[data-v-5581217a]{display:flex;flex-direction:column}.toolbar[data-v-5581217a]{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 12px;background:#fafafa;border-bottom:1px solid #e8e8e8}.tool-btn[data-v-5581217a]{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;cursor:pointer;font-size:12px;color:rgba(0,0,0,.85)}.tool-btn.is-active[data-v-5581217a]{border-color:#40a9ff;color:#40a9ff}.tool-color-wrap[data-v-5581217a]{display:inline-flex}.inline-rich-editor[data-v-5581217a] .inline-rich-editor-color-popover .ant-popover-inner-content{padding:0}.tool-color-btn[data-v-5581217a]{gap:8px}.tool-color-swatch[data-v-5581217a]{width:12px;height:12px;border-radius:2px;border:1px solid #d9d9d9;box-sizing:border-box}.color-panel[data-v-5581217a]{width:260px;padding:10px 10px 12px}.color-panel__row[data-v-5581217a]{display:flex;align-items:center;gap:8px}.color-panel__picker[data-v-5581217a]{width:32px;height:28px;padding:0;border:none;background:transparent}.color-panel__text[data-v-5581217a]{flex:1;min-width:0;height:28px;padding:0 8px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;outline:none}.color-panel__btn[data-v-5581217a]{height:28px;padding:0 10px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;cursor:pointer;font-size:12px;color:rgba(0,0,0,.85)}.color-panel__btn[data-v-5581217a]:hover{border-color:#40a9ff;color:#40a9ff}.color-panel__section[data-v-5581217a]{margin-top:10px}.color-panel__title[data-v-5581217a]{font-size:12px;color:rgba(0,0,0,.65);margin-bottom:6px}.color-grid[data-v-5581217a]{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.color-cell[data-v-5581217a]{width:100%;aspect-ratio:1/1;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;padding:0;background:transparent}.color-cell[data-v-5581217a]:focus{outline:none;box-shadow:0 0 0 2px rgba(24,144,255,.2);border-color:#40a9ff}.tool-icon[data-v-5581217a]{width:20px;height:20px;display:inline-block;background-color:currentColor;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain}.sr-only[data-v-5581217a]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tool-color[data-v-5581217a]{display:inline-flex;align-items:center;gap:6px;padding:0 8px;height:28px;border:1px solid #d9d9d9;border-radius:4px;background:#fff}.tool-color__label[data-v-5581217a]{font-size:12px;color:rgba(0,0,0,.85)}.tool-color__input[data-v-5581217a]{width:22px;height:22px;padding:0;border:none;background:transparent}.editor-root[data-v-5581217a]{padding:12px 16px;min-height:100px}.editor-root[data-v-5581217a] .ProseMirror{outline:none;white-space:pre-wrap;word-break:break-word;min-height:76px}.editor-root[data-v-5581217a] .pm-placeholder{color:#bfbfbf;pointer-events:none}.editor-root[data-v-5581217a] div,.editor-root[data-v-5581217a] p,.editor-root[data-v-5581217a] section{margin-bottom:.5em;line-height:1.6}.editor-root[data-v-5581217a] ol,.editor-root[data-v-5581217a] ul{padding-left:24px!important;margin-bottom:.5em!important}.editor-root[data-v-5581217a] ul{list-style-type:disc!important}.editor-root[data-v-5581217a] ol{list-style-type:decimal!important}.editor-root[data-v-5581217a] li{display:list-item!important;list-style-position:outside!important;list-style-type:inherit!important;margin-bottom:.2em}.editor-root[data-v-5581217a] li>div,.editor-root[data-v-5581217a] li>p,.editor-root[data-v-5581217a] li>section{margin:0!important}.preview-container[data-v-5581217a]{padding:12px 16px;cursor:text;min-height:50px;white-space:pre-wrap;word-break:break-word}.preview-container[data-v-5581217a] div,.preview-container[data-v-5581217a] p,.preview-container[data-v-5581217a] section{margin-bottom:.5em;line-height:1.6}.preview-container[data-v-5581217a] ol,.preview-container[data-v-5581217a] ul{padding-left:24px!important;margin-bottom:.5em!important}.preview-container[data-v-5581217a] ul{list-style-type:disc!important}.preview-container[data-v-5581217a] ol{list-style-type:decimal!important}.preview-container[data-v-5581217a] li{display:list-item!important;list-style-position:outside!important;list-style-type:inherit!important;margin-bottom:.2em}.preview-container[data-v-5581217a] li>div,.preview-container[data-v-5581217a] li>p,.preview-container[data-v-5581217a] li>section{margin:0!important}.outline-container[data-v-a650c37e]{padding-bottom:40px}.outline-container .component-card[data-v-a650c37e]{background:#fff;border-radius:4px;margin-bottom:16px;box-shadow:0 1px 2px rgba(0,0,0,.05);border:1px solid #e8e8e8;cursor:pointer;transition:all .3s}.outline-container .component-card.active[data-v-a650c37e]{border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.outline-container .component-card .card-header[data-v-a650c37e]{padding:10px 16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:#fafafa;border-radius:4px 4px 0 0}.outline-container .component-card .card-header .card-title[data-v-a650c37e]{font-weight:500;color:#333}.outline-container .component-card .card-header .delete-btn[data-v-a650c37e]{color:#ff4d4f}.outline-container .component-card .card-header .clear-btn[data-v-a650c37e]{color:#faad14}.outline-container .component-card .card-body[data-v-a650c37e]{padding:16px}.outline-container .component-card .card-body .banner-preview[data-v-a650c37e]{position:relative;width:100%;height:150px;border-radius:4px;overflow:hidden;border:1px solid #d9d9d9}.outline-container .component-card .card-body .banner-preview img[data-v-a650c37e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.outline-container .component-card .card-body .banner-preview .mask[data-v-a650c37e]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;opacity:0;transition:all .3s}.outline-container .component-card .card-body .banner-preview .mask .action-item[data-v-a650c37e]{color:#fff;font-size:20px;margin:0 10px;cursor:pointer;transition:all .3s}.outline-container .component-card .card-body .banner-preview .mask .action-item[data-v-a650c37e]:hover{transform:scale(1.1)}.outline-container .component-card .card-body .banner-preview .mask .action-upload[data-v-a650c37e]{display:inline-block;cursor:pointer}.outline-container .component-card .card-body .banner-preview:hover .mask[data-v-a650c37e]{opacity:1}.outline-container .component-card .card-body .form-item[data-v-a650c37e]{margin-bottom:12px}.outline-container .component-card .card-body .form-item .label[data-v-a650c37e]{font-size:12px;color:#666;margin-bottom:4px}.outline-container .component-card .card-body .form-item.main-title-item[data-v-a650c37e]{padding:10px;border:1px dashed transparent;border-radius:4px;transition:all .3s}.outline-container .component-card .card-body .form-item.main-title-item.active[data-v-a650c37e]{border-color:#1890ff;background:#e6f7ff}.outline-container .component-card .card-body .form-item.main-title-item[data-v-a650c37e]:hover{background:#fafafa}.outline-container .component-card .card-body .content-area[data-v-a650c37e]{resize:none}.outline-container .component-card .card-body .child-module[data-v-a650c37e]{border:1px dashed #e8e8e8;padding:10px;margin-bottom:10px;border-radius:4px;background:#fafafa;position:relative;transition:all .3s}.outline-container .component-card .card-body .child-module.active[data-v-a650c37e]{border-color:#1890ff;background:#e6f7ff}.outline-container .component-card .card-body .child-module:hover .child-actions[data-v-a650c37e]{opacity:1;visibility:visible}.outline-container .component-card .card-body .child-module .child-actions[data-v-a650c37e]{position:absolute;right:10px;top:10px;display:flex;background:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);opacity:0;visibility:hidden;transition:all .2s;z-index:10}.outline-container .component-card .card-body .child-module .child-actions .action-btn[data-v-a650c37e]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s}.outline-container .component-card .card-body .child-module .child-actions .action-btn[data-v-a650c37e]:hover{background:#f0f0f0;color:#1890ff}.outline-container .component-card .card-body .child-module .child-actions .action-btn.delete-btn[data-v-a650c37e]:hover{color:#f5222d;background:#fff1f0}.outline-container .component-card .card-body .child-module .child-actions .action-btn.drag-handle[data-v-a650c37e]{cursor:move}.outline-container .component-card .card-body .sub-actions[data-v-a650c37e]{display:flex;flex-wrap:wrap;margin-top:10px;gap:8px}.outline-container .component-card .card-body .sub-actions button[data-v-a650c37e]{padding:0}.outline-container .add-body-btn[data-v-a650c37e]{margin-top:10px}.smart-layout-page[data-v-9f1944fe]{height:calc(100vh - 94px);display:flex;flex-direction:column;background-color:#f5f7fa;font-family:-apple-system,BlinkMacstylesystemFont,stylesegoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.smart-layout-page .top-bar[data-v-9f1944fe]{padding:10px 20px;background:#fff;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.05)}.smart-layout-page .top-bar .top-left[data-v-9f1944fe]{display:flex;align-items:center;justify-content:flex-start}.smart-layout-page .top-bar .top-left h1[data-v-9f1944fe]{font-size:28px;font-weight:600;color:#0070ff;font-style:italic;margin-bottom:0;line-height:1}.smart-layout-page .top-bar .header-center[data-v-9f1944fe]{font-size:14px;color:#333}.smart-layout-page .top-bar .header-center .info-item[data-v-9f1944fe]{margin:0 10px}.smart-layout-page .top-bar .header-center .divider[data-v-9f1944fe]{color:#ddd}.smart-layout-page .top-bar .operation-actions[data-v-9f1944fe]{display:flex;align-items:center;justify-content:flex-end}.smart-layout-page .main-container[data-v-9f1944fe]{flex:1;display:flex;overflow:hidden}.smart-layout-page .main-container .left-panel[data-v-9f1944fe]{width:500px;background:#fff;border-right:1px solid #e8e8e8;display:flex;flex-direction:column;flex-shrink:0}.smart-layout-page .main-container .left-panel .custom-tabs[data-v-9f1944fe]{flex:1;display:flex;flex-direction:column;overflow:hidden}.smart-layout-page .main-container .left-panel .custom-tabs[data-v-9f1944fe] .ant-tabs-bar{margin-bottom:0;padding:0 16px;flex-shrink:0}.smart-layout-page .main-container .left-panel .custom-tabs[data-v-9f1944fe] .ant-tabs-content{flex:1;height:0;overflow-y:auto;background:#f5f7fa;padding:16px}.smart-layout-page .main-container .left-panel .outline-container[data-v-9f1944fe]{padding-bottom:40px}.smart-layout-page .main-container .left-panel .outline-container .component-card[data-v-9f1944fe]{background:#fff;border-radius:4px;margin-bottom:16px;box-shadow:0 1px 2px rgba(0,0,0,.05);border:1px solid #e8e8e8;cursor:pointer;transition:all .3s}.smart-layout-page .main-container .left-panel .outline-container .component-card.active[data-v-9f1944fe]{border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-header[data-v-9f1944fe]{padding:10px 16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:#fafafa;border-radius:4px 4px 0 0}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-header .card-title[data-v-9f1944fe]{font-weight:500;color:#333}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-header .delete-btn[data-v-9f1944fe]{color:#ff4d4f}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body[data-v-9f1944fe]{padding:16px}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .banner-preview[data-v-9f1944fe]{position:relative;width:100%;height:150px;border-radius:4px;overflow:hidden;border:1px solid #d9d9d9}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .banner-preview img[data-v-9f1944fe]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .banner-preview .mask[data-v-9f1944fe]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;opacity:0;transition:all .3s}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .banner-preview .mask .action-item[data-v-9f1944fe]{color:#fff;font-size:20px;margin:0 10px;cursor:pointer;transition:all .3s}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .banner-preview .mask .action-item[data-v-9f1944fe]:hover{transform:scale(1.1)}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .banner-preview .mask .action-upload[data-v-9f1944fe]{display:inline-block;cursor:pointer}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .banner-preview:hover .mask[data-v-9f1944fe]{opacity:1}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .form-item[data-v-9f1944fe]{margin-bottom:12px}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .form-item .label[data-v-9f1944fe]{font-size:12px;color:#666;margin-bottom:4px}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .form-item.main-title-item[data-v-9f1944fe]{padding:10px;border:1px dashed transparent;border-radius:4px;transition:all .3s}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .form-item.main-title-item.active[data-v-9f1944fe]{border-color:#1890ff;background:#e6f7ff}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .form-item.main-title-item[data-v-9f1944fe]:hover{background:#fafafa}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .content-area[data-v-9f1944fe]{resize:none}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .child-module[data-v-9f1944fe]{border:1px dashed #e8e8e8;padding:10px;margin-bottom:10px;border-radius:4px;background:#fafafa;position:relative;transition:all .3s}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .child-module.active[data-v-9f1944fe]{border-color:#1890ff;background:#e6f7ff}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .child-module:hover .child-actions[data-v-9f1944fe]{opacity:1;visibility:visible}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .child-module .child-actions[data-v-9f1944fe]{position:absolute;right:10px;top:10px;display:flex;background:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);opacity:0;visibility:hidden;transition:all .2s;z-index:10}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .child-module .child-actions .action-btn[data-v-9f1944fe]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .child-module .child-actions .action-btn[data-v-9f1944fe]:hover{background:#f0f0f0;color:#1890ff}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .child-module .child-actions .action-btn.delete-btn[data-v-9f1944fe]:hover{color:#f5222d;background:#fff1f0}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .child-module .child-actions .action-btn.drag-handle[data-v-9f1944fe]{cursor:move}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .sub-actions[data-v-9f1944fe]{display:flex;flex-wrap:wrap;margin-top:10px;gap:8px}.smart-layout-page .main-container .left-panel .outline-container .component-card .card-body .sub-actions button[data-v-9f1944fe]{padding:0}.smart-layout-page .main-container .left-panel .outline-container .add-body-btn[data-v-9f1944fe]{margin-top:10px}.smart-layout-page .main-container .left-panel .template-selector[data-v-9f1944fe]{padding:0}.smart-layout-page .main-container .left-panel .template-selector .template-list[data-v-9f1944fe]{display:flex;flex-wrap:wrap;justify-content:space-between}.smart-layout-page .main-container .left-panel .template-selector .template-list .template-card[data-v-9f1944fe]{width:48%;margin-bottom:16px;border:1px solid #d9d9d9;background:#fff;transition:all .3s;position:relative;cursor:pointer}.smart-layout-page .main-container .left-panel .template-selector .template-list .template-card.active[data-v-9f1944fe]{border-color:#1890ff}.smart-layout-page .main-container .left-panel .template-selector .template-list .template-card .card-image[data-v-9f1944fe]{height:200px;position:relative;background:#fff;border-bottom:1px solid #d9d9d9}.smart-layout-page .main-container .left-panel .template-selector .template-list .template-card .card-image .image-placeholder[data-v-9f1944fe]{width:100%;height:100%;background:linear-gradient(to top left,transparent 49.5%,#d9d9d9 0,#d9d9d9 50.5%,transparent 0),linear-gradient(to top right,transparent 49.5%,#d9d9d9 0,#d9d9d9 50.5%,transparent 0);background-size:100% 100%;background-repeat:no-repeat}.smart-layout-page .main-container .left-panel .template-selector .template-list .template-card .card-image .hover-mask[data-v-9f1944fe]{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.9);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s;gap:10px}.smart-layout-page .main-container .left-panel .template-selector .template-list .template-card .card-image .hover-mask button[data-v-9f1944fe]{width:80px}.smart-layout-page .main-container .left-panel .template-selector .template-list .template-card .card-image:hover .hover-mask[data-v-9f1944fe]{opacity:1}.smart-layout-page .main-container .left-panel .template-selector .template-list .template-card .card-image .current-badge[data-v-9f1944fe]{position:absolute;bottom:5px;right:5px;background:#e0e0e0;color:#333;padding:1px 6px;font-size:12px;border:1px solid #999;border-radius:2px}.smart-layout-page .main-container .left-panel .template-selector .template-list .template-card .card-info[data-v-9f1944fe]{padding:8px;text-align:center;font-size:12px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-layout-page .main-container .center-panel[data-v-9f1944fe]{flex:1;background:#f0f2f5;display:flex;justify-content:center;overflow-y:auto;border-right:1px solid #e8e8e8}.smart-layout-page .main-container .center-panel .preview-wrapper[data-v-9f1944fe]{width:100%;height:100%;background:#f0f2f5;position:relative;overflow:hidden;z-index:1}.smart-layout-page .main-container .center-panel .preview-wrapper .mobile-frame-container[data-v-9f1944fe]{width:100%;height:100%;background-color:#f0f2f5;position:relative;display:flex;justify-content:center}.smart-layout-page .main-container .center-panel .preview-wrapper .mobile-frame-container .mobile-loading-mask[data-v-9f1944fe]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center}.smart-layout-page .main-container .center-panel .preview-wrapper .mobile-frame-container .mobile-loading-mask .loading-content[data-v-9f1944fe]{display:flex;flex-direction:column;align-items:center}.smart-layout-page .main-container .center-panel .preview-wrapper .mobile-frame-container .mobile-loading-mask .loading-content .app-name-placeholder[data-v-9f1944fe]{font-size:18px;font-weight:500;color:#333;margin-bottom:48px;letter-spacing:1px}.smart-layout-page .main-container .right-panel[data-v-9f1944fe]{width:350px;background:#fff;display:flex;flex-direction:column;flex-shrink:0}.smart-layout-page .main-container .right-panel .style-selector-panel[data-v-9f1944fe]{width:100%;height:100%;display:flex;flex-direction:column}.smart-layout-page .main-container .right-panel .style-selector-panel .panel-header[data-v-9f1944fe]{padding:16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;font-weight:700}.smart-layout-page .main-container .right-panel .style-selector-panel .style-list[data-v-9f1944fe]{padding:16px;overflow-y:auto;flex:1}.smart-layout-page .main-container .right-panel .style-selector-panel .style-list .style-item[data-v-9f1944fe]{padding:10px;border:1px solid #e8e8e8;border-radius:4px;margin-bottom:10px;cursor:default;position:relative;transition:all .3s}.smart-layout-page .main-container .right-panel .style-selector-panel .style-list .style-item[data-v-9f1944fe]:hover{border-color:#1890ff}.smart-layout-page .main-container .right-panel .style-selector-panel .style-list .style-item:hover .style-actions[data-v-9f1944fe]{opacity:1;visibility:visible}.smart-layout-page .main-container .right-panel .style-selector-panel .style-list .style-item .style-preview[data-v-9f1944fe]{pointer-events:none}.smart-layout-page .main-container .right-panel .style-selector-panel .style-list .style-item .style-preview[data-v-9f1944fe]>:first-child{margin:0!important}.smart-layout-page .main-container .right-panel .style-selector-panel .style-list .style-item .style-actions[data-v-9f1944fe]{position:absolute;right:10px;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;transition:all .3s;background-color:#1890ff;padding:4px 12px;border-radius:4px}.smart-layout-page .main-container .right-panel .style-selector-panel .style-list .style-item .style-actions a[data-v-9f1944fe]{color:#fff;font-size:13px}.smart-layout-page .main-container .right-panel .style-selector-panel .style-list .style-item .style-actions a[data-v-9f1944fe]:hover{color:#fff}.smart-layout-page .main-container .right-panel .style-selector-panel .style-list .style-item .current-badge[data-v-9f1944fe]{position:absolute;right:10px;top:10px;background:#ccc;color:#fff;padding:2px 6px;border-radius:2px;font-size:12px}.smart-layout-page .main-container .right-panel .style-selector-panel .panel-footer[data-v-9f1944fe]{padding:10px 16px;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between}.smart-layout-page .main-container .right-panel .empty-state[data-v-9f1944fe]{flex:1;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;background:#fafafa}.template-preview-modal-outer-test .ant-modal{width:480px!important;padding-bottom:0}.template-preview-modal-outer-test .template-preview-modal-content{width:100%;padding:20px 10px}.template-preview-modal-outer-test .template-preview-modal-content .preview-title{font-size:20px;font-weight:600;margin-bottom:6px;text-align:center}.template-preview-modal-outer-test .template-preview-modal-content .preview-id{text-align:center;font-size:14px;color:#999;margin-bottom:14px}.template-preview-modal-outer-test .template-preview-modal-content .preview-image-fixed-scroll{width:100%;max-width:98%;max-height:60vh;height:auto;margin:0 auto;text-align:center;background:#fafbfc;padding:18px;border-radius:4px;overflow-y:auto;overflow-x:hidden}.template-preview-modal-outer-test .template-preview-modal-content .preview-image-fixed-scroll img{width:100%;max-width:100%;height:auto;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:block;margin:0 auto}.template-preview-modal-outer-test .template-preview-modal-content .preview-image{display:none}.template-preview-modal-outer-test .preview-empty{min-height:120px;display:flex;align-items:center;justify-content:center;color:#bbb;font-size:15px}.preview-image-fixed-scroll::-webkit-scrollbar{width:6px;background:#f0f0f0}.preview-image-fixed-scroll::-webkit-scrollbar-thumb{background:#bcbcbc;border-radius:3px}