.HtmlEntityEncoder_container__warJ4{padding:0 2rem}.HtmlEntityEncoder_main__0s38g{min-height:calc(100vh - 60px);padding:1rem 0 2rem;max-width:1200px;margin:0 auto;width:95%}.HtmlEntityEncoder_title__eVdWf{font-size:2.5rem;text-align:center;margin-bottom:1rem;color:#333}.HtmlEntityEncoder_description__OM9kh{text-align:center;font-size:1.1rem;color:#666;margin-bottom:2rem}.HtmlEntityEncoder_converter__jj7XT{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;align-items:stretch}.HtmlEntityEncoder_inputSection__O3xL3,.HtmlEntityEncoder_outputSection__7m0IH{display:flex;flex-direction:column;gap:1rem}.HtmlEntityEncoder_inputHeader__TNRFv,.HtmlEntityEncoder_outputHeader__aLccm{display:flex;justify-content:space-between;align-items:center;min-height:40px}.HtmlEntityEncoder_inputHeader__TNRFv h3,.HtmlEntityEncoder_outputHeader__aLccm h3{margin:0;color:#333;font-size:1.2rem}.HtmlEntityEncoder_controls__9SeWH{display:flex;gap:.5rem;align-items:center}.HtmlEntityEncoder_modeButtons___WkaF{display:flex;border:2px solid #0070f3;border-radius:6px;overflow:hidden}.HtmlEntityEncoder_modeButton__HAgcZ{padding:.5rem 1rem;background:#fff;color:#0070f3;border:none;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.HtmlEntityEncoder_modeButton__HAgcZ:first-child{border-right:1px solid #0070f3}.HtmlEntityEncoder_modeButton__HAgcZ.HtmlEntityEncoder_active___HYoF{background:#0070f3;color:#fff}.HtmlEntityEncoder_modeButton__HAgcZ:hover:not(.HtmlEntityEncoder_active___HYoF){background:#f0f8ff}.HtmlEntityEncoder_clearButton__elwaK{padding:.5rem 1rem;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .3s ease}.HtmlEntityEncoder_clearButton__elwaK:hover{background:#545b62}.HtmlEntityEncoder_copyButton__rm5Mm{padding:.5rem 1rem;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .3s ease}.HtmlEntityEncoder_copyButton__rm5Mm:hover:not(:disabled){background:#1e7e34}.HtmlEntityEncoder_copyButton__rm5Mm:disabled{background:#ccc;cursor:not-allowed}.HtmlEntityEncoder_textareaContainer__BqHRs{position:relative;display:flex;border:2px solid #444;border-radius:8px;overflow:hidden;transition:border-color .3s ease;height:400px}.HtmlEntityEncoder_textareaContainer__BqHRs:focus-within{border-color:#0070f3}.HtmlEntityEncoder_lineNumbers__TwMBG{background:#2d2d2d;border-right:1px solid #444;padding:1rem .5rem;font-family:Courier New,monospace;font-size:14px;line-height:1.5;color:#888;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:40px;text-align:right;overflow-y:auto}.HtmlEntityEncoder_lineNumber__iCxct{height:21px}.HtmlEntityEncoder_textarea__tcQAh{flex:1 1;height:100%;padding:1rem;border:none;font-family:Courier New,monospace;font-size:14px;resize:none;outline:none;line-height:1.5;background:#1e1e1e;color:#fff}.HtmlEntityEncoder_textarea__tcQAh::placeholder{color:#888}.HtmlEntityEncoder_buttonGroup__BxPh2{display:flex;gap:.5rem}.HtmlEntityEncoder_convertButton__d1rCR{flex:1 1;padding:.75rem;background:#0070f3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .3s ease}.HtmlEntityEncoder_convertButton__d1rCR:hover{background:#0051a2}.HtmlEntityEncoder_swapButton__PAibk{padding:.75rem 1rem;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .3s ease}.HtmlEntityEncoder_swapButton__PAibk:hover:not(:disabled){background:#1e7e34}.HtmlEntityEncoder_swapButton__PAibk:disabled{background:#ccc;cursor:not-allowed}.HtmlEntityEncoder_errorInstructions__LGq_K{background:#2d1b1b;border:1px solid #dc3545;border-radius:8px;padding:1rem;color:#fff}.HtmlEntityEncoder_errorInstructions__LGq_K h4{margin:0 0 .5rem;color:#ff6b6b;font-size:1rem}.HtmlEntityEncoder_errorInstructions__LGq_K p{margin:0;line-height:1.5;color:#ffcccb}@media (max-width:768px){.HtmlEntityEncoder_title__eVdWf{font-size:2rem}.HtmlEntityEncoder_converter__jj7XT{grid-template-columns:1fr;gap:1.5rem}.HtmlEntityEncoder_controls__9SeWH{flex-direction:row;flex-wrap:wrap;gap:.5rem}.HtmlEntityEncoder_buttonGroup__BxPh2{flex-direction:column}.HtmlEntityEncoder_textareaContainer__BqHRs{height:300px}.HtmlEntityEncoder_lineNumbers__TwMBG,.HtmlEntityEncoder_textarea__tcQAh{font-size:12px}}