@layer component{.WibW0a_ImageItem{align-items:start;gap:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-surface);grid-template-columns:auto minmax(0,1fr) auto;display:grid}@media (width<40rem){.WibW0a_ImageItem{grid-template-columns:minmax(0,1fr)}}.WibW0a_ImageItem .WibW0a_previews{gap:var(--space-2);display:flex}.WibW0a_ImageItem figure{justify-items:center;gap:var(--space-1);margin:0;display:grid}.WibW0a_ImageItem img,.WibW0a_ImageItem .WibW0a_empty{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);object-fit:contain;background:repeating-conic-gradient(var(--color-bg-hover) 0 25%, var(--color-bg-raised) 0 50%) 0 0 / .75rem .75rem;block-size:7rem;inline-size:7rem}.WibW0a_ImageItem figcaption{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.WibW0a_ImageItem .WibW0a_details{gap:var(--space-2);min-inline-size:0;display:grid}.WibW0a_ImageItem .WibW0a_name{font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.WibW0a_ImageItem dl{gap:var(--space-1);font-size:var(--font-size-sm);margin:0;display:grid}.WibW0a_ImageItem dl>div{gap:var(--space-2);flex-wrap:wrap;display:flex}.WibW0a_ImageItem dt{min-inline-size:5rem;color:var(--color-text-secondary)}.WibW0a_ImageItem dd{font-variant-numeric:tabular-nums;margin:0}.WibW0a_ImageItem .WibW0a_status{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.WibW0a_ImageItem .WibW0a_actions{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.YeP4jW_ImageConverter{gap:var(--space-4);display:grid}.YeP4jW_ImageConverter .YeP4jW_controls{align-items:start;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.YeP4jW_ImageConverter .YeP4jW_note{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.YeP4jW_ImageConverter>dl{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));margin:0;display:grid}.YeP4jW_ImageConverter>dl>div{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-surface);display:grid}.YeP4jW_ImageConverter>dl dt{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.YeP4jW_ImageConverter>dl dd{font-variant-numeric:tabular-nums;margin:0}.YeP4jW_ImageConverter .YeP4jW_actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.YeP4jW_ImageConverter .YeP4jW_list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}}