.variation-showcase-empty[data-v-cc323d59]{display:flex;flex-direction:column;box-sizing:border-box;min-width:0;height:100%;padding:1rem;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-elevated)}.variation-showcase-empty h2[data-v-cc323d59]{margin:0;color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-heading-xs);font-weight:700;line-height:1.3}.variation-showcase-empty__body[data-v-cc323d59]{display:flex;flex:1;min-height:18rem;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-secondary);text-align:center}.variation-showcase-empty__body p[data-v-cc323d59]{margin:0;color:var(--text-primary);font-weight:700}.variation-showcase-empty__body span[data-v-cc323d59]{font-size:var(--text-body-sm)}.variation-view[data-v-9cc6a61a]{display:flex;flex-direction:column;gap:1.25rem;align-items:stretch;font-family:var(--font-sans);font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1}@media(min-width:1024px){.variation-view[data-v-9cc6a61a]{gap:1.5rem}}.sr-only[data-v-9cc6a61a]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.variation-sidebar[data-v-9cc6a61a]{display:flex;flex-direction:column;gap:1rem}.variation-sidebar__body[data-v-9cc6a61a]{min-width:0;padding:1.15rem 1.25rem;border:1px solid color-mix(in oklab,var(--peach-soft) 32%,var(--border-subtle));border-radius:var(--radius-lg);background:color-mix(in oklab,var(--bg-elevated) 94%,var(--peach-wash));box-shadow:var(--shadow-soft)}.variation-workspace[data-v-9cc6a61a]{display:grid;gap:1.25rem;align-items:start}.variation-case-showcase[data-v-9cc6a61a]{min-width:0;width:100%}.variation-case-showcase[data-v-9cc6a61a] .image-comparison-showcase{height:auto;padding-top:.75rem;padding-bottom:.75rem}.variation-case-showcase[data-v-9cc6a61a] .image-comparison-showcase__head{margin-bottom:.4rem}.variation-case-showcase[data-v-9cc6a61a] .image-comparison-showcase__head h2{font-size:var(--text-lead)}.variation-case-showcase[data-v-9cc6a61a] .image-comparison-showcase__image{border-color:color-mix(in oklab,var(--peach-strong) 42%,var(--border-subtle));box-shadow:0 4px 10px color-mix(in oklab,var(--text-primary) 13%,transparent)}.variation-case-showcase[data-v-9cc6a61a] .image-comparison-showcase__image-label{padding:.15rem .38rem;background:color-mix(in oklab,var(--text-primary) 78%,transparent);color:var(--bg-elevated);font-size:var(--text-overline);box-shadow:0 1px 4px color-mix(in oklab,var(--text-primary) 18%,transparent)}.variation-case-showcase[data-v-9cc6a61a] .image-comparison-showcase__guide{min-height:2.75rem;margin-top:.45rem;padding-top:.25rem;padding-bottom:.15rem}@container (min-width: 38rem){.variation-case-showcase[data-v-9cc6a61a] .image-comparison-showcase__stage:not(.image-comparison-showcase__stage--single,.image-comparison-showcase__stage--double) .image-comparison-showcase__example:nth-child(2){transform:translateY(.55rem)}}@media(min-width:1024px){.variation-workspace[data-v-9cc6a61a]{grid-template-columns:minmax(20rem,4fr) minmax(24rem,6fr);gap:1.5rem;margin-left:auto;margin-right:auto;width:100%;align-items:stretch}.variation-sidebar[data-v-9cc6a61a]{display:flex;flex-direction:column;align-self:stretch;min-height:0;height:100%}.variation-sidebar .tool-left-frame[data-v-9cc6a61a]{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%}.variation-sidebar .tool-left-frame--stack>.variation-card--soft[data-v-9cc6a61a]{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.variation-sidebar .tool-left-frame--stack>.variation-card--actions[data-v-9cc6a61a]{flex:0 0 auto}.variation-case-showcase[data-v-9cc6a61a]{display:flex;flex-direction:column;align-self:stretch;min-height:0;height:100%}}.variation-card[data-v-9cc6a61a]{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;animation:variation-card-slide-in-9cc6a61a .45s var(--ease-out-quint) both}.variation-sidebar__body>.variation-card+.variation-card[data-v-9cc6a61a]{margin-top:1.1rem;padding-top:1.1rem;border-top:1px dashed var(--border-subtle)}.variation-sidebar__body>.variation-card[data-v-9cc6a61a]:nth-child(1){animation-delay:.36s}.variation-sidebar__body>.variation-card[data-v-9cc6a61a]:nth-child(2){animation-delay:.44s}.variation-sidebar__body>.variation-card[data-v-9cc6a61a]:nth-child(3){animation-delay:.52s}@keyframes variation-card-slide-in-9cc6a61a{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.variation-card__head[data-v-9cc6a61a]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.variation-card__head--compact[data-v-9cc6a61a]{margin-bottom:.625rem}.variation-card__label[data-v-9cc6a61a]{font-size:var(--text-label);font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text-primary)}.variation-card__badge[data-v-9cc6a61a]{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:4px;background:color-mix(in oklab,var(--peach-soft) 72%,var(--surface-blend));border:1px solid color-mix(in oklab,var(--peach-soft) 50%,transparent);color:var(--text-strong);font-size:var(--text-caption);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.variation-card__footer[data-v-9cc6a61a]{margin-top:.875rem}.variation-card--soft[data-v-9cc6a61a]{background:transparent}.variation-card--actions[data-v-9cc6a61a]{padding-top:1.1rem;background:transparent;border-color:transparent;box-shadow:none}.variation-field__label[data-v-9cc6a61a]{font-size:var(--text-label);font-weight:600;line-height:1.35;letter-spacing:.01em;color:var(--text-primary)}.variation-field__head[data-v-9cc6a61a]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.variation-field__head[data-v-9cc6a61a] .n-checkbox{flex-shrink:0}.variation-field__optional[data-v-9cc6a61a]{margin-left:.35rem;font-size:.75rem;font-weight:400;color:var(--text-muted)}.variation-field__smart-hint[data-v-9cc6a61a]{margin:0;padding:.875rem 1rem;border:1px dashed color-mix(in oklab,var(--peach-soft) 42%,var(--border-subtle));border-radius:var(--radius-md);background:color-mix(in oklab,var(--peach-wash) 55%,var(--bg-elevated));font-size:var(--text-caption);line-height:1.55;color:var(--text-secondary)}.variation-field__label-note[data-v-9cc6a61a]{margin-left:.35rem;font-size:.75rem;font-weight:400;color:var(--text-muted)}.variation-field__hint[data-v-9cc6a61a]{margin-top:.25rem;margin-bottom:.5rem;font-size:var(--text-caption);font-weight:400;line-height:1.5;color:var(--text-muted)}.variation-form[data-v-9cc6a61a]{display:grid;gap:1rem}.variation-choice[data-v-9cc6a61a]{min-width:0;margin:0;padding:0;border:0}.variation-choice__label[data-v-9cc6a61a]{margin-bottom:.5rem;padding:0;color:var(--text-primary);font-size:var(--text-label);font-weight:600;line-height:1.35}.variation-choice__options[data-v-9cc6a61a]{display:grid;gap:.5rem}.variation-choice__options--strength[data-v-9cc6a61a]{grid-template-columns:repeat(3,minmax(0,1fr))}.variation-choice__options--count[data-v-9cc6a61a]{grid-template-columns:repeat(4,minmax(0,1fr))}.variation-choice__option[data-v-9cc6a61a]{position:relative;min-width:0;cursor:pointer}.variation-choice__input[data-v-9cc6a61a]{position:absolute;width:1px;height:1px;opacity:0}.variation-choice__face[data-v-9cc6a61a]{display:flex;min-height:2.375rem;align-items:center;justify-content:center;border:1px solid transparent;border-radius:.5rem;background:var(--bg-muted);color:var(--text-primary);font-size:var(--text-body-sm);transition:background-color .2s ease,border-color .2s ease,color .2s ease}.variation-choice__option:hover .variation-choice__face[data-v-9cc6a61a]{border-color:color-mix(in oklab,var(--peach-strong) 35%,var(--peach-soft))}.variation-choice__input:checked+.variation-choice__face[data-v-9cc6a61a]{border-color:color-mix(in oklab,var(--peach-strong) 35%,var(--peach-soft));background:var(--peach-soft);color:var(--text-primary);font-weight:600}.variation-choice__input:focus-visible+.variation-choice__face[data-v-9cc6a61a]{outline:2px solid var(--peach-strong);outline-offset:2px}.variation-adv[data-v-9cc6a61a]{display:flex;flex-direction:column;gap:.65rem}.variation-dropzone[data-v-9cc6a61a]{position:relative;width:100%;min-height:var(--workspace-dropzone-min-height);padding:.875rem;border:1.5px dashed color-mix(in oklab,var(--peach-soft) 28%,var(--border-subtle));border-radius:var(--radius-md);background:color-mix(in oklab,var(--peach-wash) 42%,var(--bg-canvas));transition:border-color .25s var(--ease-out-quint),background-color .25s var(--ease-out-quint),box-shadow .25s var(--ease-out-quint)}.variation-dropzone[data-v-9cc6a61a]:hover,.variation-dropzone--active[data-v-9cc6a61a]{border-color:var(--peach-strong);background:color-mix(in oklab,var(--peach-soft) 78%,var(--surface-blend));box-shadow:0 0 0 3px color-mix(in oklab,var(--peach-strong) 15%,transparent),0 4px 16px color-mix(in oklab,var(--peach-soft) 40%,transparent)}.variation-dropzone--filled[data-v-9cc6a61a]{padding:.75rem}.variation-dropzone__empty[data-v-9cc6a61a]{display:flex;width:100%;min-height:var(--workspace-dropzone-empty-min-height);flex-direction:column;align-items:center;justify-content:center;gap:.375rem;border:0;background:transparent;cursor:pointer}.variation-dropzone__icon[data-v-9cc6a61a]{display:flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--peach-soft);color:var(--text-primary)}.variation-dropzone__label[data-v-9cc6a61a]{font-size:var(--text-body-sm);font-weight:600;line-height:1.4;color:var(--text-primary)}.variation-dropzone__hint[data-v-9cc6a61a]{font-size:.6875rem;color:var(--text-muted)}.variation-upload-grid[data-v-9cc6a61a]{width:100%}.variation-upload-grid__head[data-v-9cc6a61a]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;font-size:var(--text-caption);color:var(--text-muted)}.variation-upload-grid__items[data-v-9cc6a61a]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.variation-upload-grid__item[data-v-9cc6a61a]{position:relative;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-canvas);aspect-ratio:1;cursor:pointer}.variation-upload-grid__item--active[data-v-9cc6a61a]{border-color:var(--border-subtle);box-shadow:none}.variation-upload-grid__img[data-v-9cc6a61a]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:var(--bg-canvas)}.variation-upload-grid__adder[data-v-9cc6a61a]{display:flex;aspect-ratio:1;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;border:1px dashed var(--border-subtle);border-radius:var(--radius-md);background:color-mix(in oklab,var(--bg-canvas) 92%,var(--surface-blend));color:var(--text-secondary);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.variation-upload-grid__adder--row[data-v-9cc6a61a]{width:100%;min-height:2.5rem;aspect-ratio:auto;flex-direction:row;margin-top:.5rem}.variation-upload-grid__item--overflow .variation-upload-grid__img[data-v-9cc6a61a]{filter:saturate(.92)}.variation-upload-grid__more-mask[data-v-9cc6a61a]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:color-mix(in oklab,white 78%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.variation-upload-grid__more-count[data-v-9cc6a61a]{color:var(--text-primary);font-size:1.4rem;font-weight:700;line-height:1}.variation-all-images-modal[data-v-9cc6a61a] .n-card-header{padding-bottom:.25rem}.variation-all-images-modal__lead[data-v-9cc6a61a]{margin:0 0 .75rem;color:var(--text-secondary);font-size:var(--text-caption);line-height:1.6}.variation-all-images-modal__grid[data-v-9cc6a61a]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;max-height:min(30rem,60vh);align-content:start;overflow-y:auto;padding-right:.125rem;scrollbar-gutter:stable}@media(max-width:640px){.variation-upload-grid__items[data-v-9cc6a61a],.variation-all-images-modal__grid[data-v-9cc6a61a]{grid-template-columns:repeat(3,minmax(0,1fr))}.variation-all-images-modal__grid[data-v-9cc6a61a]{max-height:min(19rem,60vh)}}.variation-upload-grid__adder[data-v-9cc6a61a]:hover{border-color:var(--peach-strong);background:color-mix(in oklab,var(--peach-wash) 72%,var(--bg-elevated));color:var(--peach-strong)}.variation-upload-grid__adder-icon[data-v-9cc6a61a]{display:inline-flex}.variation-upload-grid__adder-text[data-v-9cc6a61a]{font-size:.75rem;font-weight:600}.variation-cta--ghost[data-v-9cc6a61a]{background:transparent!important;border-color:color-mix(in oklab,var(--peach-strong) 35%,transparent)!important;color:var(--peach-strong)!important}html.dark .variation-card--soft[data-v-9cc6a61a]{background:transparent}html.dark .variation-sidebar__body[data-v-9cc6a61a]{background:color-mix(in oklab,var(--bg-elevated) 92%,var(--peach-wash));border-color:color-mix(in oklab,var(--peach-soft) 28%,var(--border-subtle))}html.dark .variation-card__badge[data-v-9cc6a61a]{background:color-mix(in oklab,var(--peach-soft) 34%,var(--bg-muted));color:var(--text-primary)}html.dark .variation-field__smart-hint[data-v-9cc6a61a]{background:color-mix(in oklab,var(--peach-soft) 16%,var(--bg-muted));border-color:color-mix(in oklab,var(--peach-soft) 30%,var(--border-subtle))}html.dark .variation-dropzone[data-v-9cc6a61a]{background:color-mix(in oklab,var(--peach-wash) 22%,var(--bg-canvas))}html.dark .variation-dropzone[data-v-9cc6a61a]:hover,html.dark .variation-dropzone--active[data-v-9cc6a61a]{background:color-mix(in oklab,var(--peach-soft) 16%,var(--bg-elevated));border-color:color-mix(in oklab,var(--peach-soft) 48%,var(--border-subtle));box-shadow:0 0 0 3px color-mix(in oklab,var(--peach-soft) 18%,transparent)}
