.image-picker{gap:10px;min-width:0;position:relative}.image-picker-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.image-picker-toolbar .button{width:auto;min-height:44px;margin:0;padding:8px 12px;font-size:12px}.image-picker-toolbar small{color:#a8adb5;font-size:11px}.image-picker .image-picker-input{opacity:0;clip-path:inset(50%);border:0;width:1px;height:1px;min-height:0;padding:0;position:absolute;overflow:hidden}.image-picker-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.image-picker-list>li{align-content:start;gap:6px;min-width:0;display:grid}.image-picker-preview{aspect-ratio:1;background:#090a0c;border:1px solid #62666e;min-width:0;overflow:hidden}.image-picker-preview img{object-fit:contain;width:100%;height:100%;display:block}.image-picker-file{align-items:center;gap:5px;min-width:0;display:flex}.image-picker-file>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:10px;font-weight:400;overflow:hidden}.image-picker-file>button{background:#0a0b0d;border:1px solid #bcc1c9;border-radius:0;flex-shrink:0;place-items:center;width:44px;height:44px;min-height:44px;padding:0;display:grid}.image-picker-file>button img{width:14px;height:14px}.image-picker-list .text-button,.image-picker-clear{justify-self:start;min-height:44px;font-size:11px}.image-picker button:focus-visible{outline-offset:3px;outline:2px solid #a9b8ff}