.html-cleaner-page{min-height:calc(100vh - var(--site-header-height));background:var(--bg);color:var(--text)}.html-cleaner-main{width:min(100% - 32px,1480px);margin:0 auto;padding:22px 0 36px}.html-cleaner-topbar,.html-cleaner-editor-head,.html-cleaner-options-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.html-cleaner-topbar{align-items:center;margin-bottom:18px}.html-cleaner-topbar h1,.html-cleaner-options h2,.html-cleaner-editor-card h2{font-family:var(--font-headline), sans-serif;margin:0}.html-cleaner-topbar h1{font-size:clamp(30px,5vw,46px);line-height:1}.html-cleaner-primary,.html-cleaner-editor-head button{border:1px solid var(--border-strong);background:var(--surface);min-height:38px;color:var(--text);cursor:pointer;font-family:var(--font-sans), sans-serif;white-space:nowrap;border-radius:10px;font-size:14px;font-weight:500;line-height:1.2;transition:background-color .18s,border-color .18s,color .18s}.html-cleaner-primary{border-color:var(--btn-bg);background:var(--btn-bg);min-height:44px;color:var(--btn-fg);padding:0 20px;font-size:15px}.html-cleaner-editor-head button:hover:not(:disabled){border-color:var(--text)}.html-cleaner-primary:hover:not(:disabled){border-color:var(--primary-strong);background:var(--primary-strong);color:#fff}.html-cleaner-primary:disabled,.html-cleaner-editor-head button:disabled{cursor:not-allowed;opacity:.55}.html-cleaner-primary:focus-visible,.html-cleaner-editor-head button:focus-visible,.html-cleaner-option input:focus-visible{outline:2px solid var(--primary-strong);outline-offset:2px}.html-cleaner-status{margin:0 0 12px}.html-cleaner-main>p[role=status]:not(.status){color:var(--muted);margin:0 0 12px;font-size:14px}.html-cleaner-editors{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.html-cleaner-editor-card{border:1px solid var(--border);background:var(--surface-low);border-radius:14px;flex-direction:column;min-width:0;min-height:470px;transition:border-color .18s;display:flex;overflow:hidden}.html-cleaner-editor-card:focus-within{border-color:var(--primary-strong)}.html-cleaner-output-flash{outline:2px solid var(--success);outline-offset:2px}.html-cleaner-editor-head{border-bottom:1px solid var(--border);align-items:center;min-height:62px;padding:12px 16px}.html-cleaner-editor-head h2{color:var(--text);font-size:15px;font-weight:500;line-height:1.3}.html-cleaner-editor-head span{color:var(--muted);margin-top:2px;font-size:13px;display:block}.html-cleaner-editor-head button{padding:0 12px}.html-cleaner-editor-actions,.html-cleaner-output-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.html-cleaner-view-toggle{border:1px solid var(--border-strong);border-radius:10px;display:inline-flex;overflow:hidden}.html-cleaner-view-toggle button{border:0;border-right:1px solid var(--border-strong);border-radius:0;min-height:36px;padding:0 12px}.html-cleaner-view-toggle button:focus-visible{outline-offset:-2px}.html-cleaner-view-toggle button:last-child{border-right:0}.html-cleaner-view-toggle button[aria-pressed=true],.html-cleaner-view-toggle button[aria-pressed=true]:hover:not(:disabled){background:var(--tone-primary-strong-10-surface);color:var(--primary)}.html-cleaner-editor-card textarea{resize:vertical;width:100%;min-height:0;color:var(--text);font-family:var(--font-mono), monospace;overflow-wrap:normal;white-space:pre-wrap;word-break:normal;background:0 0;border:0;outline:none;flex:1;padding:16px;font-size:13px;line-height:1.6;overflow-x:auto}.html-cleaner-editor-card textarea::placeholder{color:var(--outline)}.html-cleaner-preview-wrap{background:#fff;flex:1;min-height:0;display:flex}.html-cleaner-preview{background:#fff;border:0;flex:1;width:100%;min-height:400px}.html-cleaner-options{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin-top:16px;padding:20px}.html-cleaner-options-head{align-items:end;margin-bottom:8px}.html-cleaner-options h2{font-size:20px;font-weight:600;line-height:1.2}.html-cleaner-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;display:grid}.html-cleaner-option{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:12px;min-width:0;min-height:48px;padding:12px 0;display:grid}.html-cleaner-option input{width:16px;height:16px;accent-color:var(--primary-strong);flex:none;margin:2px 0 0}.html-cleaner-option label{color:var(--text);cursor:pointer;font-size:14px;font-weight:400;line-height:1.4}.html-cleaner-info{flex:none;display:inline-flex;position:relative}.html-cleaner-info button{border:1px solid var(--border-strong);width:20px;height:20px;color:var(--muted);cursor:pointer;font-family:var(--font-sans), sans-serif;background:0 0;border-radius:50%;place-items:center;padding:0;font-size:12px;font-weight:500;line-height:1;transition:border-color .18s,color .18s;display:grid}.html-cleaner-info button:hover,.html-cleaner-info button:focus-visible{border-color:var(--primary-strong);color:var(--primary)}.html-cleaner-info-popup{z-index:20;border:1px solid var(--border-strong);background:var(--surface);width:min(260px,100vw - 64px);box-shadow:0 8px 24px var(--shadow);color:var(--muted);border-radius:10px;padding:10px 12px;font-size:13px;font-weight:400;line-height:1.45;display:none;position:absolute;top:calc(100% + 7px);right:0}.html-cleaner-info:hover .html-cleaner-info-popup,.html-cleaner-info:focus-within .html-cleaner-info-popup{display:block}@media (max-width:899px){.html-cleaner-editors{grid-template-columns:1fr}.html-cleaner-editor-card{min-height:360px}.html-cleaner-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:559px){.html-cleaner-main{width:min(100% - 24px,1480px);padding-top:16px}.html-cleaner-topbar,.html-cleaner-options-head{flex-direction:column;align-items:stretch}.html-cleaner-primary{width:100%}.html-cleaner-option-grid{grid-template-columns:1fr}.html-cleaner-options{padding:16px}.html-cleaner-editor-head{flex-direction:column;align-items:flex-start;gap:10px}.html-cleaner-editor-actions,.html-cleaner-output-actions{justify-content:flex-start}}