.htmlui-template-modal .preview-container[data-v-4bf77915]{border:1px solid #d9d9d9;border-radius:4px;height:500px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.htmlui-template-modal .preview-header[data-v-4bf77915]{padding:8px 12px;border-bottom:1px solid #d9d9d9;background:#fafafa;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;font-weight:500}.htmlui-template-modal .preview-content[data-v-4bf77915]{-ms-flex:1;flex:1;overflow:hidden}.htmlui-template-modal .preview-iframe[data-v-4bf77915]{width:100%;height:100%;border:none}.htmlui-template-modal[data-v-4bf77915] .ant-modal-body{padding:16px}.htmlui-template-modal[data-v-4bf77915] .ant-form-model-item{margin-bottom:16px}.color-preview-group[data-v-4bf77915]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px;-ms-flex-align:center;align-items:center}.color-item[data-v-4bf77915]{display:inline-block;width:24px;height:24px;border-radius:3px;border:1px solid #d9d9d9;cursor:pointer;transition:transform .2s}.color-item[data-v-4bf77915]:hover{transform:scale(1.2);z-index:1;position:relative}.preview-image-modal{max-width:100%!important}.preview-image-modal .ant-modal{max-width:100%;top:0;padding-bottom:0;margin:0}.preview-image-modal .ant-modal-content{height:100vh;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.preview-image-modal .ant-modal-body{-ms-flex:1;flex:1;padding:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.85)}.preview-image-modal .ant-modal-close{color:#fff;z-index:1000}.preview-image-modal .ant-modal-close:hover{color:#fff}.preview-fullscreen-image{max-width:100%;max-height:100vh;width:auto;height:auto;object-fit:contain}