.cards-page.svelte-f51yrg{max-width:1060px;margin:0 auto;padding:0 24px 80px}.breadcrumb.svelte-f51yrg{padding:20px 0 0}.breadcrumb-link.svelte-f51yrg{font-size:13px;color:var(--text-secondary);text-decoration:none}.breadcrumb-link.svelte-f51yrg:hover{color:var(--text)}.hero.svelte-f51yrg{text-align:center;padding:32px 0 40px}.hero-title.svelte-f51yrg{font-family:var(--font-serif);font-size:clamp(24px,3.5vw,32px);font-weight:400;letter-spacing:-.02em;margin:0 0 10px}.hero-sub.svelte-f51yrg{font-size:14px;line-height:1.7;color:var(--text-secondary);max-width:36em;margin:0 auto}.samples.svelte-f51yrg{display:flex;flex-direction:column;gap:32px;margin-bottom:40px}.sample-card.svelte-f51yrg{background:#fff;border:1.5px solid var(--rule);border-radius:var(--radius);padding:28px;display:flex;gap:28px;align-items:flex-start}.card-previews.svelte-f51yrg{flex-shrink:0;width:280px;display:flex;flex-direction:column;gap:12px}.card-face.svelte-f51yrg{display:flex;flex-direction:column}.face-label.svelte-f51yrg{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:4px}.card-visual.svelte-f51yrg{width:280px;aspect-ratio:85.6 / 54;border:1.5px solid var(--rule);border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column;font-size:10px}.cv-bar.svelte-f51yrg{background:#b41e1e;color:#fff;font-size:9px;font-weight:700;letter-spacing:.04em;text-align:center;padding:6px 0}.cv-body.svelte-f51yrg{flex:1;display:flex;padding:8px 12px 4px;gap:8px}.cv-left.svelte-f51yrg{flex:1;min-width:0}.cv-name.svelte-f51yrg{font-weight:700;font-size:10px;margin-bottom:4px}.cv-directive.svelte-f51yrg{font-size:7.5px;font-weight:700;color:#b41e1e;margin-bottom:4px}.cv-note.svelte-f51yrg{font-size:7px;color:#78716c;line-height:1.4}.cv-right.svelte-f51yrg{width:110px;flex-shrink:0}.cv-label.svelte-f51yrg{font-size:7px;color:#a8a29e;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.cv-alt-label.svelte-f51yrg{margin-top:6px}.cv-agent.svelte-f51yrg{font-size:8.5px;font-weight:600;margin-bottom:1px}.cv-detail.svelte-f51yrg{font-size:8px;color:#57534e}.cv-footer.svelte-f51yrg{display:flex;justify-content:space-between;align-items:center;padding:4px 12px;font-size:7px;color:#a8a29e}.cv-footer-left.svelte-f51yrg{display:flex;align-items:center;gap:4px}.cv-logo.svelte-f51yrg{width:10px;height:10px;border-radius:2px}.cv-back.svelte-f51yrg{padding:0}.cv-back-inner.svelte-f51yrg{flex:1;display:flex;align-items:center;padding:10px 12px;gap:10px}.cv-qr-area.svelte-f51yrg{width:80px;height:80px;flex-shrink:0;border:1.5px solid #e7e5e4;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#fafaf9}.cv-qr-placeholder.svelte-f51yrg{font-size:14px;font-weight:700;color:#d6d3d1;letter-spacing:.05em}.cv-back-text.svelte-f51yrg{flex:1;min-width:0;display:flex;flex-direction:column}.cv-back-heading.svelte-f51yrg{font-size:8.5px;font-weight:700;margin-bottom:3px}.cv-back-desc.svelte-f51yrg{font-size:7px;color:#78716c;line-height:1.4;margin-bottom:auto}.cv-back-bottom.svelte-f51yrg{margin-top:6px}.cv-shortcode.svelte-f51yrg{font-size:7.5px;font-weight:600;color:#57534e;margin-bottom:1px}.cv-url.svelte-f51yrg{font-size:6.5px;color:#a8a29e;margin-bottom:1px}.cv-disclaimer.svelte-f51yrg{font-size:6px;color:#d6d3d1}.sample-info.svelte-f51yrg{flex:1;min-width:0}.sample-name.svelte-f51yrg{font-family:var(--font-serif);font-size:18px;font-weight:500;margin:0 0 6px}.sample-desc.svelte-f51yrg{font-size:13px;line-height:1.6;color:var(--text-secondary);margin:0 0 16px}.sample-actions.svelte-f51yrg{display:flex;gap:10px;flex-wrap:wrap}.btn.svelte-f51yrg{font-family:var(--font-sans);font-size:12px;font-weight:600;padding:8px 16px;border-radius:6px;border:none;cursor:pointer;transition:all .15s}.btn.svelte-f51yrg:disabled{opacity:.5;cursor:not-allowed}.btn-secondary.svelte-f51yrg{background:#f5f5f4;color:var(--text);border:1px solid var(--rule)}.btn-secondary.svelte-f51yrg:hover:not(:disabled){background:#e7e5e4}.btn-primary.svelte-f51yrg{background:var(--accent);color:#fff}.btn-primary.svelte-f51yrg:hover:not(:disabled){background:#7f1d1d}.info-box.svelte-f51yrg{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1.5px solid var(--rule);border-radius:var(--radius);padding:20px}.info-icon.svelte-f51yrg{font-size:18px;color:var(--text-muted);flex-shrink:0}.info-title.svelte-f51yrg{font-size:13px;font-weight:600;margin-bottom:4px}.info-text.svelte-f51yrg{font-size:12px;line-height:1.6;color:var(--text-secondary);margin:0}@media(max-width:768px){.sample-card.svelte-f51yrg{flex-direction:column}.card-previews.svelte-f51yrg,.card-visual.svelte-f51yrg{width:100%}}