.poster-generator[data-v-86c9ebb8]{min-height:400px}.template-section[data-v-86c9ebb8]{padding:16px 0}.template-container[data-v-86c9ebb8]{align-items:center;display:flex;position:relative}.template-grid[data-v-86c9ebb8]{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:8px 0;scroll-behavior:smooth}.template-grid[data-v-86c9ebb8]::-webkit-scrollbar{height:6px}.template-grid[data-v-86c9ebb8]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.template-grid[data-v-86c9ebb8]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.template-grid[data-v-86c9ebb8]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.scroll-btn[data-v-86c9ebb8]{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:10}.scroll-btn[data-v-86c9ebb8]:hover{background:#fff;box-shadow:0 4px 12px #0003;color:#0073c6}.scroll-btn-left[data-v-86c9ebb8]{left:-10px}.scroll-btn-right[data-v-86c9ebb8]{right:-10px}.template-item[data-v-86c9ebb8]{border:2px solid #e5e6eb;border-radius:8px;cursor:pointer;flex-shrink:0;overflow:hidden;position:relative;transition:all .3s ease;width:200px}.template-item[data-v-86c9ebb8]:hover{border-color:#0073c6;box-shadow:0 4px 12px #0073c626;transform:translateY(-2px)}.template-item.active[data-v-86c9ebb8]{border-color:#0073c6;box-shadow:0 0 0 2px #0073c633}.template-preview[data-v-86c9ebb8]{display:block;height:400px;-o-object-fit:cover;object-fit:cover;width:100%}.template-overlay[data-v-86c9ebb8]{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.template-item.active .template-overlay[data-v-86c9ebb8],.template-item:hover .template-overlay[data-v-86c9ebb8]{opacity:1}.poster-preview[data-v-86c9ebb8]{padding:16px 0}.preview-container[data-v-86c9ebb8]{background:#f7f8fa;border-radius:8px;margin-bottom:16px;padding:16px;text-align:center}.poster-image[data-v-86c9ebb8]{border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:400px;max-width:100%}.preview-actions[data-v-86c9ebb8]{display:flex;gap:12px;justify-content:center}[data-v-86c9ebb8] .arco-btn-primary{background-color:#0073c6;border-color:#0073c6}[data-v-86c9ebb8] .arco-btn-primary:hover{background-color:#005a9e;border-color:#005a9e}