.image-preview-dialog-mask[data-v-9994fb48]{align-items:center;backdrop-filter:blur(4rem);-webkit-backdrop-filter:blur(4rem);background:#0f1010cc;display:flex;inset:0;justify-content:center;padding:2.4rem;position:fixed;z-index:1000}.image-preview-dialog[data-v-9994fb48]{display:flex;gap:var(--spacing-4);height:min(73.4rem,calc(100vh - 4.8rem));width:min(125.2rem,calc(100vw - 4.8rem))}.image-preview-dialog-stage[data-v-9994fb48]{align-items:center;background-color:var(--surface-panel-light);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:var(--radius-3xl);box-sizing:border-box;display:flex;flex:1;height:100%;justify-content:center;min-width:0;overflow:hidden;position:relative}.image-preview-dialog-stage[data-v-9994fb48]:before{backdrop-filter:blur(4rem) saturate(1.2);-webkit-backdrop-filter:blur(4rem) saturate(1.2);background:#00000059;content:"";inset:0;position:absolute;z-index:0}.image-preview-dialog-stage-frame[data-v-9994fb48]{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%;z-index:1}.image-preview-dialog-stage-frame img[data-v-9994fb48]{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.image-preview-dialog-nav[data-v-9994fb48]{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.image-preview-dialog-nav--prev[data-v-9994fb48]{left:var(--spacing-6)}.image-preview-dialog-nav--next[data-v-9994fb48]{right:var(--spacing-6)}.image-preview-dialog-side[data-v-9994fb48]{background:var(--surface-offblack-pannel);border-radius:var(--radius-3xl);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow:hidden;width:32rem}.image-preview-dialog-header[data-v-9994fb48]{align-items:center;border-bottom:.05rem solid var(--stroke-light);display:flex;gap:var(--spacing-3);padding:var(--spacing-4)}.image-preview-dialog-header h3[data-v-9994fb48]{color:var(--text-icon-white-primary);flex:1;font-size:1.4rem;font-weight:600;line-height:1.2;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-preview-dialog-close[data-v-9994fb48]{align-items:center;background:var(--surface-panel-light);border:0;border-radius:var(--radius-m);color:var(--text-icon-white-primary);cursor:pointer;display:inline-flex;flex-shrink:0;height:var(--component-size-s);justify-content:center;padding:0;transition:background .15s ease;width:var(--component-size-s)}.image-preview-dialog-close[data-v-9994fb48]:hover{background:var(--surface-panel-normal)}.image-preview-dialog-thumbs[data-v-9994fb48]{display:grid;flex-shrink:0;gap:var(--spacing-3);grid-template-columns:repeat(4,1fr);padding:var(--spacing-3)}.image-preview-dialog-thumb[data-v-9994fb48]{aspect-ratio:1/1;background:var(--surface-black-bg);border:.2rem solid transparent;border-radius:var(--radius-m);box-sizing:border-box;cursor:pointer;overflow:hidden;padding:0;position:relative;transition:border-color .15s ease,padding .15s ease}.image-preview-dialog-thumb img[data-v-9994fb48]{border-radius:calc(var(--radius-m) - .2rem);height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.image-preview-dialog-thumb.is-active[data-v-9994fb48]{border-color:var(--stroke-brand);padding:.2rem}.image-preview-dialog-body[data-v-9994fb48]{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto;scrollbar-width:thin}.image-preview-dialog-section[data-v-9994fb48]{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4)}.image-preview-dialog-section--prompt[data-v-9994fb48]{flex:1;min-height:0}.image-preview-dialog-section-title[data-v-9994fb48]{color:var(--text-icon-white-secondary);font-size:1.2rem;font-weight:400;line-height:1.5;margin:0;padding:0 var(--spacing-1)}.image-preview-dialog-tags[data-v-9994fb48]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.image-preview-dialog-tag[data-v-9994fb48]{align-items:center;background:var(--surface-panel-light);border-radius:var(--radius-m);color:var(--text-icon-white-secondary);display:inline-flex;font-size:1.2rem;gap:var(--spacing-2);height:var(--component-size-m);line-height:1.5;padding:0 var(--spacing-3);white-space:nowrap}.image-preview-dialog-tag-style[data-v-9994fb48]{overflow:hidden;padding-left:0;padding-right:var(--spacing-2)}.image-preview-dialog-tag-style img[data-v-9994fb48]{border-radius:var(--radius-m);height:var(--component-size-m);-o-object-fit:cover;object-fit:cover;width:var(--component-size-m)}.image-preview-dialog-tag-divider[data-v-9994fb48]{background:var(--text-icon-white-disable);height:2rem;width:.05rem}.image-preview-dialog-reference-images[data-v-9994fb48]{display:flex;flex-wrap:wrap;gap:var(--spacing-3);padding:0 var(--spacing-1)}.image-preview-dialog-reference-image[data-v-9994fb48]{background:var(--surface-black-bg);border-radius:var(--radius-m);display:inline-block;height:var(--component-size-m);overflow:hidden;width:var(--component-size-m)}.image-preview-dialog-reference-image img[data-v-9994fb48]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.image-preview-dialog-prompt-card[data-v-9994fb48]{background:var(--surface-panel-light);border-radius:var(--radius-xl);padding:var(--spacing-3)}.image-preview-dialog-prompt[data-v-9994fb48]{color:var(--text-icon-white-secondary);font-size:1.2rem;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.image-preview-dialog-actions[data-v-9994fb48]{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-4);padding:var(--spacing-4)}.image-preview-dialog-actions[data-v-9994fb48] .base-button--icon-only{height:var(--component-size-l);width:var(--component-size-l)}.image-preview-dialog-actions[data-v-9994fb48] .image-preview-dialog-action-primary{flex:1;height:var(--component-size-l);min-width:0}.image-preview-dialog-action-tip[data-v-9994fb48]{flex-shrink:0}.image-preview-dialog-action-tip[data-v-9994fb48] .base-hover-tip__trigger{display:inline-flex}.image-preview-fade-enter-active[data-v-9994fb48],.image-preview-fade-leave-active[data-v-9994fb48]{transition:opacity .18s ease}.image-preview-fade-enter-active .image-preview-dialog[data-v-9994fb48],.image-preview-fade-leave-active .image-preview-dialog[data-v-9994fb48]{transition:transform .18s ease}.image-preview-fade-enter-from[data-v-9994fb48],.image-preview-fade-leave-to[data-v-9994fb48]{opacity:0}.image-preview-fade-enter-from .image-preview-dialog[data-v-9994fb48],.image-preview-fade-leave-to .image-preview-dialog[data-v-9994fb48]{transform:scale(.96)}
