.htmlui-template-modal .preview-container[data-v-4bf77915]{border:1px solid #d9d9d9;border-radius:4px;height:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-weight:500}.htmlui-template-modal .preview-content[data-v-4bf77915]{-webkit-box-flex:1;-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:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px;-webkit-box-align:center;-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;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.color-item[data-v-4bf77915]:hover{-webkit-transform:scale(1.2);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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.preview-image-modal .ant-modal-body{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack: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;-o-object-fit:contain;object-fit:contain}