.evos-vanity-preview{background:var(--evos-preview-surface,#f1f0ed);width:100%;min-width:0;color:var(--evos-preview-ink,#173d5d)}.evos-vanity-preview-stage{isolation:isolate;width:100%;height:clamp(330px,32vw,430px);position:relative;overflow:hidden}.evos-vanity-preview-fallback,.evos-vanity-preview-stage>.viewport{width:100%;height:100%;position:absolute;inset:0}.evos-vanity-preview-fallback{z-index:1;transition:opacity .25s}.evos-vanity-preview-fallback img{object-fit:cover;width:100%;height:100%}.evos-vanity-preview-stage[data-ready=true] .evos-vanity-preview-fallback{opacity:0;pointer-events:none}.evos-vanity-preview-stage>.viewport canvas{touch-action:pan-y pinch-zoom;width:100%;height:100%;display:block}.evos-vanity-preview-stage:not([data-ready=true])>.viewport{visibility:hidden}.evos-vanity-preview-stage .texture-note,.evos-vanity-preview-stage .texture-status,.evos-vanity-preview-stage .viewport-error{display:none}.evos-vanity-preview-keyboard{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.evos-vanity-preview :is(button,select,.evos-vanity-preview-stage):focus-visible{outline:2px solid var(--evos-preview-accent,#173d5d);outline-offset:3px}.evos-vanity-preview-status{z-index:2;background:#fffffff0;border-radius:4px;width:fit-content;max-width:calc(100% - 36px);margin:0;padding:8px 12px;font:12px/1.5 system-ui,sans-serif;position:absolute;bottom:12px;left:18px;right:18px}.evos-vanity-preview-caption{box-sizing:border-box;border-top:1px solid var(--evos-preview-line,#dedbd4);min-height:276px;padding:16px 24px 24px}.evos-vanity-preview-caption>p{color:var(--evos-preview-muted,#66645e);min-height:2.5em;margin:10px 0 18px;font-size:11px;line-height:1.5}.evos-vanity-preview-configure{background:var(--evos-preview-accent,#173d5d);color:#fff;border:1px solid var(--evos-preview-accent,#173d5d);cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:14px 18px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.5;display:flex}.evos-vanity-preview-configure:hover{background:var(--evos-preview-hover,#102b43)}@media (max-width:860px){.evos-vanity-preview-stage{height:390px}.evos-vanity-preview-caption{padding:18px 7vw 24px}}@media (prefers-reduced-motion:reduce){.evos-vanity-preview-fallback{transition:none}}.evos-preview-gallery{min-width:0}.evos-preview-gallery-heading{text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.evos-preview-gallery-heading>div{gap:4px;display:flex}.evos-preview-gallery-heading button{border:1px solid var(--evos-preview-line,#dedbd4);width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;font-size:20px;display:grid}.evos-preview-gallery-heading button:hover{background:#ffffff80}.evos-preview-gallery-rail{--card-width:130px;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:8px calc(50% - var(--card-width)/2) 10px;touch-action:pan-x pan-y pinch-zoom;gap:10px;display:flex;position:relative;overflow-x:auto}.evos-preview-gallery-rail::-webkit-scrollbar{display:none}.evos-preview-gallery-card{flex:0 0 var(--card-width);width:var(--card-width);scroll-snap-align:center;box-sizing:border-box;min-width:0;color:inherit;text-align:center;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-bottom-width:2px;border-radius:4px;padding:9px 8px}.evos-preview-gallery-card.is-selected{border-color:var(--evos-preview-line,#dedbd4);border-bottom-color:var(--evos-preview-accent,#173d5d);background:#ffffffa6}.evos-preview-gallery-drawing{height:68px;margin-bottom:7px;display:block}.evos-preview-gallery-drawing svg{width:100%;height:100%;display:block}.evos-preview-gallery-card strong{font-size:11px;font-weight:600;line-height:1.5;display:block}.evos-preview-gallery-card small{color:var(--evos-preview-muted,#66645e);white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.5;display:block;overflow:hidden}.evos-preview-gallery-card:focus-visible{outline-offset:-3px}@media (max-width:860px){.evos-vanity-preview-stage{height:clamp(300px,85vw,390px)}.evos-vanity-preview-caption{padding:8px 6vw 22px}.evos-preview-gallery-rail{--card-width:116px}.evos-preview-gallery-heading button{width:44px;height:44px}}