.recommended-styles-wrapper[data-v-52fa5751]{width:100%;margin:8px 0}.styles-scroll-container[data-v-52fa5751]{scrollbar-width:thin;-ms-overflow-style:none;scroll-behavior:smooth;flex-wrap:nowrap;gap:8px;width:100%;padding:4px 0;display:flex;overflow-x:auto}.styles-scroll-container[data-v-52fa5751]::-webkit-scrollbar{height:4px}.styles-scroll-container[data-v-52fa5751]::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.style-card[data-v-52fa5751]{cursor:pointer;border:1px solid #0000;border-radius:6px;flex-direction:column;flex:none;align-items:center;gap:4px;width:72px;padding:4px;transition:all .2s;display:flex}.style-card[data-v-52fa5751]:hover{background:#ffffff1a;transform:translateY(-2px)}.style-card[data-v-52fa5751]:active{transform:scale(.98)}.style-image[data-v-52fa5751]{background:#f5f5f5;border-radius:6px;width:64px;height:90px;position:relative;overflow:hidden}.style-image[data-v-52fa5751]:after{content:"";pointer-events:none;background:linear-gradient(#0000 0 50%,#0009);position:absolute;top:0;bottom:0;left:0;right:0}.style-image img[data-v-52fa5751]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.placeholder-image[data-v-52fa5751]{color:#666;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.style-label[data-v-52fa5751]{color:#232425;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:70px;font-size:12px;line-height:1.2;overflow:hidden}@media (prefers-color-scheme:dark){.style-card[data-v-52fa5751]:hover{background:#ffffff1a}.style-image[data-v-52fa5751]{background:#333}.style-label[data-v-52fa5751]{color:#fff}.placeholder-image[data-v-52fa5751]{color:#999}}