.quality-selector{align-items:center;display:flex;gap:8px}@media (min-width:769px){.quality-selector{flex-direction:row}.quality-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(15,23,42,.6);border-radius:6px;color:rgba(203,213,225,.9);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;justify-content:center;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.quality-btn:hover{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.5);color:#93c5fd;transform:translateY(-1px)}.quality-btn.active{background:rgba(59,130,246,.25);border-color:rgba(59,130,246,.8);box-shadow:0 0 12px rgba(59,130,246,.3);color:#fff}.quality-btn:disabled{cursor:not-allowed;opacity:.5}.quality-btn.single-quality{cursor:default}.quality-btn.single-quality,.quality-btn.single-quality:disabled{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.5);color:#86efac}.quality-btn.single-quality:disabled{opacity:.8}.quality-dropdown{display:none}}@media (max-width:768px){.quality-selector{position:relative}.quality-btn{display:none}.quality-dropdown{display:block;position:relative}.quality-dropdown-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(15,23,42,.6);border:1px solid rgba(100,116,139,.4);border-radius:6px;color:rgba(203,213,225,.9);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.quality-dropdown-btn:active{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.5)}.quality-dropdown-btn svg{height:12px;transition:transform .2s ease;width:12px}.quality-dropdown-btn.open svg{transform:rotate(180deg)}.quality-dropdown-menu{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(15,23,42,.95);border:1px solid rgba(100,116,139,.4);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.4);display:none;left:0;min-width:120px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:1000}.quality-dropdown-menu.show{animation:dropdownFadeIn .2s ease;display:block}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.quality-dropdown-item{align-items:center;border-bottom:1px solid rgba(100,116,139,.2);color:rgba(203,213,225,.9);cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:10px 14px;transition:all .15s ease}.quality-dropdown-item:last-child{border-bottom:none}.quality-dropdown-item:active{background:rgba(59,130,246,.15)}.quality-dropdown-item.active{background:rgba(59,130,246,.2);color:#93c5fd}.quality-dropdown-item .check-icon{color:#22c55e;display:none;height:14px;width:14px}.quality-dropdown-item.active .check-icon{display:block}.quality-dropdown-btn.single-quality{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.5);color:#86efac;cursor:default}.quality-dropdown-btn.single-quality:disabled{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.5);color:#86efac;opacity:.8}}.quality-label{font-weight:600}.quality-label.full-hd{color:#22c55e}.quality-label.hd{color:#3b82f6}.quality-label.sd{color:#fbbf24}