.preview-container.svelte-1th6cal{border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface)}.preview-image.svelte-1th6cal{position:relative;aspect-ratio:16 / 10;background:linear-gradient(45deg,var(--color-surface-alt) 25%,transparent 25%),linear-gradient(-45deg,var(--color-surface-alt) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-surface-alt) 75%),linear-gradient(-45deg,transparent 75%,var(--color-surface-alt) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;display:flex;align-items:center;justify-content:center}.image.svelte-1th6cal{max-width:100%;max-height:100%;object-fit:contain}.preview-info.svelte-1th6cal{padding:12px 16px;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.filename.svelte-1th6cal{font-size:14px;font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.meta.svelte-1th6cal{display:flex;flex-wrap:wrap;gap:12px;margin-left:auto}.meta-item.svelte-1th6cal{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--color-text-muted)}.meta-item.svelte-1th6cal svg:where(.svelte-1th6cal){width:14px;height:14px;opacity:.7}@media(max-width:640px){.preview-image.svelte-1th6cal{aspect-ratio:4 / 3}.preview-info.svelte-1th6cal{padding:10px 12px;flex-direction:column;align-items:flex-start;gap:6px}.filename.svelte-1th6cal{font-size:13px}.meta.svelte-1th6cal{margin-left:0;gap:10px}.meta-item.svelte-1th6cal{font-size:12px}.meta-item.svelte-1th6cal svg:where(.svelte-1th6cal){width:12px;height:12px}}