/* ===== Settings layout: grouped sub-navigation (v74) ===== */
.set-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start}
.set-nav{position:sticky;top:12px;display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.set-search{position:relative;margin-bottom:8px}
.set-search i{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:var(--muted-2);font-size:12px;pointer-events:none}
.set-search .inp{padding-inline-start:32px}
.set-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:10px;background:none;color:var(--text);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;text-align:start;transition:background .15s}
.set-item i{width:18px;text-align:center;color:var(--muted)}
.set-item span{flex:1}
.set-item em{font-style:normal;font-size:11px;font-weight:800;background:var(--acc);color:#fff;border-radius:999px;padding:1px 7px}
.set-item:hover{background:var(--row-hover)}
.set-item.on{background:rgba(var(--acc-rgb),.12);color:var(--acc)}
.set-item.on i{color:var(--acc)}
.set-item.dim{opacity:.45}
.set-main{min-width:0}
.set-head{margin-bottom:16px}
.set-title{font-size:22px;font-weight:800}
@media (max-width:900px){
  .set-layout{grid-template-columns:minmax(0,1fr)}
  .set-nav{position:static;flex-direction:row;overflow-x:auto;gap:6px;padding:8px}
  .set-search{display:none}
  .set-item{width:auto;white-space:nowrap;flex:none}
}

.set-presets{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.set-preset{width:34px;height:34px;border-radius:50%;border:2px solid var(--surface);background:var(--c);box-shadow:0 0 0 1px var(--border);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:transform .15s}
.set-preset i{opacity:0}.set-preset.on i{opacity:1}.set-preset:hover{transform:scale(1.12)}
.set-preset:focus-visible{outline:2px solid var(--text);outline-offset:2px}
