.file-card[data-preview-ready]{position:relative;isolation:isolate}
.file-card[data-preview-ready]:hover,.file-card[data-preview-ready]:focus-within{border-color:#b8a5f5;box-shadow:0 16px 42px rgba(79,58,174,.16)}
.file-card-top{flex-wrap:wrap;gap:8px}
.fmt-preview-trigger{border:1px solid #d8ccfa;border-radius:999px;background:linear-gradient(135deg,#faf8ff,#f1ebff);color:#6846c9;padding:6px 10px;font:700 11px/1.2 'Public Sans',sans-serif;letter-spacing:.01em;cursor:pointer;box-shadow:0 3px 10px rgba(101,77,190,.08);transition:transform .18s,background .18s,box-shadow .18s}
.fmt-preview-trigger span{font-size:14px;vertical-align:-1px;margin-right:3px}
.fmt-preview-trigger:hover,.fmt-preview-trigger:focus-visible{background:#eadfff;box-shadow:0 5px 14px rgba(101,77,190,.17);transform:translateY(-1px);outline:2px solid transparent}
.fmt-preview{position:fixed;z-index:60;left:0;top:0;width:282px;padding:14px;border:1px solid rgba(226,218,251,.95);border-radius:19px;background:linear-gradient(145deg,#fefeff 0%,#f4efff 47%,#e9f7ff 100%);box-shadow:0 24px 75px rgba(41,28,97,.23),0 5px 18px rgba(78,64,164,.1);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.97);transition:opacity .2s,transform .2s,visibility .2s}
.fmt-preview.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.fmt-preview-head{display:flex;justify-content:space-between;align-items:center;padding:1px 2px 10px}
.fmt-preview-kicker{color:#6a4ec6;font:800 10px/1.2 'Public Sans',sans-serif;letter-spacing:.13em}
.fmt-preview-close{display:none;border:0;background:#fff;border-radius:8px;color:#655782;width:28px;height:28px;font-size:21px;line-height:1;cursor:pointer}
.fmt-preview-art{height:298px;display:grid;place-items:center;overflow:hidden;border:1px solid #e5def7;border-radius:13px;background:radial-gradient(circle at 15% 9%,#dcecff 0%,transparent 50%),radial-gradient(circle at 85% 90%,#f2dfff 0%,transparent 56%),#f6f2ff}
.fmt-preview-art img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(72,49,145,.12))}
.fmt-preview-fallback{padding:22px;text-align:center;color:#857a9c;font-size:12px}
.fmt-preview-info{display:flex;flex-direction:column;gap:4px;padding:11px 3px 0}
.fmt-preview-info strong{color:#30264f;font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fmt-preview-info span{color:#837b98;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fmt-preview-note{margin:8px 3px 1px;color:#948cab;font-size:10px;line-height:1.35}
@media(hover:none){.fmt-preview.is-touch{left:12px!important;right:12px;top:auto!important;bottom:12px;width:auto;max-width:360px;margin:auto;pointer-events:auto;box-shadow:0 18px 70px rgba(36,24,79,.34)}.fmt-preview-close{display:block}.fmt-preview-art{height:min(53vh,330px)}}
@media(prefers-reduced-motion:reduce){.fmt-preview,.fmt-preview-trigger{transition:none}}