.html-entity-converter{width:100%;padding:var(--s5);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);gap:var(--s4);flex-direction:column;margin:0 auto;display:flex}.html-entity-converter .directions{gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.html-entity-converter .directions button[aria-pressed=true]{background-color:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:650}.html-entity-converter .directions button[aria-pressed=true]:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.html-entity-converter .option{align-items:center;gap:var(--s2);min-height:var(--tap);padding:var(--s2) var(--s3);background-color:var(--surface-inset);border:1px solid var(--border);border-radius:var(--r-sm);display:flex}.html-entity-converter .option label{cursor:pointer;flex:1;font-size:.84rem}.html-entity-converter .head{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.html-entity-converter .head-actions{gap:var(--s2);display:flex}.html-entity-converter .head button{min-height:34px;padding:0 var(--s3);font-size:.82rem}.html-entity-converter .head button:disabled{opacity:.5;cursor:not-allowed}.html-entity-converter textarea{min-height:130px;font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.85rem}.html-entity-converter #ent-output{background-color:var(--surface-inset);color:var(--text)}.html-entity-converter .bad{color:var(--danger);overflow-wrap:anywhere;font-size:.82rem;font-weight:550;line-height:1.5}.html-entity-converter .essentials h2{margin-bottom:var(--s3);font-size:.95rem}.html-entity-converter .essentials ul{gap:var(--s2);flex-direction:column;list-style:none;display:flex}.html-entity-converter .essentials li{align-items:baseline;gap:var(--s2);padding:var(--s2) var(--s3);background-color:var(--surface-inset);border:1px solid var(--border);border-radius:var(--r-sm);grid-template-columns:2.2rem 8.5rem 1fr;font-size:.82rem;display:grid}.html-entity-converter .essentials .forms{font-family:var(--font-mono);color:var(--accent);white-space:nowrap;font-size:.78rem}.html-entity-converter .essentials .why{color:var(--text-2);line-height:1.5}.html-entity-converter .context{padding-top:var(--s3);color:var(--text-2);font-size:.84rem;line-height:1.6}.html-entity-converter code{background-color:var(--surface-inset);font-family:var(--font-mono);border-radius:3px;padding:1px 4px;font-size:.85em}@media (max-width:620px){.html-entity-converter .essentials li{grid-template-columns:2.2rem 1fr}.html-entity-converter .essentials .why{grid-column:1/-1}}