.lighting-modes { min-width:0; display:flex; flex-direction:column; gap:13px; padding:18px; border:1px solid var(--line-strong); border-radius:15px; background:var(--surface); color:var(--ink); }
.lighting-modes-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.lighting-modes-head h2 { margin:0; font-size:15px; font-weight:600; line-height:1.5; }
.lighting-modes-head p { margin:4px 0 0; font-size:12px; line-height:1.6; color:var(--ink-3); }
.lighting-modes-current { flex:none; padding:5px 9px; border-radius:8px; background:var(--surface-2); color:var(--ink-2); font-size:11px; line-height:1.5; }
.lighting-modes-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.lighting-mode { min-width:0; min-height:70px; display:flex; align-items:center; gap:11px; padding:12px 14px; border:1px solid var(--line-strong); border-radius:11px; color:var(--ink-2); background:var(--surface); font:inherit; text-align:left; cursor:pointer; transition:background .15s,border-color .15s; }
.lighting-mode:hover:not(:disabled) { background:var(--surface-2); }
.lighting-mode[aria-pressed="true"] { border-color:var(--accent-ink); background:var(--accent-soft); color:var(--accent-ink); }
.lighting-mode>svg { flex:none; }
.lighting-mode-copy { min-width:0; display:flex; flex-direction:column; gap:4px; }
.lighting-mode-copy b { font-size:14px; font-weight:600; line-height:1.4; }
.lighting-mode-copy small { color:var(--ink-3); font-size:11px; line-height:1.4; }
.lighting-mode-check { margin-left:auto; visibility:hidden; }
.lighting-mode[aria-pressed="true"] .lighting-mode-check { visibility:visible; }
.lighting-mode:focus-visible,.lighting-modes-retry:focus-visible { outline:2px solid var(--accent-ink); outline-offset:3px; }
.lighting-mode:disabled { cursor:default; }
.lighting-mode[aria-busy="true"] { background:var(--surface-2); }
.lighting-modes-note { margin:0; color:var(--ink-3); font-size:11px; line-height:1.7; }
.lighting-modes-foot { display:flex; align-items:center; gap:10px; }
.lighting-modes-foot:has(.lighting-modes-feedback[hidden]):has(.lighting-modes-retry[hidden]) { display:none; }
.lighting-modes-feedback { margin:0; flex:1; font-size:12px; line-height:1.6; color:var(--ink-2); }
.lighting-modes-feedback[data-tone="bad"] { color:var(--bad-ink); }
.lighting-modes-retry { flex:none; display:grid; place-items:center; width:36px; height:36px; border:1px solid var(--line-strong); border-radius:9px; background:var(--surface); color:var(--ink-2); cursor:pointer; }
.lighting-modes [hidden] { display:none!important; }
.scenes>.lighting-modes { grid-column:1/-1; }
@media(max-width:560px) {
  .lighting-modes { padding:15px; gap:12px; }
  .lighting-modes-head { flex-wrap:wrap; gap:8px; }
  .lighting-mode { min-height:76px; padding:10px; gap:8px; }
  .lighting-mode>svg:first-child { width:20px; height:20px; }
  .lighting-mode-check { width:14px; }
  .lighting-mode-copy b { font-size:13px; }
}