.desktop-preview-overlay[data-v-57c225c2]{z-index:3000;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#0000002e;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0;overflow:hidden}.desktop-preview-panel[data-v-57c225c2]{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--brand) 30%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 12%, transparent), transparent 38%), linear-gradient(315deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 42%), #161c22f0;min-width:min(520px,100vw - 24px);max-width:calc(100vw - 24px);min-height:min(360px,100dvh - 24px);max-height:calc(100dvh - 24px);box-shadow:0 28px 82px #0000006b, 0 0 0 1px color-mix(in srgb, var(--brand) 14%, transparent), inset 0 1px 0 #ffffff14;will-change:width, height, transform;border-radius:8px;grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}:root[data-theme=light]{background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 10%, transparent), transparent 38%), linear-gradient(315deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 42%), #fffffff0}body.image-preview-lock{overflow:hidden}.desktop-preview-toolbar[data-v-57c225c2],.desktop-preview-tools[data-v-57c225c2]{align-items:center;display:flex}.desktop-preview-toolbar[data-v-57c225c2]{cursor:move;justify-content:space-between;gap:12px;padding:10px 12px}.desktop-preview-tools[data-v-57c225c2]{cursor:default}.desktop-preview-counter[data-v-57c225c2],.desktop-preview-zoom[data-v-57c225c2]{color:var(--text-secondary);font-size:13px;font-weight:900}.desktop-preview-tools[data-v-57c225c2]{gap:8px}.desktop-preview-tool[data-v-57c225c2]{border:1px solid color-mix(in srgb, var(--brand) 26%, var(--line));min-width:32px;height:32px;color:var(--text-primary);font:inherit;background:color-mix(in srgb, var(--panel-bg) 82%, transparent);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:15px;font-weight:900;transition:border-color .18s,background .18s,color .18s,transform .18s;display:inline-flex;box-shadow:0 8px 18px #00000024}.desktop-preview-tool[data-v-57c225c2]:hover{border-color:color-mix(in srgb, var(--brand) 58%, var(--line));color:var(--brand);background:color-mix(in srgb, var(--brand) 12%, var(--panel-bg));transform:translateY(-1px)}.desktop-preview-tool .el-icon[data-v-57c225c2]{width:17px;height:17px;margin:0}.desktop-preview-body[data-v-57c225c2]{box-sizing:border-box;place-items:center;width:100%;height:100%;min-height:0;padding:16px;display:grid;position:relative}.desktop-preview-body.can-pan[data-v-57c225c2]{cursor:grab}.desktop-preview-body.is-panning[data-v-57c225c2]{cursor:grabbing}.desktop-preview-stage[data-v-57c225c2]{z-index:1;box-sizing:border-box;width:100%;height:100%;position:relative;overflow:hidden;transform:translateZ(0)}.desktop-preview-stage.is-resource-failed>.desktop-preview-media[data-v-57c225c2]{visibility:hidden}.desktop-preview-failure[data-v-57c225c2]{z-index:5;color:#fff;text-align:center;place-content:center;gap:8px;display:grid;position:absolute;inset:0;overflow:hidden}.desktop-preview-failure img[data-v-57c225c2]{z-index:-1;object-fit:cover;filter:brightness(.38)grayscale(.45);width:100%;height:100%;position:absolute;inset:0}.desktop-preview-failure strong[data-v-57c225c2]{font-size:20px}.desktop-preview-failure span[data-v-57c225c2]{color:#ffffffb8;font-size:13px}.desktop-preview-media[data-v-57c225c2]{box-sizing:border-box;object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;transform:translate3d(calc(-50% + var(--desktop-preview-x,0px)), calc(-50% + var(--desktop-preview-y,0px)), 0) rotate(var(--desktop-preview-rotate,0deg)) scale(var(--desktop-preview-scale,1));-webkit-user-select:none;user-select:none;will-change:transform, opacity;-webkit-user-drag:none;border-radius:8px;transition:opacity .18s,transform .2s cubic-bezier(.2,.82,.22,1);display:block;position:absolute;top:50%;left:50%}.desktop-preview-resize-handle[data-v-57c225c2]{z-index:12;background:0 0;border:0;padding:0;display:block;position:absolute}.desktop-preview-resize-handle.is-n[data-v-57c225c2],.desktop-preview-resize-handle.is-s[data-v-57c225c2]{cursor:ns-resize;height:10px;left:12px;right:12px}.desktop-preview-resize-handle.is-n[data-v-57c225c2]{top:-2px}.desktop-preview-resize-handle.is-s[data-v-57c225c2]{bottom:-2px}.desktop-preview-resize-handle.is-e[data-v-57c225c2],.desktop-preview-resize-handle.is-w[data-v-57c225c2]{cursor:ew-resize;width:10px;top:12px;bottom:12px}.desktop-preview-resize-handle.is-e[data-v-57c225c2]{right:-2px}.desktop-preview-resize-handle.is-w[data-v-57c225c2]{left:-2px}.desktop-preview-resize-handle.is-ne[data-v-57c225c2],.desktop-preview-resize-handle.is-se[data-v-57c225c2],.desktop-preview-resize-handle.is-sw[data-v-57c225c2],.desktop-preview-resize-handle.is-nw[data-v-57c225c2]{width:18px;height:18px}.desktop-preview-resize-handle.is-ne[data-v-57c225c2]{cursor:nesw-resize;top:-2px;right:-2px}.desktop-preview-resize-handle.is-se[data-v-57c225c2]{cursor:nwse-resize;bottom:-2px;right:-2px}.desktop-preview-resize-handle.is-sw[data-v-57c225c2]{cursor:nesw-resize;bottom:-2px;left:-2px}.desktop-preview-resize-handle.is-nw[data-v-57c225c2]{cursor:nwse-resize;top:-2px;left:-2px}.desktop-preview-panel.is-window-dragging[data-v-57c225c2],.desktop-preview-panel.is-window-resizing[data-v-57c225c2]{transition:none}.desktop-preview-watermark[data-v-57c225c2]{z-index:2;pointer-events:none;mix-blend-mode:normal;opacity:.9;background-repeat:repeat;background-size:260px 160px;position:absolute;inset:0}.desktop-preview-body.is-panning .desktop-preview-media[data-v-57c225c2]{transition:none}.desktop-slide-next-enter-active[data-v-57c225c2],.desktop-slide-next-leave-active[data-v-57c225c2],.desktop-slide-prev-enter-active[data-v-57c225c2],.desktop-slide-prev-leave-active[data-v-57c225c2]{transition:opacity .22s,transform .32s cubic-bezier(.22,.86,.24,1)}.desktop-slide-next-leave-active[data-v-57c225c2],.desktop-slide-prev-leave-active[data-v-57c225c2]{position:absolute;top:50%;left:50%}.desktop-slide-next-enter-from[data-v-57c225c2]{opacity:0;transform:translate3d(calc(-50% + var(--desktop-preview-x,0px) + 72px), calc(-50% + var(--desktop-preview-y,0px)), 0) rotate(var(--desktop-preview-rotate,0deg)) scale(var(--desktop-preview-scale,1))}.desktop-slide-next-leave-to[data-v-57c225c2],.desktop-slide-prev-enter-from[data-v-57c225c2]{opacity:0;transform:translate3d(calc(-50% + var(--desktop-preview-x,0px) - 72px), calc(-50% + var(--desktop-preview-y,0px)), 0) rotate(var(--desktop-preview-rotate,0deg)) scale(var(--desktop-preview-scale,1))}.desktop-slide-prev-leave-to[data-v-57c225c2]{opacity:0;transform:translate3d(calc(-50% + var(--desktop-preview-x,0px) + 72px), calc(-50% + var(--desktop-preview-y,0px)), 0) rotate(var(--desktop-preview-rotate,0deg)) scale(var(--desktop-preview-scale,1))}.desktop-preview-nav[data-v-57c225c2]{z-index:3;border:1px solid color-mix(in srgb, var(--brand) 34%, var(--line));width:42px;height:42px;color:var(--text-primary);background:color-mix(in srgb, var(--panel-bg) 86%, transparent);box-shadow:var(--button-shadow);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:20px;line-height:0;transition:background .2s,color .2s,transform .2s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.desktop-preview-nav .el-icon[data-v-57c225c2]{justify-content:center;align-items:center;width:20px;height:20px;margin:0;display:inline-flex}.desktop-preview-nav[data-v-57c225c2]:hover{color:var(--brand);background:color-mix(in srgb, var(--brand) 14%, var(--panel-bg));transform:translateY(-50%)scale(1.04)}.desktop-preview-nav.prev[data-v-57c225c2]{left:14px}.desktop-preview-nav.next[data-v-57c225c2]{right:14px}.desktop-preview-fade-enter-active[data-v-57c225c2],.desktop-preview-fade-leave-active[data-v-57c225c2]{transition:opacity .18s}.desktop-preview-fade-enter-from[data-v-57c225c2],.desktop-preview-fade-leave-to[data-v-57c225c2]{opacity:0}