.HtmlConverter-module__EZy29G__container{flex-direction:column;gap:28px;display:flex}.HtmlConverter-module__EZy29G__workspace{flex-direction:column;gap:24px;display:flex}@media (min-width:992px){.HtmlConverter-module__EZy29G__workspace{grid-template-columns:1fr 1fr;display:grid}}.HtmlConverter-module__EZy29G__card{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);border:1px solid var(--border);flex-direction:column;gap:16px;padding:24px;display:flex}.HtmlConverter-module__EZy29G__cardHeader{justify-content:space-between;align-items:center;display:flex}.HtmlConverter-module__EZy29G__label{font-family:var(--font-sans);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:800}.HtmlConverter-module__EZy29G__sampleRow{align-items:center;gap:8px;display:flex}.HtmlConverter-module__EZy29G__sampleBtn{background:var(--lime-50);border:1.5px solid var(--lime-200);color:var(--lime-700);font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);padding:4px 8px;font-size:.75rem;font-weight:700}.HtmlConverter-module__EZy29G__sampleBtn:hover{background:var(--lime-100)}.HtmlConverter-module__EZy29G__clearBtn{font-family:var(--font-sans);color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:700}.HtmlConverter-module__EZy29G__textarea{border:1.5px solid var(--border-dark);border-radius:var(--radius-md);width:100%;font-family:var(--font-mono);resize:vertical;transition:all var(--transition-fast);padding:16px;font-size:.95rem;line-height:1.6}.HtmlConverter-module__EZy29G__textarea:focus{border-color:var(--lime-400);outline:none;box-shadow:0 0 0 3px #84cc1626}.HtmlConverter-module__EZy29G__actions{gap:12px;display:flex}.HtmlConverter-module__EZy29G__encodeBtn,.HtmlConverter-module__EZy29G__decodeBtn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex:1;padding:12px;font-size:.85rem;font-weight:700}.HtmlConverter-module__EZy29G__encodeBtn{background:var(--lime-500);border:1.5px solid var(--lime-600);color:var(--text-inverted)}.HtmlConverter-module__EZy29G__encodeBtn:hover{background:var(--lime-600);box-shadow:var(--shadow-sm)}.HtmlConverter-module__EZy29G__decodeBtn{background:var(--bg-secondary);border:1.5px solid var(--border-dark);color:var(--text-secondary)}.HtmlConverter-module__EZy29G__decodeBtn:hover{background:var(--border-dark)}.HtmlConverter-module__EZy29G__copyBtn{background:var(--lime-50);border:1.5px solid var(--lime-200);color:var(--lime-700);font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;padding:4px 8px;font-size:.75rem;font-weight:700}.HtmlConverter-module__EZy29G__copyBtn:hover{background:var(--lime-100)}.HtmlConverter-module__EZy29G__referenceCard{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);border:1px solid var(--border);flex-direction:column;gap:16px;padding:24px;display:flex}.HtmlConverter-module__EZy29G__refTitle{font-family:var(--font-sans);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:800}.HtmlConverter-module__EZy29G__grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (min-width:576px){.HtmlConverter-module__EZy29G__grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.HtmlConverter-module__EZy29G__grid{grid-template-columns:repeat(4,1fr)}}.HtmlConverter-module__EZy29G__refItem{background:var(--bg-base);border:1px solid var(--border-dark);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px;display:flex}.HtmlConverter-module__EZy29G__refCharBox{border:1px solid var(--border-dark);border-radius:var(--radius-sm);width:32px;height:32px;font-family:var(--font-mono);color:var(--lime-600);background:#fff;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.HtmlConverter-module__EZy29G__refInfo{flex-direction:column;gap:2px;display:flex}.HtmlConverter-module__EZy29G__refName{font-family:var(--font-sans);color:var(--text-primary);font-size:.75rem;font-weight:700}.HtmlConverter-module__EZy29G__refEntity{font-family:var(--font-mono);color:var(--text-secondary);font-size:.75rem}