.article-page .encoding-byte-cards,.article-page .encoding-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--cf-space-300);gap:var(--cf-space-300)}.article-page .encoding-byte-card{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);padding:var(--cf-space-350);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-300);background:var(--cf-color-surface-raised)}.article-page .encoding-byte-card__char{font-size:var(--cf-font-size-550);font-weight:var(--cf-font-weight-bold);color:var(--cf-color-text-strong)}.article-page .encoding-workbench-grid{align-items:stretch}.article-page .encoding-inline-control,.article-page .encoding-input{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);color:var(--cf-color-text-secondary)}.article-page .encoding-inline-control input,.article-page .encoding-input textarea{width:100%;border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-200);background:var(--cf-color-surface-input);color:var(--cf-color-text);font:inherit;padding:var(--cf-space-250)}.article-page .encoding-input textarea{min-height:calc(var(--cf-space-1000) + var(--cf-space-500));resize:vertical}.article-page .encoding-inline-control small{color:var(--cf-color-text-tertiary)}.article-page .encoding-mini-output{margin:0}@media(max-width:768px){.article-page .encoding-byte-cards,.article-page .encoding-result-grid{grid-template-columns:1fr}}