.style-picker-wrap{position:relative;flex:0 0 132px;min-width:132px;scroll-snap-align:start}.style-picker-wrap .style-picker-card{width:100%;min-width:0;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.style-picker-wrap:hover .style-picker-card{transform:translateY(-2px);border-color:#aaa59a}.style-picker-wrap.selected .style-picker-card{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.style-preview-trigger{position:absolute;top:12px;right:12px;z-index:1;width:28px;height:28px;border:0;border-radius:50%;background:rgba(29,29,27,.82);color:#fff;font:21px/1 Arial;cursor:pointer;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;box-shadow:0 2px 7px rgba(0,0,0,.2)}.style-picker-wrap:hover .style-preview-trigger,.style-picker-wrap:focus-within .style-preview-trigger{opacity:1;transform:translateY(0)}.style-preview-trigger:hover{background:var(--ink)}.style-preview-dialog{width:min(960px,94vw);max-height:92vh}.style-preview-dialog h2{padding-right:28px}.style-preview-dialog img{display:block;max-width:100%;max-height:calc(92vh - 120px);margin:18px auto 0;object-fit:contain;border:1px solid var(--line);border-radius:7px;background:#f1eee7}@media(max-width:720px){.style-picker-wrap{flex-basis:118px;min-width:118px}.style-preview-trigger{opacity:1;transform:none;top:10px;right:10px}}