/* Tweaks panel — extracted from components.css (structural). */

@media (max-width: 768px){
}
@media (max-width: 768px){
}
@media (max-width: 768px){
}
@media (max-width: 768px){
}
@media (max-width: 768px){
}
@media (max-width:600px){
}
@media (max-width: 768px){
}
@media (max-width: 640px){
}
@media (max-width: 480px){
}
@media (max-width: 900px){
}
@media (max-width: 900px){
}
@media (max-width:720px){
}
@media (max-width:768px){
}
@media (max-width:640px){
}
@media (max-width:480px){
}
@media (max-width: 900px){
}
@media (max-width: 640px){
}
@media (min-width: 901px){
}
@media (max-width:768px){
}
@media (max-width: 900px){
}
@media (max-width:640px){
}
@media (max-width: 640px){
}
@media (max-width: 768px){
}
@media (max-width: 768px){
}
@media (max-width: 1100px){
}
@media (max-width: 768px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 480px){
}
@media (max-width: 768px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (min-width: 641px) and (max-width: 1024px){
}
@media (min-width: 769px){
}
@media (max-width: 768px){
}
#tweaks-panel .tw-mode.active { background:rgba(255,255,255,0.08); }
#tweaks-panel .tw-acc.active { box-shadow:none; }
@media (max-width: 768px){
}
@media (min-width: 901px){
}
@media (max-width: 768px){
}
@media (max-width: 768px){
}
@media (max-width: 1100px){
}
@media (max-width: 768px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 480px){
}
@media (max-width: 768px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (min-width: 641px) and (max-width: 1024px){
}
@media (min-width: 769px){
}
@media (max-width: 768px){
}
#tweaks-panel .tw-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
#tweaks-panel .tw-title { font-family:var(--font-mono,monospace); font-size:10px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; }
#tweaks-panel .tw-close { width:22px; height:22px; border:none; background:rgba(255,255,255,0.06); border-radius:6px; cursor:pointer; font-size:14px; line-height:1; display:flex; align-items:center; justify-content:center; }
#tweaks-panel .tw-close:hover { background:rgba(255,255,255,0.14); }
#tweaks-panel .tw-label { font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; margin-bottom:9px; }
#tweaks-panel .tw-grid { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
#tweaks-panel .tw-group { grid-column:1 / -1; font-size:9px; font-weight:700; letter-spacing:0.09em; text-transform:uppercase; margin:9px 0 1px; }
#tweaks-panel .tw-group:first-child { margin-top:0; }
#tweaks-panel .tw-mode { display:flex; align-items:center; gap:7px; padding:7px 9px; border-radius:8px; border:1px solid rgba(255,255,255,0.08); background:rgba(255,255,255,0.02); cursor:pointer; transition:background 0.15s ease,border-color 0.15s ease; }
#tweaks-panel .tw-mode:hover { background:rgba(255,255,255,0.06); }
#tweaks-panel .tw-mode.active { background:rgba(255,255,255,0.08); }
#tweaks-panel .tw-sw { width:14px; height:14px; border-radius:5px; flex-shrink:0; }
#tweaks-panel .tw-name { font-size:11px; font-weight:600; }
#tweaks-panel .tw-accents { display:flex; flex-wrap:wrap; gap:7px; margin-top:2px; }
#tweaks-panel .tw-acc { width:22px; height:22px; border-radius:7px; cursor:pointer; border:2px solid transparent; box-shadow:0 0 0 1px rgba(255,255,255,0.1) inset; transition:transform 0.12s ease; display:flex; align-items:center; justify-content:center; }
#tweaks-panel .tw-acc:hover { transform:scale(1.12); }
#tweaks-panel .tw-acc.active { box-shadow:none; }
#tweaks-panel .tw-acc.auto { background:rgba(255,255,255,0.05); font-family:var(--font-mono,monospace); font-size:7px; letter-spacing:0.05em; font-weight:700; box-shadow:none; }