#giftImageSettingsPopup{z-index:120}
#giftImageSettingsPopup .gift-image-box{width:850px;max-width:calc(100vw - 32px);height:82vh;max-height:82vh;display:flex;flex-direction:column;overflow:hidden}
.gift-image-body{display:flex;gap:16px;min-height:0;flex:1}
.gift-image-preview-column{flex:none;width:310px;min-height:0;display:flex;flex-direction:column;gap:8px}
.gift-image-preview-column .mini-preview{width:310px;min-height:0;max-height:100%;flex:1;align-self:stretch;overflow:auto;margin-bottom:0}
#giftImageSettingsPopup iframe{width:300px;max-width:none;display:block;margin:auto;color-scheme:normal}
.gift-image-options{flex:1;min-width:0;overflow:auto;padding:0 2px 0 0;margin:0;border:0;font-size:13px}
.gift-image-options .mini-colors{margin-bottom:9px}
.gift-image-options .mini-colors-head{font-size:13px;font-weight:600}
.gift-image-endpoints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gift-image-endpoints label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}
.gift-image-endpoints input[type=color]{flex:none;width:40px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--card);cursor:pointer;padding:1px}
.gift-image-endpoints output{font-size:11px;white-space:nowrap}
.gift-image-swatch{height:16px;border-radius:8px;margin:8px 0;border:1px solid var(--line)}
.gift-image-options .mini-presets{gap:6px}
.gift-image-options .mini-presets span{font-size:12px;color:var(--muted)}
.gift-image-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.gift-image-status{font-size:12px;color:var(--muted);flex:1;min-width:160px;line-height:1.5}
.gift-image-status.error{color:var(--red)}
.gift-image-status.saved{color:var(--green)}
#giftImageSettingsPopup [hidden]{display:none}
@media(max-width:767px){
 #giftImageSettingsPopup .gift-image-box{width:calc(100vw - 20px);max-width:calc(100vw - 20px);height:90vh;max-height:90vh;padding:14px}
 .gift-image-body{flex-direction:column;overflow:auto;gap:10px}
 .gift-image-preview-column{width:100%;flex:none;height:230px}
 .gift-image-preview-column .mini-preview{width:100%}
 .gift-image-options{flex:none;overflow:visible}
 .gift-image-endpoints label{gap:5px}
 .gift-image-options .mini-reset{padding:4px 9px}
}