.quality-panel{margin:24px 0;padding:22px;border:1px solid #cbd5e1;border-radius:14px;background:#fff;color:#172033;line-height:1.75}.quality-panel h2{margin:0 0 12px;font-size:21px}.quality-panel h3{margin:20px 0 8px;font-size:17px}.quality-panel p{margin:8px 0}.quality-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;background:#f1f5f9;border-radius:8px}.quality-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:16px 0}.quality-controls label{display:flex;gap:5px;flex-direction:column;flex:1;min-width:140px;font-size:14px;font-weight:600}.quality-controls input,.quality-controls select{box-sizing:border-box;max-width:100%;padding:10px;border:1px solid #b8c7dc;border-radius:7px;background:#fff;color:#172033;font:inherit}.quality-controls input[type=checkbox]{width:18px;height:18px}.quality-controls input[type=color]{width:100%;min-height:42px;padding:4px}.quality-btn{padding:10px 14px;border:1px solid #b8c7dc;border-radius:8px;background:#f1f5f9;color:#16395e;font:inherit;cursor:pointer}.quality-btn:disabled{opacity:.5;cursor:not-allowed}.quality-status{font-size:14px;color:#475569;overflow-wrap:anywhere}.quality-panel a{color:#075985}.quality-panel ul,.quality-panel ol{padding-left:24px}.quality-panel textarea{width:100%;min-height:100px;box-sizing:border-box}.quality-summary{display:block;padding:12px;border-radius:8px;background:#eff6ff;font-weight:700}.quality-example{padding:20px;border:1px solid #cbd5e1;border-radius:10px;margin-top:12px}.quality-panel details{padding:12px 0;border-bottom:1px solid #e2e8f0}.quality-panel summary{cursor:pointer;font-weight:600} :focus-visible{outline:3px solid #2563eb;outline-offset:3px}@media(max-width:600px){.quality-panel{padding:16px}.quality-controls{align-items:stretch}.quality-controls>*{max-width:100%}}