.settings-layout{display:grid;grid-template-columns:minmax(260px,350px) minmax(0,1fr);gap:12px}.settings-nav{position:sticky;top:62px;align-self:start;padding:10px}.settings-nav button{width:100%;text-align:left;margin-bottom:5px;font-size:.72rem}.settings-nav button.active{background:rgba(84,241,200,.07);border-color:rgba(84,241,200,.24);color:var(--accent)}.settings-section{display:none}.settings-section.active{display:block}.setting-card{padding:14px;border-bottom:1px solid var(--line)}.setting-card:last-child{border-bottom:0}.setting-card h3{margin:0 0 8px;font-size:.82rem}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.field-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.code-area{font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.danger-zone{border-color:rgba(255,107,131,.18);background:linear-gradient(135deg,rgba(255,107,131,.035),transparent)}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0}.toggle{display:flex;align-items:center;gap:7px;font-size:.72rem}.toggle input{width:16px;height:16px}
@media(max-width:850px){.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow:auto}.settings-nav button{width:auto;flex:0 0 auto}}@media(max-width:620px){.field-grid,.field-grid-3{grid-template-columns:1fr}}

@media(max-width:850px){
  .settings-layout{grid-template-columns:1fr}
  .settings-nav{position:static;display:flex;overflow-x:auto;gap:6px;padding:8px}
  .settings-nav button{width:auto;flex:0 0 auto;margin:0;min-height:44px;padding:12px 15px}
}
@media(max-width:620px){
  .field-grid,.field-grid-3{grid-template-columns:1fr}
  .setting-card{padding:12px}
  .setting-row{align-items:flex-start;flex-direction:column}
  .setting-row>.toggle{width:100%;justify-content:flex-start}
}

.setting-help{display:flex;gap:7px;align-items:flex-start;margin-top:8px;color:var(--muted);font-size:.69rem;line-height:1.45;background:#070d14;border:1px solid rgba(255,255,255,.05);border-radius:9px;padding:8px 9px}.setting-help b{flex:0 0 auto;color:var(--warn);font-size:.78rem}.setting-help code{font-size:.64rem}
@media(max-width:620px){.setting-help{font-size:.68rem}.setting-card label{min-width:0}.setting-row{gap:8px}}