.tool-htmlmd{background:linear-gradient(160deg,#f8fafc 0%,#f1f5f9 50%,#e2e8f0 100%)}.tool-htmlmd .dev-card{border:none;border-radius:1rem;background:#fff;box-shadow:0 4px 24px rgba(15,23,42,.08);border-left:4px solid #0ea5e9}.tool-htmlmd .dev-icon-wrap{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0}.tool-htmlmd .form-control,.tool-htmlmd .form-select{border:2px solid #e2e8f0;border-radius:.5rem}.tool-htmlmd .form-control:focus,.tool-htmlmd .form-select:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.15)}.tool-htmlmd .dev-code{font-family:Consolas,Monaco,monospace;font-size:.92rem}.tool-htmlmd .btn-dev-go{background:#0ea5e9;color:#fff !important;border:none;font-weight:600;border-radius:.5rem}.tool-htmlmd .btn-dev-go:hover,.tool-htmlmd .btn-dev-go:focus{background:#0284c7;color:#fff !important}.tool-htmlmd .dev-narrow{max-width:16rem}.tool-htmlmd .xml-error{color:#b91c1c;font-weight:600}.tool-htmlmd .md-preview{border:2px solid #e2e8f0;border-radius:.5rem;padding:1rem;min-height:6rem;background:#fff}.tool-htmlmd .md-preview table{width:100%;border-collapse:collapse}.tool-htmlmd .md-preview th,.tool-htmlmd .md-preview td{border:1px solid #e2e8f0;padding:.35rem .5rem}@media(max-width:575.98px){.tool-htmlmd .d-flex.gap-2 .btn{width:100%}}