.render-quality-control{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:87px;padding:7px 9px;border:1px solid var(--line,#29434e);border-radius:11px;background:#102832d9;color:#dcebe6;backdrop-filter:blur(10px)}
.render-quality-label{font-size:10px;line-height:1.2;letter-spacing:.04em;color:#b9ced3;text-align:center}
.render-quality-control select{display:block;width:100%;min-width:70px;min-height:35px;padding:5px 6px;border:1px solid #8db4bc42;border-radius:7px;background:#0e2835;color:#e6f4ed;font:inherit;font-size:12px;cursor:pointer;color-scheme:dark}
.render-quality-control select:focus-visible{outline:2px solid var(--accent,#c8eacb);outline-offset:3px}
@media(max-width:700px),(max-height:500px) and (pointer:coarse){
  .render-quality-control{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;min-width:0;gap:12px;padding:5px 10px;background:#d5ecdd06}
  .render-quality-label{font-size:12px;text-align:left}
  .render-quality-control select{width:65%;max-width:180px;min-height:44px;font-size:16px;padding:7px 9px}
}