.style-grid[data-v-9ef957b9]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.style-grid[data-v-9ef957b9],.style-row[data-v-9ef957b9]{display:grid;gap:.625rem}.style-row[data-v-9ef957b9]{grid-auto-columns:128px;grid-auto-flow:column;max-width:100%;min-width:0;overflow-x:auto;padding:3px 3px .625rem}.style-card[data-v-9ef957b9]{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-9ef957b9],.style-card[data-v-9ef957b9]:hover{border-color:hsl(var(--primary))}.style-card.is-selected[data-v-9ef957b9]{box-shadow:0 0 0 1px hsl(var(--primary))}.style-card[data-v-9ef957b9]:focus-within{outline:2px solid hsl(var(--primary));outline-offset:3px}.style-preview[data-v-9ef957b9]{aspect-ratio:9/16;background:#000;border-radius:.625rem;overflow:hidden;position:relative;width:100%}.caption-band[data-v-9ef957b9]{align-items:center;aspect-ratio:4/3;display:flex;inset-inline:0;justify-content:center;overflow:hidden;position:absolute;top:41%}.unavailable[data-v-9ef957b9]{color:#fff;font-size:.75rem;padding-inline:.5rem;text-align:center}.reel-chrome[data-v-9ef957b9]{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.reel-chrome i[data-v-9ef957b9]{background:#ffffff47;display:block}.reel-progress[data-v-9ef957b9]{background:linear-gradient(90deg,#ffffffbf 38%,#ffffff38 0);border-radius:1px;height:2px;position:absolute;top:3.5%;inset-inline:6%}.reel-actions[data-v-9ef957b9]{bottom:13%;display:flex;flex-direction:column;gap:.5rem;inset-inline-end:5%;position:absolute}.reel-actions i[data-v-9ef957b9]{border-radius:999px;height:.5rem;width:.5rem}.reel-meta[data-v-9ef957b9]{bottom:4.5%;display:flex;flex-direction:column;gap:.25rem;inset-inline-start:6%;position:absolute;width:46%}.reel-meta i[data-v-9ef957b9]{border-radius:999px;height:.25rem}.reel-meta i+i[data-v-9ef957b9]{width:70%}.selected-preview[data-v-9ef957b9]{margin-inline:auto;width:min(100%,16rem,27vh)}.selected-preview .reel-actions[data-v-9ef957b9]{gap:.75rem}.selected-preview .reel-actions i[data-v-9ef957b9]{height:.875rem;width:.875rem}.selected-preview .reel-meta[data-v-9ef957b9]{gap:.375rem}.selected-preview .reel-meta i[data-v-9ef957b9]{height:.375rem}.clip-preview[data-v-9ef957b9]{display:block;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;width:100%}.clip-preview.is-framed[data-v-9ef957b9]{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-9ef957b9]{color:hsl(var(--foreground));font-size:.8125rem;font-weight:600;line-height:1.25;padding-inline:.25rem;text-align:center}.selected-badge[data-v-9ef957b9]{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-9ef957b9]:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.motion-button[data-v-9ef957b9]:disabled{cursor:default;opacity:.7}@media (max-width:360px){.style-grid[data-v-9ef957b9]{grid-template-columns:repeat(2,minmax(0,1fr))}.style-row[data-v-9ef957b9]{grid-auto-columns:120px}}