Vcsm | Font

textarea.addEventListener('input', (e) => updatePreview(e.target.value); );

.controls display: flex; gap: 1rem; justify-content: center; margin: 1rem 0;

function updatePreview(text) " ";

.vcsm-preview font-family: 'VCSM', monospace; font-size: 1.8rem; background: white; padding: 1.5rem; border-radius: 24px; margin: 1.5rem 0; border: 1px solid rgba(0,0,0,0.05); min-height: 100px; word-break: break-word;

button:hover background: #2d3748; transform: scale(0.97); vcsm font

const samples = [ "VCSM — bold & minimal", "Sphinx of black quartz, judge my vow", "0123456789 !@#$%^&*()", "Design • Code • Type" ];

textarea width: 100%; padding: 0.75rem; font-size: 1rem; border-radius: 20px; border: 1px solid #ccc; font-family: inherit; margin-top: 0.5rem; textarea

button background: #1a1e2b; color: white; border: none; padding: 0.6rem 1.4rem; border-radius: 60px; font-weight: 500; cursor: pointer; transition: 0.2s;