.iHofPW_editor .ant-modal-content{border-radius:8px;overflow:hidden}.iHofPW_editor .ant-modal-header{border-bottom:1px solid #e5e7eb;padding:14px 24px}.iHofPW_editor .ant-modal-close-x{width:52px;height:52px;line-height:52px}.iHofPW_editor .ant-modal-body{padding:0}.iHofPW_title{align-items:baseline;gap:8px;display:flex}.iHofPW_title span{color:#111827;letter-spacing:-.01em;font-size:16px;font-weight:700}.iHofPW_title em{color:#5b6475;font-size:13px;font-style:normal;font-weight:500}.iHofPW_layout{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 340px;height:min(80vh,780px);display:grid}.iHofPW_canvas{scrollbar-width:thin;scrollbar-color:#c3c8d1 #0000;background:#eceef2;min-width:0;min-height:0;padding:32px;overflow-y:auto}.iHofPW_paper{background:#fff;border:1px solid #dfe2e8;max-width:640px;margin:0 auto}.iHofPW_paper iframe{border:0;width:100%;display:block}.iHofPW_side{scrollbar-width:thin;border-left:1px solid #e5e7eb;flex-direction:column;gap:28px;min-height:0;padding:24px;display:flex;overflow-y:auto}.iHofPW_group{flex-direction:column;gap:10px;display:flex}.iHofPW_group h4{color:#111827;letter-spacing:.01em;margin:0;font-size:13px;font-weight:700}.iHofPW_groupHead{justify-content:space-between;align-items:center;gap:12px;display:flex}.iHofPW_hint{color:#5b6475;margin:0;font-size:12px;line-height:1.5}.iHofPW_textBtn{color:#0047ab;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:4px;padding:0;font-weight:600;display:block}.iHofPW_textBtn:hover{color:#002b6d;text-underline-offset:3px;text-decoration:underline}.iHofPW_textBtn:focus-visible{outline-offset:2px;outline:2px solid #0047ab}.iHofPW_warn{color:#a3001b;margin:-12px 0 0;font-size:12px;line-height:1.5}.iHofPW_drop.ant-upload.ant-upload-drag{background:#eceef2;border:1px solid #e5e7eb;border-radius:4px;transition:border-color .15s cubic-bezier(.25,1,.5,1),transform .1s cubic-bezier(.25,1,.5,1);display:block;position:relative;overflow:hidden}.iHofPW_drop.ant-upload.ant-upload-drag:hover{border-color:#0047ab}.iHofPW_drop.ant-upload.ant-upload-drag:active{transform:scale(.985)}.iHofPW_drop.ant-upload.ant-upload-drag.ant-upload-drag-hover{outline-offset:-2px;border-color:#0047ab;outline:2px solid #0047ab}.iHofPW_drop.ant-upload.ant-upload-drag .ant-upload-btn{padding:0;display:block}.iHofPW_drop.ant-upload.ant-upload-drag .ant-upload-drag-container{display:block}.iHofPW_drop.ant-upload.ant-upload-drag img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.iHofPW_dropLabel{color:#fff;background:#111827c7;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0}.iHofPW_hex{text-transform:uppercase;width:92px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.iHofPW_swatches{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.iHofPW_swatch{aspect-ratio:1;color:#5b6475;cursor:pointer;background:#fff;border:1px solid #1118271f;border-radius:4px;place-items:center;padding:0;transition:transform .1s cubic-bezier(.25,1,.5,1),box-shadow .15s cubic-bezier(.25,1,.5,1);display:grid;position:relative}.iHofPW_swatch:hover{transform:scale(1.06)}.iHofPW_swatch:active{transform:scale(.92)}.iHofPW_swatch:focus-visible{outline-offset:2px;outline:2px solid #0047ab}.iHofPW_swatch:has(input:focus-visible){outline-offset:2px;outline:2px solid #0047ab}.iHofPW_swatch[aria-checked=true],.iHofPW_swatch[data-custom]{box-shadow:0 0 0 2px #fff,0 0 0 4px #111827}.iHofPW_pickerPop .ant-popover-inner{border-radius:6px;box-shadow:0 8px 28px #1118272e,0 0 0 1px #1118270f}.iHofPW_pickerPop .ant-popover-inner-content{padding:12px}.iHofPW_panel{flex-direction:column;gap:12px;width:232px;display:flex}.iHofPW_panel .react-colorful{gap:10px;width:100%;height:196px}.iHofPW_panel .react-colorful__saturation{border-bottom:0;border-radius:4px}.iHofPW_panel .react-colorful__hue{border-radius:2px;height:12px}.iHofPW_panel .react-colorful__pointer{border-width:2px;width:18px;height:18px;box-shadow:0 0 0 1px #11182740,0 1px 3px #1118274d}.iHofPW_panel .react-colorful__hue-pointer{border-radius:2px;width:14px;height:18px}.iHofPW_panelRow{align-items:center;gap:8px;display:flex}.iHofPW_panelChip{border:1px solid #1118271f;border-radius:4px;flex:none;width:28px;height:28px}.iHofPW_panelHex{text-transform:uppercase;flex:auto;height:28px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.iHofPW_panelHex .ant-input-prefix{color:#8a93a3;margin-right:2px}.iHofPW_panelDrop.ant-btn{color:#5b6475;border-radius:4px;flex:none;width:28px;height:28px;padding:0}:is(.iHofPW_panelDrop.ant-btn:hover,.iHofPW_panelDrop.ant-btn:focus){color:#0047ab;border-color:#0047ab}.iHofPW_foot{background:#fff;border-top:1px solid #e5e7eb;grid-column:1/-1;align-items:center;gap:12px;padding:12px 24px;display:flex}.iHofPW_status{color:#8a93a3;align-items:center;gap:8px;font-size:12px;display:inline-flex}.iHofPW_status[data-dirty]{color:#111827;font-weight:600}.iHofPW_status[data-dirty]:before{content:"";background:#c8912a;border-radius:50%;width:7px;height:7px}.iHofPW_reset.ant-btn-link{color:#5b6475;padding:0 4px;font-size:12px}:is(.iHofPW_reset.ant-btn-link:hover,.iHofPW_reset.ant-btn-link:focus){color:#111827}.iHofPW_spacer{flex:auto}:is(.iHofPW_cancel.ant-btn,.iHofPW_save.ant-btn){border-radius:4px;min-width:88px;height:36px;font-weight:600;transition:transform .1s cubic-bezier(.25,1,.5,1),background-color .15s cubic-bezier(.25,1,.5,1)}:is(.iHofPW_cancel.ant-btn:active,.iHofPW_save.ant-btn:active){transform:scale(.97)}.iHofPW_save.ant-btn-primary:not([disabled]){background:#0047ab;border-color:#0047ab}:is(.iHofPW_save.ant-btn-primary:not([disabled]):hover,.iHofPW_save.ant-btn-primary:not([disabled]):focus){background:#002b6d;border-color:#002b6d}@media (max-width:767px){.iHofPW_layout{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);height:auto}.iHofPW_canvas{max-height:46vh;padding:12px}.iHofPW_side{border-top:1px solid #e5e7eb;border-left:0}.iHofPW_foot{padding:12px 16px;position:sticky;bottom:0}.iHofPW_status{display:none}}@media (prefers-reduced-motion:reduce){.iHofPW_swatch{transition:none}.iHofPW_cancel.ant-btn{transition:none}.iHofPW_save.ant-btn{transition:none}.iHofPW_drop.ant-upload.ant-upload-drag{transition:none}.iHofPW_swatch:hover,.iHofPW_swatch:active{transform:none}.iHofPW_cancel.ant-btn:hover{transform:none}.iHofPW_cancel.ant-btn:active{transform:none}.iHofPW_save.ant-btn:hover{transform:none}.iHofPW_save.ant-btn:active{transform:none}.iHofPW_drop.ant-upload.ant-upload-drag:hover{transform:none}.iHofPW_drop.ant-upload.ant-upload-drag:active{transform:none}}
