.preview-toolbar[data-v-fd46dc68]{background-color:var(--bg-base);z-index:10;border-radius:8px;align-items:center;gap:12px;padding:8px 16px;display:flex;position:absolute;top:30px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}.preview-toolbar .toolbar-left[data-v-fd46dc68],.preview-toolbar .toolbar-right[data-v-fd46dc68]{align-items:center;gap:8px;display:flex}.preview-toolbar .zoom-control[data-v-fd46dc68]{align-items:center;gap:4px;display:flex}.preview-toolbar .zoom-control .zoom-percent[data-v-fd46dc68]{text-align:center;min-width:50px;color:var(--text-primary);cursor:pointer;user-select:none;border-radius:4px;padding:4px 8px;font-size:14px;display:inline-block}.preview-toolbar .zoom-control .zoom-percent[data-v-fd46dc68]:hover{background-color:var(--bg-hover)}.preview-toolbar[data-v-fd46dc68] .icon-tip{color:var(--text-color)}.preview-toolbar[data-v-fd46dc68] .icon-tip:hover:not(.is-disabled){background-color:var(--el-fill-color-light)}.preview-toolbar[data-v-fd46dc68] .icon-tip.is-disabled{opacity:.4;cursor:not-allowed}.preview-toolbar[data-v-fd46dc68] .el-divider--vertical{background-color:var(--border-default);height:20px}.zoom-menu .zoom-menu-item[data-v-fd46dc68]{cursor:pointer;border-radius:4px;padding:8px 12px;transition:all .2s}.zoom-menu .zoom-menu-item[data-v-fd46dc68]:hover{background-color:var(--bg-hover)}.zoom-menu .zoom-menu-item.active[data-v-fd46dc68]{color:var(--text-primary);background-color:var(--bg-active)}.image-preview-zoom-menu,.preview-toolbar-icon-tip{z-index:3001!important}.preview-image-container[data-v-5625da7d]{justify-content:center;align-items:center;padding:180px 320px;display:flex;position:absolute;inset:0;overflow:hidden}.preview-image-container .preview-img[data-v-5625da7d]{user-select:none;will-change:transform;backface-visibility:hidden;touch-action:none;transform-origin:50%;transition:transform .1s ease-out;display:block}.preview-image-container .preview-img.no-transition[data-v-5625da7d]{transition:none!important}.preview-image-container .preview-img.with-transition[data-v-5625da7d]{transition:transform .4s cubic-bezier(.4,0,.2,1)!important}.preview-image-container .image-error[data-v-5625da7d]{color:var(--text-primary);background-color:#0000;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.preview-image-container .image-error i[data-v-5625da7d]{opacity:.5;font-size:48px}.preview-image-container .image-error span[data-v-5625da7d]{font-size:14px}.thumbnail-list[data-v-9dad5022]{z-index:10;width:64px;height:min(80vh,600px);max-height:calc(100vh - 200px);position:absolute;top:50%;right:20px;overflow:hidden;transform:translateY(-50%)}.thumbnail-scroll[data-v-9dad5022]{width:100%;height:100%;position:relative}.thumbnail-item[data-v-9dad5022]{cursor:pointer;will-change:transform,opacity;backface-visibility:hidden;border-radius:8px;width:56px;height:56px;margin-top:-28px;margin-left:-28px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 2px 8px #0003}.thumbnail-item[data-v-9dad5022] .el-image{width:100%;height:100%}.thumbnail-item img[data-v-9dad5022]{object-fit:cover;pointer-events:none;user-select:none;width:100%;height:100%}.thumbnail-item .image-error[data-v-9dad5022]{width:100%;height:100%;color:var(--text-quaternary);justify-content:center;align-items:center;font-size:28px;display:flex}.thumbnail-item[data-v-9dad5022]:not(.active){opacity:.6}.thumbnail-item.active[data-v-9dad5022]{opacity:1}.preview-input-container[data-v-23b83c6c]{z-index:20;width:90%;max-width:900px;padding:0 20px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.preview-input-wrapper[data-v-23b83c6c]{background:var(--bg-base);-webkit-backdrop-filter:blur(10px);border-radius:30px;align-items:center;gap:12px;padding:12px 20px;display:flex;box-shadow:0 4px 20px #00000026}.preview-input-wrapper .input-icon[data-v-23b83c6c]{color:var(--text-quaternary);flex-shrink:0}.preview-input-wrapper .preview-input[data-v-23b83c6c]{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px;line-height:1.5}.preview-input-wrapper .preview-input[data-v-23b83c6c]::placeholder{color:var(--text-quaternary)}.preview-input-wrapper .submit-icon[data-v-23b83c6c]{color:var(--text-quaternary);cursor:pointer;flex-shrink:0;transition:color .2s}.preview-input-wrapper .submit-icon[data-v-23b83c6c]:hover{color:var(--text-primary)}.image-preview-container[data-v-9ed60a38]{display:contents}.image-preview-trigger[data-v-9ed60a38]{cursor:pointer;display:inline-block}.image-preview-wrapper[data-v-9ed60a38]{background:var(--special-mask-overlay);-webkit-backdrop-filter:blur(6px)brightness(95%)grayscale(20%)saturate()contrast();position:fixed;inset:0}.image-preview-wrapper .close-btn[data-v-9ed60a38]{width:40px;height:40px;color:var(--text-primary);cursor:pointer;z-index:10;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;top:30px;right:30px}.image-preview-wrapper .close-btn[data-v-9ed60a38]:hover{color:var(--text-primary)}.image-preview-fade-enter-active[data-v-9ed60a38],.image-preview-fade-leave-active[data-v-9ed60a38]{transition:opacity .3s}.image-preview-fade-enter-from[data-v-9ed60a38],.image-preview-fade-leave-to[data-v-9ed60a38]{opacity:0}
