.file-preview{flex-direction:column;height:100%;min-height:0;display:flex}.file-preview-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bgElevated);border-bottom:1px solid var(--borderSubtle);flex:none;padding-inline-end:calc(var(--controlHeight) + var(--space-4));display:flex}.file-preview-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.file-preview-verbs{align-items:center;gap:var(--gapActions);flex:none;display:flex}.file-preview-stage{min-height:0;padding:var(--space-4);background:var(--bgWell);flex-direction:column;flex:1;justify-content:center;display:flex;overflow:auto}.file-preview-stage:has(>.file-preview-frame){padding:0}.file-preview-frame{background:var(--bgWell);border:0;flex:1;width:100%;min-height:0}.file-preview-image{object-fit:contain;max-width:100%;max-height:100%;margin:auto}@media print{.file-preview-head{display:none}.file-preview-stage{background:0 0;padding:0;overflow:visible}}.file-chip{border:1px solid var(--borderSubtle);border-radius:var(--r-sm);background:var(--bgElevated);max-width:100%;color:var(--textPrimary);align-items:center;gap:8px;padding:5px 10px;text-decoration:none;display:inline-flex}.file-chip svg{flex:none}.file-chip-kind{border-radius:var(--r-xs);background:var(--bgChip);flex:none;padding:2px 5px}.file-chip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-chip-size{flex:none}.file-chip:hover{border-color:var(--accent);color:var(--accentText)}.file-chip:hover svg{color:var(--accentText)}.file-chip:focus-visible{outline:var(--focus-ring);outline-offset:2px}.file-chip,.file-chip svg{transition:border-color var(--dur-state) var(--ease-out), color var(--dur-state) var(--ease-out)}