@layer components{.image-preview-open{scrollbar-gutter:stable;overflow:hidden}.image-preview{color:#162630;background:#fffdf9;border:1px solid #d9e1e8;border-radius:20px;width:min(1440px,100vw - 48px);max-width:none;height:calc(100dvh - 48px);max-height:none;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 30px 100px #050e2366}.image-preview:not([open]){display:none}.image-preview[open]{grid-template-rows:auto minmax(0,1fr) auto;animation:.2s ease-out both image-preview-enter;display:grid}.image-preview::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101e2ce6}.image-preview-header{border-bottom:1px solid #d9e1e8;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.image-preview-brand{letter-spacing:.16em;color:#536174;margin-bottom:5px;font-size:9px;font-weight:700}.image-preview h2{letter-spacing:-.035em;text-wrap:initial;font-size:24px;line-height:1.2}.image-preview-controls{flex:none;align-items:center;gap:12px;display:flex}.image-preview-zoom,.image-preview-close{color:#162630;background:#f5f3ee;border:1px solid #d9e1e8;border-radius:9px;justify-content:center;align-items:center;min-height:44px;display:flex}.image-preview-zoom{padding:10px 14px;font-size:12px;font-weight:600}.image-preview-close{width:44px}.image-preview-close svg{width:22px;height:22px}.image-preview-controls button:hover{color:#b53100;background:#fff0e5;border-color:#ce3700}.image-preview :focus-visible{outline-offset:-4px}.image-preview-viewport{overscroll-behavior:contain;text-align:center;background:#edf1f7;justify-content:center;align-items:center;min-height:0;padding:20px;display:flex;overflow:auto}.image-preview-viewport img{object-fit:contain;background:#fff;flex:none;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;display:block;box-shadow:0 8px 24px #16263014}.image-preview.is-zoomed .image-preview-viewport{text-align:left;display:block}.image-preview.is-zoomed img{max-width:none;max-height:none;margin:0 auto}.image-preview-status:empty{display:none}.image-preview-status{color:#536174;border-top:1px solid #d9e1e8;padding:10px 24px;font-size:13px}@keyframes image-preview-enter{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@media (width<=700px){.image-preview{border-radius:14px;width:calc(100vw - 20px);height:calc(100dvh - 20px)}.image-preview-header{align-items:start;gap:12px;padding:14px}.image-preview h2{font-size:19px}.image-preview-controls{gap:8px}.image-preview-zoom{max-width:100px;padding:8px;font-size:11px;line-height:1.3}.image-preview-viewport{padding:10px}.image-preview-status{padding:10px 14px;font-size:12px}}@media (prefers-reduced-motion:reduce){.image-preview[open]{animation:none}}}