/* Shared image previews: a fixed header, centered zoom controls and a proportional scrollable image. */
.asset-preview-dialog.image-preview314{width:min(1600px,96vw,calc((92dvh - 66px)*var(--asset-preview-ratio)));min-width:min(420px,96vw);max-width:96vw;max-height:92dvh}
.asset-preview-dialog.image-preview314>header{position:relative!important;top:0!important;isolation:isolate;display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;flex:0 0 64px;min-height:64px;padding:8px 14px!important;margin:0!important;overflow:visible!important}
.asset-preview-dialog.image-preview314>header>div{min-width:0;max-width:100%;overflow:hidden}
.asset-preview-dialog.image-preview314>header b,.asset-preview-dialog.image-preview314>header small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asset-preview-dialog.image-preview314>header>span{justify-self:end;display:flex;gap:6px;min-width:0}
.asset-preview-dialog.image-preview314>header .image-zoom-toolbar314{position:static!important;display:flex!important;align-items:center;justify-content:center;gap:6px;margin:0;padding:0;background:none!important;border:0!important;box-shadow:none!important;transform:none!important;color:inherit}
.asset-preview-dialog.image-preview314>header button{display:inline-flex!important;align-items:center;justify-content:center;min-width:36px!important;width:36px!important;height:36px!important;padding:0!important;flex:none;border-radius:8px;font-size:22px;line-height:1;cursor:pointer}
.asset-preview-dialog.image-preview314>header .image-zoom-percent314{width:64px!important;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}
.asset-preview-dialog.image-preview314>header button:focus-visible,.reference-preview-trigger314:focus-visible{outline:2px solid #d3f65c!important;outline-offset:2px}
.asset-preview-dialog.image-preview314>header button:disabled{opacity:.4;cursor:default}
.asset-preview-dialog.image-preview314>.image-preview-media314{padding:0!important;overflow:hidden!important;position:relative;aspect-ratio:var(--asset-preview-ratio);width:100%;height:auto;min-height:0;max-height:calc(92dvh - 110px);flex:0 1 auto;display:block!important;background:var(--preview-image-background314,#080808)}
.image-zoom-viewport314{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;outline:none;scrollbar-gutter:auto}
.image-zoom-surface314{display:grid;place-items:center;min-width:100%;min-height:100%;padding:0!important}
.asset-preview-media .image-zoom-surface314>img{display:block;flex:none;object-fit:contain;max-width:none!important;max-height:none!important;margin:0!important;border:0;border-radius:0}
.reference-preview-backdrop314{z-index:50000!important}
.numbered-reference-chips button.reference-preview-trigger314{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;width:auto!important;min-width:0!important;height:28px!important;padding:0!important;border:0!important;background:transparent!important;border-radius:4px!important;box-shadow:none!important;color:inherit!important;cursor:zoom-in!important}
.numbered-reference-chips .reference-preview-trigger314 img{width:44px!important;height:28px!important;object-fit:cover;flex:none}
.reference-preview-trigger314 .reference-number{color:inherit!important}
html[data-theme=light] .asset-preview-dialog.image-preview314{--preview-image-background314:#f3f3f6;background:#fff!important;color:#252525!important;border-color:#dee0d8!important}
html[data-theme=light] .asset-preview-dialog.image-preview314>header{background:#fff!important;border-color:#e4e4e9!important}
html[data-theme=light] .asset-preview-dialog.image-preview314>header button{background:#f7f7fa!important;color:#3b3b3b!important;border:1px solid #dee0d8!important}
html[data-theme=dark] .asset-preview-dialog.image-preview314>header{background:#111!important;color:#f4f4f5!important}
@media(max-width:600px){.asset-preview-dialog.image-preview314>header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px;flex-basis:100px;min-height:100px;padding:8px 10px!important}.asset-preview-dialog.image-preview314>header>div{grid-column:1;grid-row:1}.asset-preview-dialog.image-preview314>header>span{grid-column:2;grid-row:1}.asset-preview-dialog.image-preview314>header .image-zoom-toolbar314{grid-column:1/-1;grid-row:2;justify-self:center}.asset-preview-dialog.image-preview314>.image-preview-media314{max-height:calc(92dvh - 146px)}}