html:has(.image-preview-dialog[open]){width:calc(100% - var(--image-preview-scrollbar,0px));overflow:hidden}.image-preview[data-v-c5506b75]{min-width:0;max-width:100%;display:block;position:relative}.image-preview-trigger[data-v-c5506b75]{border-radius:inherit;width:100%;color:var(--ink,#142640);cursor:zoom-in;font:inherit;background:0 0;border:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.image-preview-trigger[data-v-c5506b75]:disabled{cursor:default}.image-preview-thumbnail[data-v-c5506b75]{-o-object-fit:var(--preview-fit,contain);object-fit:var(--preview-fit,contain);width:100%;height:auto;display:block}.image-preview-fill[data-v-c5506b75],.image-preview-fill .image-preview-thumbnail[data-v-c5506b75],.image-preview-fill .image-preview-trigger[data-v-c5506b75]{height:100%}.image-preview-hint[data-v-c5506b75]{border:1px solid var(--line,#dfe8f4);background:var(--surface,#fff);min-height:30px;color:var(--body-ink,#465b76);pointer-events:none;border-radius:7px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;line-height:1.5;display:inline-flex;position:absolute;bottom:12px;right:12px}.image-preview-trigger:hover .image-preview-hint[data-v-c5506b75]{color:var(--primary,#1664ff);border-color:var(--primary,#1664ff)}.image-preview-dialog[data-v-c5506b75]{background:var(--surface,#fff);width:calc(min(1200px,100vw - 64px));max-width:none;height:calc(min(880px,100dvh - 64px));max-height:none;color:var(--ink,#142640);text-align:left;overscroll-behavior:contain;border:0;border-radius:16px;flex-direction:column;margin:auto;padding:0;display:none;position:fixed;inset:0;overflow:hidden;box-shadow:0 28px 100px #102f604d}.image-preview-dialog[open][data-v-c5506b75]{animation:.16s ease-out image-preview-arrive-c5506b75;display:flex}.image-preview-dialog[data-v-c5506b75]::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#102343a6}.image-preview-header[data-v-c5506b75]{background:var(--surface,#fff);flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:12px 16px 12px 24px;display:flex}.image-preview-header h2[data-v-c5506b75]{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-width:0;margin:0;font-size:15px;font-weight:600;line-height:1.6;display:-webkit-box;overflow:hidden}.image-preview-close[data-v-c5506b75]{width:44px;height:44px;color:var(--body-ink,#465b76);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-shrink:0;place-items:center;padding:0;display:grid}.image-preview-close[data-v-c5506b75]:hover{background:var(--surface-soft,#f4f8ff);color:var(--primary,#1664ff)}.image-preview-stage[data-v-c5506b75]{background:var(--surface-soft,#f4f8ff);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--muted,#566880) transparent;touch-action:pan-x pan-y pinch-zoom;flex:1;min-height:0;position:relative;overflow:auto}.image-preview-canvas[data-v-c5506b75]{place-items:center;min-width:100%;min-height:100%;display:grid;position:relative}.image-preview-original[data-v-c5506b75]{opacity:0;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;user-select:none;flex-shrink:0;max-width:none;display:block}.image-preview-original.image-preview-ready[data-v-c5506b75]{opacity:1}.image-preview-loading[data-v-c5506b75],.image-preview-status[data-v-c5506b75]{color:var(--muted,#566880);justify-content:center;align-items:center;gap:10px;font-size:14px;line-height:1.7;display:flex}.image-preview-loading[data-v-c5506b75]{position:absolute;inset:0}.image-preview-loading>svg[data-v-c5506b75]{animation:1s linear infinite image-preview-spin-c5506b75}.image-preview-status[data-v-c5506b75]{text-align:center;flex-direction:column;min-height:100%;padding:24px}.image-preview-status>svg[data-v-c5506b75]{color:var(--primary,#1664ff);margin-bottom:4px}.image-preview-status strong[data-v-c5506b75]{color:var(--ink,#142640);font-size:16px;font-weight:600}.image-preview-status p[data-v-c5506b75]{margin:0 0 8px}.image-preview-status button[data-v-c5506b75]{border:1px solid var(--line,#dfe8f4);min-height:44px;color:var(--primary,#1664ff);font:inherit;cursor:pointer;border-radius:9px;gap:8px;padding:10px 18px;font-size:14px;display:inline-flex}.image-preview-controls[data-v-c5506b75],.image-preview-status button[data-v-c5506b75]{background:var(--surface,#fff);justify-content:center;align-items:center}.image-preview-controls[data-v-c5506b75]{border-top:1px solid var(--line,#dfe8f4);flex-shrink:0;gap:12px;padding:10px 20px;display:flex}.image-preview-controls button[data-v-c5506b75]{min-width:44px;min-height:44px;color:var(--body-ink,#465b76);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:13px;line-height:1.5;display:inline-flex}.image-preview-controls button[data-v-c5506b75]:hover:not(:disabled){background:var(--surface-soft,#f4f8ff);color:var(--primary,#1664ff)}.image-preview-controls button[data-v-c5506b75]:disabled{opacity:.42;cursor:default}.image-preview-controls output[data-v-c5506b75]{min-width:48px;color:var(--muted,#566880);text-align:center;font-variant-numeric:tabular-nums;font-size:13px}.image-preview-controls .image-preview-reset[data-v-c5506b75]{margin-left:8px}.image-preview[data-v-c5506b75] :is(button,.image-preview-stage):focus-visible{outline:3px solid var(--primary,#1664ff);outline-offset:-3px}@media (width<=600px){.image-preview-dialog[data-v-c5506b75]{border-radius:0;width:100%;height:100dvh}.image-preview-header[data-v-c5506b75]{padding:calc(8px + env(safe-area-inset-top)) 10px 8px 18px;gap:12px}.image-preview-header h2[data-v-c5506b75]{font-size:14px}.image-preview-controls[data-v-c5506b75]{padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:6px}.image-preview-controls button[data-v-c5506b75]{padding-inline:10px}.image-preview-controls .image-preview-reset[data-v-c5506b75]{margin-left:0}.image-preview-controls output[data-v-c5506b75]{min-width:44px}.image-preview-hint[data-v-c5506b75]{min-height:28px;padding:4px 8px;font-size:11px;bottom:8px;right:8px}}@media (width<=360px){.image-preview-controls button:not(.image-preview-reset) span[data-v-c5506b75]{display:none}}@keyframes image-preview-arrive-c5506b75{0%{opacity:0;transform:translateY(5px)scale(.99)}to{opacity:1;transform:none}}@keyframes image-preview-spin-c5506b75{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.image-preview-dialog[open][data-v-c5506b75],.image-preview-loading>svg[data-v-c5506b75]{animation:none}}