canvas[data-v-86436493]{background:#fff}.preview-images[data-v-86436493]{margin-top:30px;padding:20px;background-color:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.dark .preview-images[data-v-86436493]{background-color:#374151;border-color:#4b5563}.preview-title[data-v-86436493]{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:16px;text-align:center}.dark .preview-title[data-v-86436493]{color:#f3f4f6}.preview-grid[data-v-86436493]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.preview-image[data-v-86436493]{width:100%;height:200px;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.preview-image[data-v-86436493]:hover{transform:translateY(-2px);box-shadow:0 8px 15px -3px #0000001a}@media (max-width: 1024px){.grid.lg\:grid-cols-4[data-v-86436493]{grid-template-columns:1fr}.lg\:col-span-3[data-v-86436493]{grid-column:span 1}.lg\:col-span-1[data-v-86436493]{grid-column:span 1;order:3}.lg\:col-span-1 .space-y-3[data-v-86436493]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;space-y:0}}@media (max-width: 768px){.grid.md\:grid-cols-3[data-v-86436493]{grid-template-columns:1fr}.lg\:col-span-1 .space-y-3[data-v-86436493]{display:block;space-y:.75rem}.min-h-\[500px\][data-v-86436493]{min-height:300px}}@media (max-width: 640px){.preview-grid[data-v-86436493]{grid-template-columns:1fr}.preview-image[data-v-86436493]{height:150px}.gap-4[data-v-86436493]{gap:.75rem}.space-y-3[data-v-86436493]>*+*{margin-top:.5rem}}