.settings-sheet { width: min(1080px, calc(100vw - 70px)); height: auto; max-height: calc(100vh - 60px); }
.settings-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; }
.settings-grid fieldset { min-width: 0; margin: 0; padding: 21px 24px 28px; border: 0; border-right: 1px solid var(--ink); }.settings-grid fieldset:last-child { border-right: 0; }.settings-grid legend { float: left; width: 100%; margin-bottom: 12px; padding: 0 0 8px; border-bottom: 2px solid var(--ink); font-size: 13px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.switch-row, .range-row { display: flex; width: 100%; min-height: 53px; clear: both; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px dashed var(--line); font-size: 11px; font-weight: 750; }.switch-row span { display: flex; flex-direction: column; }.switch-row small { margin-top: 2px; color: var(--muted-ink); font-size: 8px; font-weight: 500; }.toggle { min-width: 52px; padding: 6px 8px; border: 1px solid var(--ink); background: transparent; font: 850 9px ui-monospace, monospace; }.toggle.on { color: var(--paper-light); background: var(--green); }
.range-row { display: block; padding: 11px 0; }.range-row span { display: flex; justify-content: space-between; margin-bottom: 8px; }.range-row output { color: var(--route); font: 850 9px ui-monospace, monospace; }.range-row input { width: 100%; height: 5px; accent-color: var(--green); cursor: pointer; }
.key-list { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 14px; }.key-list span { display: flex; align-items: center; gap: 6px; font-size: 8px; font-weight: 700; }