.style-grid[data-v-1159d4a7]{grid-template-columns:repeat(auto-fill,minmax(144px,1fr))}.style-grid[data-v-1159d4a7],.style-row[data-v-1159d4a7]{display:grid;gap:.625rem}.style-row[data-v-1159d4a7]{grid-auto-columns:160px;grid-auto-flow:column;max-width:100%;min-width:0;overflow-x:auto;padding:3px 3px .625rem}.style-card[data-v-1159d4a7]{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;min-width:0;padding:.375rem .375rem .625rem;position:relative}.style-card.is-selected[data-v-1159d4a7],.style-card[data-v-1159d4a7]:hover{border-color:hsl(var(--primary))}.style-card.is-selected[data-v-1159d4a7]{box-shadow:0 0 0 1px hsl(var(--primary))}.style-card[data-v-1159d4a7]:focus-within{outline:2px solid hsl(var(--primary));outline-offset:3px}.style-preview[data-v-1159d4a7]{align-items:center;aspect-ratio:4/3;background:#14161a;border-radius:.5rem;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.selected-preview[data-v-1159d4a7]{margin-inline:auto;max-width:540px}.clip-preview[data-v-1159d4a7]{display:block;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;width:100%}.clip-preview.is-framed[data-v-1159d4a7]{height:var(--demo-height);left:var(--demo-left);max-width:none;-o-object-fit:fill;object-fit:fill;position:absolute;top:var(--demo-top);width:var(--demo-width)}.style-name[data-v-1159d4a7]{color:hsl(var(--foreground));font-size:.8125rem;font-weight:600;line-height:1.25;padding-inline:.25rem;text-align:center}.selected-badge[data-v-1159d4a7]{background:hsl(var(--primary));border-radius:999px;color:hsl(var(--primary-foreground));font-size:.625rem;font-weight:600;inset-inline-end:.625rem;max-width:calc(100% - 1.25rem);padding:.125rem .375rem;position:absolute;top:.625rem}.motion-button[data-v-1159d4a7]:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.motion-button[data-v-1159d4a7]:disabled{cursor:default;opacity:.7}@media (max-width:360px){.style-grid[data-v-1159d4a7]{grid-template-columns:repeat(2,minmax(0,1fr))}.style-row[data-v-1159d4a7]{grid-auto-columns:148px}}