.graphics-quality-control{display:grid;gap:10px;margin:14px 0;padding:14px;border:1px solid #55747f;border-radius:8px;background:#11212b;color:#e5edf2}
.graphics-quality-control[hidden]{display:none}.graphics-quality-label{display:grid;gap:10px;font-weight:700}.graphics-quality-label input{width:100%;accent-color:#a6d9d1;min-height:36px;margin:0}.graphics-quality-label input:focus-visible{outline:3px solid #d6ecaa;outline-offset:4px;border-radius:4px}
.graphics-quality-ticks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;font-size:12px;text-align:center}.graphics-quality-ticks span{overflow-wrap:anywhere;color:#a3b4bd}.graphics-quality-ticks .selected{color:#eefcc9;font-weight:700}.graphics-quality-control p{margin:0;font-size:13px;line-height:1.5;color:#bdcbd1}.graphics-quality-control output{display:block;font-size:13px;line-height:1.6}
.graphics-quality-preview{width:240px;max-width:100%;height:112px;margin:auto;border:1px solid #425a63;border-radius:5px}