.quality-picker{position:relative;margin-top:8px;min-width:0}.quality-trigger{width:100%;min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:#fff;color:#354055;border:1px solid #dbdde9;border-radius:10px;padding:12px 14px;font-size:12px;font-weight:500;transition:border-color .15s,box-shadow .15s}.quality-trigger:hover{background:#fcfbff;border-color:#b1a7ed}.quality-trigger[aria-expanded=true]{border-color:#9382ef;box-shadow:0 0 0 3px #6858df12}.quality-trigger:focus-visible{outline:none;border-color:#9382ef;box-shadow:0 0 0 3px #6858df1c}.quality-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quality-arrow{display:block;width:18px;height:18px;flex-shrink:0;color:#827a99;transition:transform .15s}.quality-trigger[aria-expanded=true] .quality-arrow{transform:rotate(180deg)}.quality-list{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;padding:6px;background:#fff;border:1px solid #e8e5f3;border-radius:12px;box-shadow:0 12px 32px #32216914;max-height:250px;overflow:auto}.quality-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 12px;border-radius:8px;background:transparent;color:#384253;text-align:left;font-weight:400;cursor:pointer}.quality-option:hover,.quality-option.is-active{background:#f6f3ff}.quality-option.is-selected{background:#f0ebff;color:#6858df}.quality-option-text{display:flex;align-items:baseline;gap:10px;min-width:0;flex:1;overflow:hidden}.quality-option strong{flex-shrink:0}.quality-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quality-option strong{font-size:12px;font-weight:600;line-height:1.5}.quality-option small{font-size:10px;color:#8b90a0;line-height:1.5}.quality-option.is-selected small{color:#9383c2}.quality-check{visibility:hidden;color:#6858df;font-size:15px}.quality-option.is-selected .quality-check{visibility:visible}@media(prefers-reduced-motion:reduce){.quality-trigger,.quality-arrow{transition:none}}