.html-entity-container{max-width:1000px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s ease}.html-entity-container.light-mode{background-color:#f5f8fa;color:#333}.html-entity-container.dark-mode{background-color:#242535;color:#f0f0f0}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.app-header h1{margin:0;font-size:2rem;font-weight:700}.light-mode .app-header h1{color:#4a6fa5}.dark-mode .app-header h1{color:hsl(215.6043956044,38.0753138075%,61.862745098%)}.theme-toggle{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%}.light-mode .theme-toggle{background-color:rgba(0,0,0,.05)}.light-mode .theme-toggle:hover{background-color:rgba(0,0,0,.1)}.dark-mode .theme-toggle{background-color:hsla(0,0%,100%,.1)}.dark-mode .theme-toggle:hover{background-color:hsla(0,0%,100%,.2)}.mode-selector{display:flex;margin-bottom:1.5rem;border-radius:8px;overflow:hidden}.light-mode .mode-selector{border:1px solid #ddd}.dark-mode .mode-selector{border:1px solid #444}.mode-selector .mode-btn{flex:1;padding:.75rem;border:none;cursor:pointer;font-weight:600;transition:all .3s ease}.light-mode .mode-selector .mode-btn{background-color:#fff;color:#333}.light-mode .mode-selector .mode-btn.active{background-color:#4a6fa5;color:#fff}.light-mode .mode-selector .mode-btn:hover:not(.active){background-color:hsl(0,0%,95%)}.dark-mode .mode-selector .mode-btn{background-color:rgb(56.6292134831,58.202247191,83.3707865169);color:#f0f0f0}.dark-mode .mode-selector .mode-btn.active{background-color:#4a6fa5;color:#fff}.dark-mode .mode-selector .mode-btn:hover:not(.active){background-color:rgb(66.9438202247,68.8033707865,98.5561797753)}.converter-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media(min-width:768px){.converter-container{flex-direction:row;align-items:stretch}}.converter-container .text-area-container{flex:1;display:flex;flex-direction:column}.converter-container .text-area-container label{font-weight:600;margin-bottom:.5rem}.converter-container .text-area-container textarea{flex:1;min-height:150px;padding:1rem;border-radius:8px;font-family:monospace;font-size:.9rem;resize:vertical;transition:all .3s ease}.light-mode .converter-container .text-area-container textarea{background-color:#fff;color:#333;border:1px solid #ddd}.light-mode .converter-container .text-area-container textarea:focus{border-color:#4a6fa5;box-shadow:0 0 0 2px rgba(74,111,165,.2)}.dark-mode .converter-container .text-area-container textarea{background-color:rgb(46.3146067416,47.6011235955,68.1853932584);color:#f0f0f0;border:1px solid #444}.dark-mode .converter-container .text-area-container textarea:focus{border-color:hsl(215.6043956044,38.0753138075%,61.862745098%);box-shadow:0 0 0 2px hsla(215.6043956044,38.0753138075%,61.862745098%,.2)}.converter-container .controls{display:flex;justify-content:center;align-items:center;padding:.5rem}@media(min-width:768px){.converter-container .controls{padding:0 1rem}}.converter-container .controls .swap-btn{width:40px;height:40px;border-radius:50%;border:none;font-size:1.5rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.light-mode .converter-container .controls .swap-btn{background-color:#4a6fa5;color:#fff}.light-mode .converter-container .controls .swap-btn:hover{background-color:#395782}.dark-mode .converter-container .controls .swap-btn{background-color:hsl(215.6043956044,38.0753138075%,56.862745098%);color:#fff}.dark-mode .converter-container .controls .swap-btn:hover{background-color:rgb(85.5125523013,123.5188284519,178.9874476987)}@media(min-width:768px){.converter-container .controls .swap-btn{transform:rotate(90deg)}}.converter-container .output-controls{display:flex;gap:.5rem;margin-top:1rem}.converter-container .output-controls button{padding:.5rem 1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;flex:1;transition:all .3s ease}.converter-container .output-controls button:disabled{opacity:.5;cursor:not-allowed}.light-mode .converter-container .output-controls .copy-btn{background-color:#4a6fa5;color:#fff}.light-mode .converter-container .output-controls .copy-btn:hover:not(:disabled){background-color:#395782}.dark-mode .converter-container .output-controls .copy-btn{background-color:hsl(215.6043956044,38.0753138075%,56.862745098%);color:#fff}.dark-mode .converter-container .output-controls .copy-btn:hover:not(:disabled){background-color:rgb(85.5125523013,123.5188284519,178.9874476987)}.light-mode .converter-container .output-controls .clear-btn{background-color:#f0f0f0;color:#333}.light-mode .converter-container .output-controls .clear-btn:hover:not(:disabled){background-color:hsl(0,0%,89.1176470588%)}.dark-mode .converter-container .output-controls .clear-btn{background-color:rgb(66.9438202247,68.8033707865,98.5561797753);color:#f0f0f0}.dark-mode .converter-container .output-controls .clear-btn:hover:not(:disabled){background-color:rgb(77.2584269663,79.404494382,113.7415730337)}.info-section{margin-top:3rem;padding:1.5rem;border-radius:8px}.light-mode .info-section{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1)}.dark-mode .info-section{background-color:rgb(46.3146067416,47.6011235955,68.1853932584);border:1px solid #444}.info-section h2{margin-top:0;margin-bottom:1rem;font-size:1.5rem}.light-mode .info-section h2{color:#4a6fa5}.dark-mode .info-section h2{color:hsl(215.6043956044,38.0753138075%,61.862745098%)}.info-section p{line-height:1.6;margin-bottom:1.5rem}.info-section code{font-family:monospace;padding:.2rem .4rem;border-radius:4px;font-size:.9em}.light-mode .info-section code{background-color:#f0f0f0}.dark-mode .info-section code{background-color:rgb(56.6292134831,58.202247191,83.3707865169)}.info-section .common-entities h3{font-size:1.2rem;margin-bottom:1rem}.info-section .common-entities table{width:100%;border-collapse:collapse;margin-bottom:1rem}.info-section .common-entities table td,.info-section .common-entities table th{padding:.75rem;text-align:left;border-bottom:1px solid}.light-mode .info-section .common-entities table td,.light-mode .info-section .common-entities table th{border-color:#ddd}.dark-mode .info-section .common-entities table td,.dark-mode .info-section .common-entities table th{border-color:#444}.info-section .common-entities table th{font-weight:600}.light-mode .info-section .common-entities table th{background-color:#f5f5f5}.dark-mode .info-section .common-entities table th{background-color:rgb(52.5033707865,53.9617977528,77.2966292135)}.light-mode .info-section .common-entities table tr:hover{background-color:rgba(74,111,165,.05)}.dark-mode .info-section .common-entities table tr:hover{background-color:rgb(50.4404494382,51.8415730337,74.2595505618)}footer{margin-top:3rem;text-align:center;padding:1rem 0;font-size:.9rem}.light-mode footer{color:#666}.dark-mode footer{color:#bdbdbd}@media(max-width:576px){.html-entity-container{padding:1rem}.app-header h1{font-size:1.5rem}.info-section .common-entities table{display:block;overflow-x:auto}}