:root{--primary-color:#007bff;--primary-hover-color:#0056b3;--background-light:#f4f7f6;--text-dark:#333;--border-light:#ddd;--card-background:#fff;--shadow-light:rgba(0,0,0,.08);--code-bg:#f8f8f8}.Clean-Html-wrapper{align-items:center;background:var(--background-light);color:var(--text-dark);display:flex;flex-direction:column;line-height:1.6;margin:0;padding:20px}.Clean-Html-wrapper h1{color:var(--primary-color);font-weight:700;letter-spacing:.5px;margin-bottom:30px;text-align:center}.Clean-Html-wrapper h3{color:var(--primary-color);font-weight:500;margin-bottom:15px;margin-top:0}.Clean-Html-wrapper.container{align-items:start;display:grid;gap:30px;grid-template-columns:1fr 1fr;max-width:1200px;width:100%}.Clean-Html-wrapper .panel{background:var(--card-background);border-radius:8px;box-shadow:0 4px 15px var(--shadow-light);display:flex;flex-direction:column;padding:25px}#editor-wrapper{flex-grow:1;min-height:300px;position:relative}#editor-container,#source-view{background:var(--card-background);border:1px solid var(--border-light);border-radius:4px;box-sizing:border-box;font-family:Roboto Mono,monospace;font-size:14px;height:300px;min-height:300px;overflow-y:auto;padding:10px}#source-view{display:none;resize:vertical;white-space:pre-wrap;width:100%}.ql-toolbar.ql-snow{border:1px solid var(--border-light);border-top-left-radius:4px;border-top-right-radius:4px;margin-bottom:-1px}.ql-container.ql-snow{border:1px solid var(--border-light);border-bottom-left-radius:4px;border-bottom-right-radius:4px;flex-grow:1}.editor-toolbar{margin-bottom:15px}.Clean-Html-wrapper textarea#outputHTML{background:var(--code-bg);border:1px solid var(--border-light);border-radius:4px;box-sizing:border-box;font-family:Roboto Mono,monospace;font-size:14px;height:400px;overflow:auto;padding:15px;resize:vertical;white-space:pre;width:100%}.Clean-Html-wrapper .options{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:25px;padding-bottom:20px}.Clean-Html-wrapper label{align-items:center;color:#000;cursor:pointer;display:flex;font-size:15px;gap:10px}.Clean-Html-wrapper label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--primary-color);border-radius:3px;cursor:pointer;height:18px;outline:none;position:relative;transition:background-color .2s,border-color .2s;width:18px}.Clean-Html-wrapper label input[type=checkbox]:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.Clean-Html-wrapper label input[type=checkbox]:checked:after{color:#fff;content:"\2713";font-size:14px;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.Clean-Html-wrapper button{align-self:flex-start;background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 25px;transition:background-color .2s ease,transform .1s ease}.Clean-Html-wrapper button:hover{background-color:var(--primary-hover-color);transform:translateY(-2px)}.Clean-Html-wrapper button:active{transform:translateY(0)}@media (max-width:992px){.Clean-Html-wrapper.container{grid-template-columns:1fr}.Clean-Html-wrapper .panel{padding:20px}}@media (max-width:768px){.Clean-Html-wrapper{padding:15px}.Clean-Html-wrapper h1{font-size:28px;margin-bottom:25px}.Clean-Html-wrapper .options{grid-template-columns:1fr}}.Clean-Html-wrapper [type=checkbox],.Clean-Html-wrapper [type=checkbox]:checked,.Clean-Html-wrapper [type=checkbox]:not(:checked),.Clean-Html-wrapper [type=radio]:checked,.Clean-Html-wrapper [type=radio]:not(:checked){left:auto;position:relative}