.icon-btn{ background:var(--bg); border:none; border-radius:12px; width:36px; height:36px; box-shadow:var(--sh-out-sm);
    display:flex; align-items:center; justify-content:center; color:var(--gold); cursor:pointer; flex-shrink:0; }
  .icon-btn:active{ box-shadow:var(--sh-in-sm); }
  .settings-wrap{ position:relative; }
  .settings-panel{ position:absolute; top:calc(100% + 9px); right:0; z-index:40; width:238px; background:var(--bg);
    border-radius:16px; padding:15px; box-shadow:var(--sh-out); }
  .settings-label{ font-family:'IBM Plex Mono',monospace; font-size:9.5px; letter-spacing:1px; text-transform:uppercase;
    color:var(--muted-2); margin-bottom:9px; }
  .mode-toggle{ display:flex; gap:8px; }
  .mode-btn{ flex:1; display:flex; align-items:center; justify-content:center; gap:6px; padding:9px 0; border:none;
    border-radius:10px; background:var(--bg); box-shadow:var(--sh-in-sm); color:var(--muted); font-size:12px;
    font-weight:600; cursor:pointer; font-family:'Inter',sans-serif; }
  .mode-btn svg{ width:13px; height:13px; }
  .mode-btn.active{ color:var(--gold); box-shadow:var(--sh-in-sm), inset 0 0 0 1.5px var(--gold); }
  .accent-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:11px; margin-top:2px; }
  .accent-swatch{ width:30px; height:30px; border-radius:50%; border:none; cursor:pointer; display:flex;
    align-items:center; justify-content:center; box-shadow:var(--sh-out-sm); color:#fff; padding:0; }
  .accent-swatch svg{ width:13px; height:13px; }
  .accent-swatch.active{ outline:2px solid var(--ink); outline-offset:2px; }

  .back-btn{ display:flex; align-items:center; gap:6px; background:none; border:none; color:var(--gold); font-size:13px;
    font-weight:600; cursor:pointer; padding:0; }
  .back-btn svg{ width:15px; height:15px; }