.html-preview{*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{line-height:1.6;color:#333;background-color:#f4f4f4;padding:10px}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:600;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem;line-height:1.8}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}ol,ul{margin-bottom:1rem;padding-left:1.5rem}li{margin-bottom:.5rem}table{width:100%;border-collapse:collapse;margin-bottom:1rem}td,th{padding:.75rem;text-align:left;border:1px solid #ddd}th{background-color:#f8f8f8}blockquote{margin:1.5rem 0;padding:.5rem 1rem;background-color:#f9f9f9;border-left:4px solid #ccc}code,pre{background-color:#f1f1f1;padding:.25rem;border-radius:4px;font-family:Courier New,Courier,monospace}pre{padding:1rem;overflow-x:auto}code{padding:.2rem .4rem}img{max-width:100%;height:auto;margin:auto}hr{border:0;border-top:1px solid #ccc;margin:2rem 0}button,input,select,textarea{padding:.5rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px;width:100%}input[type=checkbox],input[type=radio]{width:auto}button{cursor:pointer;background-color:#007bff;color:#fff;border:none}button:hover{background-color:#0056b3}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}}