.preset-preview,
.template-preview{background:var(--bg-accent);border:2px solid var(--border-interactive);border-radius:var(--radius-md);box-shadow:0 2px 8px var(--shadow-default);margin:var(--space-lg) 0;padding:var(--space-lg);transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.preset-preview:hover,
.template-preview:hover{border-color:var(--interactive-primary-hover);box-shadow:0 4px 12px var(--shadow-strong)}.builder-card.collapsed .preset-preview,
.builder-card.collapsed .template-preview{display:none}.preview-header{margin-bottom:var(--space-md)}.preview-name{background:var(--bg-surface);border:2px solid var(--border-default);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-primary);font-size:1.1rem;font-weight:600;margin:0 0 var(--space-md) 0;padding:var(--space-md);text-align:left;width:100%}.preset-preview-title{align-items:baseline;display:flex;gap:var(--space-md)}.preview-documents{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.preview-doc-tag:hover{background:var(--bg-primary);box-shadow:0 2px 6px rgba(0,0,0,.15);transform:translateY(-1px)}