/* 리모트 톱바의 설정(톱니바퀴) 버튼과 설정 창을 꾸밉니다. */
.ccm-remote .topbar .gear{
  flex:none; background:transparent; border:0; color:var(--ink-2); font-size:16px;
  cursor:pointer; padding:4px 6px; border-radius:8px;
}
.ccm-remote .topbar .gear:hover{background:var(--surface-3); color:var(--ink)}
.ccm-remote .settings-sheet .dimrow{display:flex; align-items:center; gap:10px}
.ccm-remote .settings-sheet .dimrow input[type="range"]{
  flex:1; accent-color:var(--accent); cursor:pointer;
}
.ccm-remote .settings-sheet .dimrow .val{
  min-width:42px; text-align:right; font-size:13px; font-weight:800;
  color:var(--ink); font-variant-numeric:tabular-nums;
}
.ccm-remote .settings-sheet .hint{color:var(--muted); font-size:11.5px; line-height:1.5}