.quality-panel{margin:24px 0;padding:20px;border:1px solid var(--border,#dbe3ea);border-radius:12px;background:var(--card-bg,#fff);color:var(--text-main,#172033)}.quality-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0}.quality-controls label{display:flex;align-items:center;gap:6px;margin:0;font-size:14px}.quality-controls select,.quality-controls input:not([type=checkbox]),.quality-controls button,.quality-button{font:inherit;max-width:100%;min-width:0;border:1px solid var(--border,#cbd5e1);border-radius:7px;padding:8px 12px;background:var(--card-bg,#fff);color:var(--text-main,#172033)}.quality-controls button,.quality-button{cursor:pointer}.quality-controls input[type=checkbox]{width:auto;accent-color:var(--primary,#2563eb)}.quality-status{font-size:14px;line-height:1.7;overflow-wrap:anywhere;min-height:1.7em}.quality-guide{max-width:1100px;margin:32px auto;padding:26px;background:var(--card-bg,#fff);color:var(--text-main,#172033);border:1px solid var(--border,#dbe3ea);border-radius:14px;line-height:1.85}.quality-guide h2{font-size:24px;margin:0 0 16px;color:inherit}.quality-guide h3{font-size:18px;margin:26px 0 8px;color:inherit}.quality-guide p,.quality-guide li{color:inherit;font-size:15px}.quality-guide a{color:var(--primary,#2563eb)}.quality-guide code{overflow-wrap:anywhere}.quality-guide pre,.quality-result{padding:16px;background:var(--bg,#f1f5f9);border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;max-height:350px;font:14px/1.7 Consolas,monospace}.quality-table-wrap{max-width:100%;overflow:auto}.quality-table{width:100%;border-collapse:collapse;font-size:14px}.quality-table td,.quality-table th{padding:10px;border:1px solid var(--border,#cbd5e1);text-align:left;overflow-wrap:anywhere}.quality-muted{font-size:13px;color:var(--text-sub,#64748b)}.quality-controls input[type=file]{max-width:100%;width:280px}.editor-col,.input-col,.panel{min-width:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--primary,#2563eb);outline-offset:3px}@media(max-width:600px){.quality-guide{margin:20px 12px;padding:18px}.quality-controls{align-items:stretch}.quality-controls label{flex-wrap:wrap}.quality-controls input[type=text]{width:100%}.card{padding:18px}.container{padding:12px}h1{font-size:26px}.flags{flex-wrap:wrap}.regex-input{min-width:0}.quality-table{min-width:420px}}
h1{word-break:keep-all}.quality-guide{box-sizing:border-box}