.source-image-picker{position:relative;display:grid;min-width:0;gap:10px}.source-image-picker__empty,.source-image-picker__selected{display:grid;place-items:center;align-content:center;min-height:180px;gap:8px;padding:14px;border:1px dashed color-mix(in srgb,currentColor 40%,transparent);border-radius:12px;background:color-mix(in srgb,currentColor 3%,transparent);text-align:center}.source-image-picker__empty:focus-within{border-color:#e8590c}.source-image-picker__mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid color-mix(in srgb,currentColor 40%,transparent);border-radius:50%;color:#e8590c;font-size:1.5rem}.source-image-picker__upload-area{display:grid;place-items:center;gap:8px;width:100%;border:0!important;background:none!important}.source-image-picker__upload-area>span:not(.source-image-picker__mark){font-size:.75rem;opacity:.7}.source-image-picker__selected>img{width:100%;max-height:220px;-o-object-fit:contain;object-fit:contain;border-radius:7px}.source-image-picker__dimensions{padding:3px 8px;border-radius:999px;background:color-mix(in srgb,#e8590c 14%,transparent);color:#e8590c;font-size:.75rem;font-variant-numeric:tabular-nums}.source-image-picker__selected-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.source-image-picker button{padding:6px 9px;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:7px;color:inherit;background:color-mix(in srgb,currentColor 7%,transparent);cursor:pointer}.source-image-picker button:hover:not(:disabled){border-color:#e8590c}.source-image-picker button:disabled{opacity:.55;cursor:not-allowed}.source-image-picker__save{display:flex;align-items:center;gap:7px;font-size:.82rem}.source-image-picker__library{position:absolute;z-index:20;top:0;left:0;display:grid;width:min(520px,90vw);max-height:430px;gap:10px;padding:12px;overflow:auto;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:10px;background:#1a1a1d;box-shadow:0 18px 48px #0000006b}.source-image-picker__library-header{display:flex;justify-content:space-between;align-items:center}.source-image-picker__library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.source-image-picker__library-grid button{padding:0;overflow:hidden;border:1px solid transparent;background:none}.source-image-picker__library-grid img{display:block;width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover}:root[data-theme=light] .source-image-picker__library{background:#fff;box-shadow:0 18px 48px #0f172a2e}@media(max-width:640px){.source-image-picker__library{position:fixed;top:12vh;left:5vw;width:90vw;max-height:76vh}}