.image-input-field {min-width:0; width:100%; box-sizing:border-box}
.image-input-field>input {width:100%; max-width:100%; box-sizing:border-box}
.image-input-sources {display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:6px 0; text-align:left}
.image-input-upload {display:inline-flex!important; align-items:center; position:relative; margin:0!important; padding:7px 10px; border:1px solid currentColor; border-radius:0 8px 0 0; color:inherit; font:inherit; font-size:12px; font-weight:600; line-height:1.3; cursor:pointer; overflow:hidden}
.image-input-upload input[type=file] {position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer}
.image-input-hint,.image-source-status {font:400 11px/1.4 var(--g-body,'Open Sans',sans-serif); color:inherit; opacity:.85}
.image-source-status {display:block; margin:4px 0}
.image-source-status:empty {display:none}
.image-source-over {outline:2px dashed var(--character-accent,var(--gol-accent,#4fb7b0))!important; outline-offset:3px}
.image-upload-dialog {width:420px; max-width:calc(100% - 24px); box-sizing:border-box; background:#182024; color:#eef6f7; border:1px solid var(--character-accent,#4fb7b0)}
.image-input-preview {display:block; width:100%; max-height:180px; object-fit:contain; margin:10px 0}
.image-input-preview[hidden] {display:none}
.rich-editor img {max-width:100%; height:auto}
@media(max-width:680px){.image-input-sources {gap:6px}.image-input-hint {font-size:10px}}