.settings-main { width:min(1160px,calc(100% - 64px)); min-height:var(--settings-reserved-height,0px); margin:0 auto; padding:30px 0 56px; }
.settings-title { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:22px; }
.settings-title h1 { margin:5px 0 0; font-size:26px; font-weight:550; letter-spacing:-.055em; line-height:1.4; }
.settings-scope { color:var(--console-muted); font-size:11px; }
.settings-statusbar { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:48px; border-block:1px solid var(--console-line); margin-bottom:24px; padding:5px 0; }
.settings-statusbar p { margin:0; color:var(--console-muted); font-size:12px; }
.settings-statusbar .console-button { min-height:44px; flex-shrink:0; }
.settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.settings-panel { min-width:0; border:1px solid var(--console-line); background:linear-gradient(135deg,#c8d4e205,transparent 65%),var(--console-surface); padding:22px; }
#security, #shortcuts { scroll-margin-top:calc(var(--workspace-header-height,68px) + 16px); }
.settings-section-heading { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.settings-index { color:var(--console-warm); font:11px/1.4 var(--console-mono); letter-spacing:.06em; }
.settings-section-heading h2 { margin:0; font-size:14px; font-weight:550; }
.settings-tool { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:76px; padding:14px 0; border-top:1px solid var(--console-line-soft); text-decoration:none; }
.settings-tool > span:first-child { min-width:0; }
.settings-tool strong { display:block; color:var(--console-text); font-size:13px; font-weight:500; }
.settings-tool small { display:block; margin-top:4px; font-size:11px; color:var(--console-muted); overflow-wrap:anywhere; }
.settings-tool:hover strong, .settings-tool:hover .settings-arrow { color:var(--console-warm); }
.settings-arrow { display:grid; place-items:center; flex-shrink:0; width:32px; height:32px; border:1px solid var(--console-line); color:var(--console-muted); font-size:16px; }
.settings-note { margin:12px 0 0; font-size:11px; color:var(--console-muted); line-height:1.85; word-break:keep-all; overflow-wrap:anywhere; }
.settings-help { grid-column:1 / -1; }
.settings-command { min-height:44px; margin-top:16px; gap:22px; }
.settings-command > span { color:var(--console-muted); font-size:10px; }
.settings-keys { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 26px; margin:20px 0 0; }
.settings-keys > div { display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--console-line-soft); min-height:52px; padding:10px 0; }
.settings-keys dt { color:var(--console-text); font-size:12px; }
.settings-keys dd { flex-shrink:0; margin:0; color:var(--console-muted); font-size:10px; }
.settings-main kbd { display:inline-block; min-width:22px; padding:1px 5px; border:1px solid #344251; border-bottom-width:2px; border-radius:3px; background:var(--console-bg); color:var(--console-text); font:10px/1.6 var(--console-mono); text-align:center; }
.settings-help-scope { padding-top:12px; border-top:1px solid var(--console-line-soft); }
body[data-settings-state="unavailable"] #settings-status { color:var(--console-danger); }
@media (max-width:900px) { .settings-keys { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) {
  .settings-main { width:calc(100% - 32px); padding-top:22px; }
  .settings-title { align-items:start; margin-bottom:18px; }
  .settings-title h1 { font-size:23px; }
  .settings-scope { max-width:108px; text-align:right; line-height:1.9; }
  .settings-statusbar { align-items:start; }
  .settings-statusbar p { padding-block:10px; }
  .settings-grid { grid-template-columns:minmax(0,1fr); gap:14px; }
  .settings-panel { padding:18px; }
  .settings-keys { grid-template-columns:minmax(0,1fr); }
  .settings-note { font-size:12px; }
}