/* Selection feedback is shared by the homepage and every image workbench. */
.image-selection[hidden],.image-selection [hidden],.image-selection-feedback [hidden]{display:none!important}
.image-selection{margin:0;padding:18px 26px;background:#fff;border-bottom:1px solid #dbe4ee;min-width:0}
.image-selection-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;min-width:0}
.image-selection .image-selection-heading{margin:0;color:#263e57;font-size:.86rem;line-height:1.5;overflow-wrap:anywhere}
.image-selection-change,.image-selection-remove{font:inherit;cursor:pointer;background:#fff;border:1px solid #c5d5e6;border-radius:5px;color:#235b9a;min-height:36px}
.image-selection-change{padding:7px 10px;font-size:.72rem;line-height:1.4;flex-shrink:0;max-width:55%;overflow-wrap:anywhere}
.image-selection-change:hover,.image-selection-remove:hover{background:#edf5ff;border-color:#6b9acb}
.image-selection-change:focus-visible,.image-selection-remove:focus-visible,.image-selection-results:focus-visible{outline:3px solid #3e7bb9;outline-offset:3px}
.image-selection-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:9px;margin:0;padding:0;list-style:none}
.image-selection-item{display:grid;grid-template-columns:56px minmax(0,1fr) 36px;gap:10px;align-items:center;margin:0;padding:10px;border:1px solid #dde5ee;border-radius:6px;background:#f7faff;min-width:0}
.image-selection-visual{width:56px;height:56px;border-radius:4px;overflow:hidden;background:repeating-conic-gradient(#e4ebf3 0% 25%,#fff 0% 50%) 50% / 12px 12px}
.image-selection-thumbnail{display:block;width:56px;height:56px;object-fit:contain}
.image-selection-info{min-width:0}
.image-selection .image-selection-name{margin:0 0 3px;font-weight:600;font-size:.77rem;line-height:1.45;color:#253c54;overflow-wrap:anywhere}
.image-selection .image-selection-details{margin:0;color:#637588;font-size:.65rem;line-height:1.55;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.image-selection .image-selection-error{margin:5px 0 0;color:#a32f25;font-size:.7rem;line-height:1.5;overflow-wrap:anywhere}
.image-selection-remove{width:36px;padding:0;font-size:1.35rem;line-height:1}
.image-selection-feedback{padding:0 26px;min-width:0}
.image-selection-feedback [role=status],.image-selection-feedback [role=alert]{margin:12px 0;font-size:.78rem;line-height:1.55;overflow-wrap:anywhere}
.image-selection-feedback [role=status]:empty,.image-selection-feedback [role=alert]:empty{display:none}
.image-selection-feedback [role=alert]{color:#a32f25}
.image-selection-results{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;margin:0 0 12px;border:1px solid #c5d5e6;border-radius:5px;background:#edf5ff;color:#235b9a;font-size:.77rem;font-weight:600;line-height:1.4;text-decoration:none}
[data-dropzone].has-selection{padding:13px 20px;min-height:0;gap:2px}
[data-dropzone].has-selection>.wb-upload-icon,[data-dropzone].has-selection>svg,[data-dropzone].has-selection>.wb-file-button{display:none}
[data-dropzone].has-selection strong{font-size:.85rem;margin:0}
[data-dropzone].has-selection small{margin-top:4px}
.hero-workspace .image-selection{padding:0 0 14px;margin:0 0 8px;border:0}
.hero-workspace .image-selection-header{gap:8px}
.hero-workspace .image-selection-list{grid-template-columns:minmax(0,1fr)}
.hero-workspace .image-selection-feedback{padding:0}
.hero-workspace .hero-dropzone.has-selection{margin-bottom:12px;padding:12px}
#image-results:focus{outline:2px solid #6b9acb;outline-offset:5px}
@media(max-width:480px){.image-selection{padding:14px}.image-selection-feedback{padding:0 14px}.image-selection-item{grid-template-columns:48px minmax(0,1fr) 36px;gap:8px;padding:8px}.image-selection-visual,.image-selection-thumbnail{width:48px;height:48px}.image-selection-header{gap:8px}.image-selection .image-selection-heading{font-size:.79rem}.image-selection-change{font-size:.67rem;padding:6px 8px}.image-selection .image-selection-name{font-size:.72rem}[data-dropzone].has-selection{padding:12px 14px}}