.clean-intro {background:linear-gradient(110deg,#222635,#171a25);display:flex;justify-content:space-between;gap:24px;align-items:center}
.clean-intro h2 {font-size:30px;letter-spacing:-.8px;margin:14px 0}.clean-intro .panel-description {max-width:620px;margin-bottom:0}
.clean-steps {display:flex;flex-direction:column;gap:12px;color:#b5c8c2;font-size:12px;white-space:nowrap}
.clean-check-controls,.clean-word-actions {display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}
.clean-status {display:flex;align-items:center;gap:16px;border:1px solid #484350;background:#24232d;padding:22px;border-radius:14px;margin:24px 0 12px}
.clean-status h3 {margin:0 0 6px}.clean-status p {color:#bbb9c9;margin:0 0 6px}.clean-status small {color:#9293a5}
.clean-status.clear {border-color:#386953;background:#1b2e28}.clean-status.attention {border-color:#795747;background:#302823}
.clean-status.review {border-color:#726748;background:#2b2a23}.clean-status-icon {font-size:28px;border:1px solid currentColor;border-radius:50%;height:44px;width:44px;display:grid;place-content:center;flex-shrink:0;color:#dbc69e}.clear .clean-status-icon {color:#a0d5b8}
.clean-legend {display:flex;flex-wrap:wrap;gap:18px;font-size:12px;color:#acaabc}.clean-legend .flag {color:#e6a294}.clean-legend .review {color:#ddcb8b}.clean-legend .candidate {color:#afb7d5}
.clean-words {border:1px solid #373847;border-radius:12px;padding:22px;margin:16px 0 22px;max-height:420px;overflow:auto;line-height:2.6;background:#14161f;white-space:pre-wrap;overflow-wrap:anywhere}
.clean-word-line {min-height:36px}.clean-word {display:inline-block;border:1px solid transparent;background:transparent;border-radius:6px;color:#c7c8d3;font:inherit;font-size:15px;padding:2px 7px;line-height:1.6;cursor:pointer}
.clean-word:hover {background:#30313d}.clean-word.flag {color:#ffb7a4;background:#422d29}.clean-word.review {color:#f2d597;background:#3a3324}.clean-word.candidate {border-bottom-color:#8797be}
.clean-explanations {margin:18px 0}.clean-explanations summary {cursor:pointer;color:#d6c5ee}.clean-explanations ol {list-style:none;padding:0;display:grid;gap:12px;max-height:450px;overflow:auto}
.clean-explanations li {padding:16px;border:1px solid #4b4144;border-left:3px solid #d99c8d;border-radius:10px;background:#211e26}.clean-explanations li.review {border-left-color:#d5bd7e}.clean-explanations h4 {margin:0 0 8px;overflow-wrap:anywhere}
.clean-explanations small {color:#c5b4a4}.clean-explanations p {font-size:14px;line-height:1.6}.clean-explanations blockquote {margin:12px 0;padding:10px 14px;background:#16171f;border-left:2px solid #6b6179;color:#bdb7ca;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
.clean-word.chosen {outline:2px solid #b39ae5;outline-offset:1px}.clean-word.chosen::after {content:' ✓';font-size:11px;color:#d8c6fa}
.clean-word:focus-visible {outline:3px solid #ddd}.clean-word-actions span {color:#aeaabd;font-size:13px}
.clean-modes {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:24px 0}.clean-mode {display:grid;grid-column:span 2;grid-template-columns:22px minmax(0,1fr);gap:8px;border:1px solid #3d3c4d;border-radius:12px;padding:18px;cursor:pointer;background:#1b1d27}
.clean-mode-stem {grid-column:span 3}.clean-mode:has(input:disabled){opacity:.65;cursor:not-allowed}.clean-mode-badge{display:block;color:#b7d0bb;font-size:11px;font-weight:500;margin-top:6px}.clean-compare{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.clean-audition-select{width:100%;margin-top:12px}
.clean-mode:has(input:checked) {border-color:#b2a0d1;background:#2a2438}.clean-mode input {width:auto;margin:0}.clean-mode small {grid-column:2;color:#aaa4b6}.clean-padding {max-width:280px}
.clean-masked {white-space:pre-wrap;overflow-wrap:anywhere;color:#c5b2e4;font:14px/1.9 inherit;padding:20px;background:#151620;border-radius:12px;max-height:340px;overflow:auto}
.clean-text-details textarea {font-size:15px;line-height:1.7;margin:12px 0}.word-timing-editor .editor-grid {grid-template-columns:1fr}.word-timing-editor .text-card[hidden] {display:none}.word-timing-editor .line-text-input[readonly] {cursor:default}
.clean-result-audio {max-width:100%;width:100%;margin:16px 0}.clean-job-warning {color:#e5c793!important}
.word-timing-editor .line-list {height:300px;min-height:180px}
#clean-new-dialog {max-width:680px;width:calc(100% - 32px)}#clean-new-form textarea {min-height:230px}
@media(max-width:720px){.clean-intro {display:block}.clean-steps {flex-direction:row;margin-top:22px;font-size:11px}.clean-intro h2{font-size:25px}.clean-modes{grid-template-columns:1fr}.clean-mode{padding:14px;grid-column:auto}.clean-words{padding:10px}.clean-status{padding:14px}.clean-status h3{font-size:17px}.clean-word{font-size:14px}.clean-legend{gap:10px}.clean-check-controls .button{width:100%}.clean-word-actions{gap:6px}.clean-word-actions .button{font-size:12px}}
