.cpz-ui.cpz-fontgen{max-inline-size:520px;margin-inline:auto;margin-block:var(--cpz-s-5)}.cpz-ui .cpz-fontgen__card{padding:var(--cpz-s-5);background:var(--cpz-surface);border:1px solid var(--cpz-border);border-radius:var(--cpz-r-lg);box-shadow:var(--cpz-shadow-1);text-align:center}.cpz-ui .cpz-fontgen__title{margin:0 0 var(--cpz-s-4);font-size:var(--cpz-fs-h3);font-weight:800;line-height:var(--cpz-lh-tight);color:var(--cpz-text)}.cpz-ui .cpz-fontgen__form{gap:var(--cpz-s-2);align-items:stretch;margin-block-end:var(--cpz-s-4);display:flex}.cpz-ui .cpz-fontgen__input{text-align:start;direction:ltr;flex:auto;min-inline-size:0}.cpz-ui .cpz-fontgen__generate{white-space:nowrap;flex:none}.cpz-ui .cpz-fontgen__results{gap:var(--cpz-s-3);flex-direction:column;display:flex}.cpz-ui .cpz-fontgen__result{justify-content:space-between;align-items:center;gap:var(--cpz-s-3);min-block-size:44px;padding-block:var(--cpz-s-3);padding-inline:var(--cpz-s-4);background:var(--cpz-surface-2);border:1px solid var(--cpz-border);border-radius:var(--cpz-r-md);display:flex}.cpz-ui .cpz-fontgen__result .cod-result-text{text-align:start;font-size:var(--cpz-fs-h4);letter-spacing:2px;color:var(--cpz-text);word-break:break-word;direction:ltr}.cpz-ui .cpz-fontgen__copy{padding-block:var(--cpz-s-1);padding-inline:var(--cpz-s-3);font-size:var(--cpz-fs-caption);flex:none}@media (width<=480px){.cpz-ui .cpz-fontgen__form{flex-direction:column}}