body.html-tool-page{margin:0;background:#f5f8fc;color:#172033;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.html-tool-hero{padding:54px 20px 34px;text-align:center;background:linear-gradient(135deg,#0b6cf5,#7146d8);color:#fff}.html-tool-hero h1{font-size:clamp(2rem,5vw,3.1rem);line-height:1.12;margin:0 0 12px}.html-tool-hero p{max-width:760px;margin:auto;line-height:1.6}.html-tool-shell{width:min(100% - 28px,1180px);margin:28px auto 50px}.html-tool-card,.html-tool-content{background:#fff;border:1px solid #dce7f3;border-radius:16px;box-shadow:0 12px 34px rgba(18,54,93,.08);padding:clamp(18px,3vw,30px);margin-bottom:22px}.html-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.html-tool-field{display:flex;flex-direction:column;gap:7px}.html-tool-field label{font-weight:750;color:#183c68}.html-tool-field textarea{width:100%;min-height:330px;resize:vertical;border:1px solid #b8c8dc;border-radius:10px;padding:13px;font:14px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;box-sizing:border-box}.html-tool-field textarea:focus,.html-tool-field input:focus,.html-tool-field select:focus{outline:3px solid rgba(11,108,245,.16);border-color:#0b6cf5}.html-tool-controls{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.html-tool-btn{border:1px solid #a9bdd6;background:#fff;color:#17365f;border-radius:9px;padding:10px 15px;font-weight:750;cursor:pointer}.html-tool-btn.primary{background:#0b6cf5;color:#fff;border-color:#0b6cf5}.html-tool-btn:hover{filter:brightness(.96)}.html-tool-options{display:flex;flex-wrap:wrap;gap:14px 22px;margin:4px 0 12px}.html-tool-options label{display:flex;align-items:center;gap:7px;font-weight:650}.html-tool-options input[type=checkbox]{width:18px;height:18px;accent-color:#0b6cf5}.html-tool-status{min-height:24px;color:#36516f;font-size:.92rem}.html-tool-content h2{color:#0b4fae;margin:26px 0 10px}.html-tool-content h2:first-child{margin-top:0}.html-tool-content p,.html-tool-content li{line-height:1.7}.html-tool-content li{margin:6px 0}.html-table-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.html-table-settings label{display:flex;flex-direction:column;gap:6px;font-weight:700}.html-table-settings input,.html-table-settings select{border:1px solid #b8c8dc;border-radius:9px;padding:10px}.html-table-editor{overflow:auto;margin-top:18px}.html-table-editor table{border-collapse:collapse;min-width:100%}.html-table-editor input{width:160px;border:1px solid #cbd8e7;padding:9px}.html-preview{border:1px dashed #9fb5ce;border-radius:10px;padding:15px;overflow:auto;min-height:90px}.html-preview table{border-collapse:collapse;width:100%}.html-preview th,.html-preview td{border:1px solid #b8c8dc;padding:8px;text-align:left}.html-preview .striped tbody tr:nth-child(even){background:#f3f7fb}@media(max-width:800px){.html-tool-grid{grid-template-columns:1fr}.html-tool-field textarea{min-height:260px}}