.attached-file-preview{z-index:120;display:none;position:fixed;inset:0}.attached-file-preview--open{display:block}.attached-file-preview__backdrop{background:#0f172ab8;position:absolute;inset:0}.attached-file-preview__dialog{pointer-events:none;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr auto;gap:.75rem;display:grid;position:absolute;inset:2rem 4rem}.attached-file-preview__toolbar{color:#0f172a;pointer-events:auto;background:#fffffff5;border-radius:.75rem;grid-column:1/-1;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.dark .attached-file-preview__toolbar{color:#f8fafc;background:#0f172af5}.attached-file-preview__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.attached-file-preview__counter{opacity:.75;flex-shrink:0;font-size:.875rem}.attached-file-preview__close,.attached-file-preview__nav,.attached-file-preview__open{color:inherit;cursor:pointer;pointer-events:auto;background:#0f172a14;border:0;border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.dark .attached-file-preview__close,.dark .attached-file-preview__nav,.dark .attached-file-preview__open{background:#f8fafc1f}.attached-file-preview__open{border-radius:9999px;flex-shrink:0;min-height:2.25rem;padding:0 .875rem;font-size:.875rem;font-weight:500}.attached-file-preview__close{width:2.25rem;height:2.25rem;font-size:1.5rem;line-height:1}.attached-file-preview__nav{align-self:center;width:2.75rem;height:2.75rem;font-size:1.5rem}.attached-file-preview__stage{pointer-events:auto;background:#fffffff5;border-radius:.75rem;grid-column:2;min-height:0;overflow:auto}.dark .attached-file-preview__stage{background:#0f172af5}.attached-file-preview__image,.attached-file-preview__video,.attached-file-preview__iframe{object-fit:contain;width:100%;max-height:calc(100vh - 8rem);margin:0 auto;display:block}.attached-file-preview__iframe{background:#fff;border:0;height:calc(100vh - 8rem);min-height:24rem}.dark .attached-file-preview__iframe{background:#0f172a}.attached-file-preview__audio{width:min(100%,40rem);margin:2rem auto;display:block}.attached-file-preview__fallback,.attached-file-preview__loading{text-align:center;place-items:center;gap:.75rem;min-height:12rem;padding:2rem;display:grid}.attached-file-preview__fallback a{color:#4f46e5;text-decoration:underline}@media (width<=768px){.attached-file-preview__dialog{grid-template-columns:1fr;inset:.75rem}.attached-file-preview__nav{display:none}}