.tool-container{display:flex;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;}.editor-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;min-height:50vh;}#html-input{width:100%;height:100%;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-color);font-family:'Courier New',Courier,monospace;font-size:0.9rem;resize:none;}#preview-area{background-color:#ffffff;border-radius:var(--radius-md);padding:1rem;border:1px solid var(--border-color);overflow:auto;color:#000000;}.tool-action{display:flex;justify-content:flex-end;}@media (max-width:768px){.editor-container{grid-template-columns:1fr;min-height:auto;height:70vh;}}