.html-cleaner-hero {background: linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);}
.html-cleaner-hero h1 {font-size: 2.5rem;}
@media (max-width: 767.98px) {.html-cleaner-hero h1 {font-size: 1.9rem;}}
.html-cleaner-hero .lead {color: #4a5568;font-size: 1.1rem;}
@media (max-width: 767.98px) {.html-cleaner-hero .lead {font-size: 1rem;}}
.html-cleaner-tool {overflow: hidden;border-radius: 1rem;}
@media (max-width: 767.98px) {.html-cleaner-tool .card-body {padding: 1.25rem !important;}}
.html-cleaner-controlbar {padding: 1.1rem 1.25rem;border: 1px solid #dbe3ec;border-radius: .85rem;background: #f8fafc;}
.html-cleaner-mode {display: inline-flex;padding: .25rem;border-radius: .75rem;background: #e9eef5;}
.html-cleaner-mode__button {padding: .55rem 1rem;border: 0;border-radius: .55rem;background: transparent;color: #475569;font-weight: 600;transition: all .2s ease;}
@media (hover: hover) {.html-cleaner-mode__button:hover {color: #0d6efd;}}
.html-cleaner-mode__button.is-active {background: #fff;color: #0d6efd;box-shadow: 0 .2rem .6rem rgba(15,23,42,.1);}
.html-cleaner-mode__button:focus-visible {outline: 3px solid rgba(13,110,253,.25);}
.html-cleaner-preset {min-width: 15rem;}
.html-cleaner-editor {height: 100%;padding: 1rem;border: 2px solid transparent;border-radius: .9rem;background: #f8fafc;transition: all .2s ease;}
.html-cleaner-editor.is-dragover {border-color: #0d6efd;background: #eef6ff;box-shadow: 0 0 0 .2rem rgba(13,110,253,.1);}
.html-cleaner-editor--result {background: #f3f8ff;}
.html-cleaner-textarea {min-height: 24rem;padding: 1rem;border-color: #cbd5e1;background: #fff;font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size: .88rem;line-height: 1.55;resize: vertical;}
.html-cleaner-textarea:focus {border-color: #0d6efd;box-shadow: 0 0 0 .2rem rgba(13,110,253,.15);}
.html-cleaner-textarea--result {background: #fff;color: #0f5132;}
.html-cleaner-output-tabs {gap: .25rem;}
.html-cleaner-output-tabs .nav-link {padding: .3rem .7rem;color: #475569;font-size: .82rem;font-weight: 600;}
.html-cleaner-output-tabs .nav-link.active {background: #0d6efd;color: #fff;}
.html-cleaner-preview {width: 100%;min-height: 24rem;border: 1px solid #cbd5e1;border-radius: .375rem;background: #fff;}
.html-cleaner-stat {display: flex;align-items: center;justify-content: center;min-height: 6.5rem;padding: 1rem;border: 1px solid #dbe3ec;border-radius: .8rem;background: #fff;flex-direction: column;text-align: center;}
.html-cleaner-stat strong {color: #0d6efd;font-size: 1.65rem;line-height: 1.1;}
.html-cleaner-stat span {margin-top: .45rem;color: #64748b;font-size: .82rem;}
.html-cleaner-settings {padding: 1.25rem;border: 1px solid #dbe3ec;border-radius: .9rem;background: #fff;}
.html-cleaner-settings__grid {display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: .75rem;}
@media (max-width: 991.98px) {.html-cleaner-settings__grid {grid-template-columns: repeat(2,minmax(0,1fr));}}
@media (max-width: 575.98px) {.html-cleaner-settings__grid {grid-template-columns: 1fr;}}
.html-cleaner-option {display: flex;align-items: flex-start;gap: .7rem;min-width: 0;padding: .85rem;border: 1px solid #e2e8f0;border-radius: .7rem;background: #f8fafc;cursor: pointer;transition: all .2s ease;}
@media (hover: hover) {.html-cleaner-option:hover {border-color: #93c5fd;background: #f0f6ff;}}
.html-cleaner-option .form-check-input {flex: 0 0 auto;margin-top: .2rem;}
.html-cleaner-option span {min-width: 0;}
.html-cleaner-option strong, .html-cleaner-option small {display: block;}
.html-cleaner-option strong {color: #1e293b;font-size: .9rem;}
.html-cleaner-option small {margin-top: .15rem;color: #64748b;font-size: .76rem;line-height: 1.35;}
.html-cleaner-format {max-width: 16rem;}
.html-cleaner-benefits .card {border-radius: 1rem;transition: all .2s ease;}
@media (hover: hover) {.html-cleaner-benefits .card:hover {transform: translateY(-4px);box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.08) !important;}}
.html-cleaner-benefit-icon {width: 3.5rem;height: 3.5rem;margin: 0 auto;border-radius: 1rem;font-size: 1.6rem;display: flex;align-items: center;justify-content: center;}
.html-cleaner-seo {color: #334155;line-height: 1.7;}
.html-cleaner-seo h2 {color: #1e293b;scroll-margin-top: 1.5rem;}
.html-cleaner-seo a {color: #0d6efd;}
@media (hover: hover) {.html-cleaner-seo a:hover {color: #0a58ca;}}
.html-cleaner-contents {margin-top: 1.5rem;padding: 1.25rem 1.5rem;border-left: 4px solid #0d6efd;border-radius: 0 .75rem .75rem 0;background: #f8fafc;}
.html-cleaner-contents ol {padding-left: 1.25rem;}
.html-cleaner-contents li + li {margin-top: .35rem;}
.html-cleaner-table {min-width: 44rem;}
.html-cleaner-table thead th {border-bottom-width: 1px;background: #e7f1ff;color: #1e3a5f;}
.html-cleaner-table th, .html-cleaner-table td {padding: .85rem 1rem;}
.html-cleaner-note {margin-top: 2rem;padding: 1.25rem 1.5rem;border: 1px solid #ffe69c;border-left: 4px solid #ffc107;border-radius: .75rem;background: #fff9e6;}
@media (max-width: 767.98px) {.html-cleaner-controlbar {align-items: stretch !important;flex-direction: column;}
	.html-cleaner-preset {min-width: 0;}
	.html-cleaner-textarea, .html-cleaner-preview {min-height: 18rem;}}
@media (max-width: 575.98px) {.html-cleaner-controlbar, .html-cleaner-settings {padding: 1rem;}
	.html-cleaner-mode {display: flex;}
	.html-cleaner-mode__button {flex: 1;padding: .55rem .7rem;font-size: .86rem;}
	.html-cleaner-editor {padding: .75rem;}
	.html-cleaner-textarea, .html-cleaner-preview {min-height: 16rem;}
	.html-cleaner-stat {min-height: 6rem;padding: .75rem;}
	.html-cleaner-stat strong {font-size: 1.4rem;}
	.html-cleaner-contents {padding: 1rem;}}