.cn-proof-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-10);background:var(--color-surface);box-shadow:var(--shadow-sm)}.cn-proof-eyebrow{font-family:var(--font-mono);font-size:var(--text-1);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-3)}.cn-proof-headline{font-family:var(--font-display);font-size:var(--text-7);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--color-ink);margin-bottom:var(--space-3)}.cn-proof-sub{font-size:var(--text-3);line-height:var(--leading-relaxed);color:var(--color-ink-muted);max-width:56ch;margin-bottom:var(--space-7)}.cn-proof-swatches{display:flex;gap:var(--space-4);margin-bottom:var(--space-7)}.cn-proof-swatch{display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.cn-proof-swatch-chip{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md)}.cn-proof-swatch-chip--border{border:2px solid var(--color-border-strong)}.cn-proof-swatch-label{font-family:var(--font-mono);font-size:var(--text-1);letter-spacing:var(--tracking-wide);color:var(--color-ink-muted);text-transform:lowercase}.cn-proof-type-specimen{font-family:var(--font-display);font-size:var(--text-9);font-weight:700;letter-spacing:var(--tracking-tighter);color:var(--color-ink);line-height:var(--leading-tight);margin-bottom:var(--space-7)}.cn-proof-components{display:flex;flex-direction:column;gap:var(--space-5)}.cn-proof-component-row{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.cn-proof-btn{font-family:var(--font-sans);font-size:var(--text-3);font-weight:600;letter-spacing:var(--tracking-wide);border-radius:var(--radius-full);padding:var(--space-3) var(--space-6);cursor:pointer;border:1px solid transparent;transition:opacity .15s ease}.cn-proof-btn--primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.cn-proof-btn--primary:hover{opacity:.88}.cn-proof-btn--ghost{background:transparent;color:var(--color-ink);border-color:var(--color-border)}.cn-proof-btn--ghost:hover{background:var(--color-bg-subtle)}.cn-proof-badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--text-1);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;background:var(--color-accent);color:var(--color-accent-ink);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3)}.cn-proof-card{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);overflow:hidden}.cn-proof-card-accent-bar{width:var(--space-1);background:var(--color-accent);flex-shrink:0}.cn-proof-card-body{padding:var(--space-5) var(--space-6);flex:1 1}.cn-proof-card-title{font-family:var(--font-display);font-size:var(--text-4);font-weight:700;color:var(--color-ink);margin-bottom:var(--space-2)}.cn-proof-card-text{font-size:var(--text-3);line-height:var(--leading-relaxed);color:var(--color-ink-muted)}.cn-proof-code{font-family:var(--font-mono);font-size:var(--text-2);color:var(--color-ink);background:var(--color-bg-subtle);border:1px solid var(--color-border);padding:1px var(--space-2);border-radius:var(--radius-sm)}