.settings-group+.settings-group{margin-top:22px}.settings-heading{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:12px;font-weight:600;color:var(--ff-muted)}.dev-tag{padding:1px 6px;border-radius:var(--ff-radius-sm);background:var(--ff-hover);color:var(--ff-muted);font-size:var(--ff-text-sm);font-weight:600}
.setting-row{display:flex;align-items:center;gap:12px;min-height:50px;border-bottom:1px solid var(--ff-divider);cursor:pointer}.setting-icon{display:grid;place-items:center;flex:none;color:var(--ff-accent-text)}.setting-icon svg{width:20px;height:20px}.setting-name{flex:1;min-width:0;font-size:var(--ff-text-md);font-weight:600;overflow-wrap:anywhere}.setting-row input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{flex:0 0 36px;height:20px;border-radius:20px;background:var(--ff-switch);position:relative;transition:background .15s}.switch-track:after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:var(--ff-knob);border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .15s}.setting-row input:checked+.switch-track{background:var(--ff-accent)}.setting-row input:checked+.switch-track:after{transform:translateX(16px);background:var(--ff-knob)}.setting-row input:focus-visible+.switch-track{outline:3px solid var(--ff-focus);outline-offset:3px}.setting-row input:disabled+.switch-track{opacity:.45}
/* A set shortcut and an empty one share one box, so the column stays aligned. */
.setting-row .shortcut-key{flex:none;box-sizing:border-box;min-width:48px;height:24px;margin:0;padding:0 8px;border:1px solid var(--ff-border);border-radius:var(--ff-radius-sm);background:var(--ff-surface);color:var(--ff-muted);font-size:var(--ff-text-sm);font-weight:400;line-height:22px;text-align:center;white-space:nowrap}.setting-row .shortcut-key.unset{border-style:dashed;border-color:var(--ff-switch);background:transparent;color:var(--ff-subtle)}.setting-row .shortcut-key:hover{border-color:var(--ff-accent-edge);background:var(--ff-accent-soft)}
.shortcut-link{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;margin-top:10px;padding:4px 0;border:0;background:transparent;color:var(--ff-accent-text);font-size:var(--ff-text-sm);font-weight:600}.shortcut-link:hover{background:transparent;text-decoration:underline}.shortcut-link svg{width:14px;height:14px}
.settings-group{display:flex;flex-direction:column}.support-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.support-link{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:40px;padding:0 10px;border:1px solid var(--ff-border);border-radius:var(--ff-radius-control);background:var(--ff-surface);color:var(--ff-text);font-size:var(--ff-text-md);font-weight:600;transition:background .15s,border-color .15s,color .15s}.support-link svg{flex:none;width:16px;height:16px;color:var(--ff-accent-text)}.support-link:hover{border-color:var(--ff-accent-edge);background:var(--ff-accent-soft);color:var(--ff-accent-text)}.support-link:focus-visible{outline:2px solid var(--ff-focus);outline-offset:2px}
.support-links:not([hidden]) .support-link{animation:support-in .22s cubic-bezier(.2,.8,.2,1) both}.support-link+.support-link{animation-delay:.05s}@keyframes support-in{from{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.support-link{transition:none}.support-links:not([hidden]) .support-link{animation:none}}.settings-version{font-size:var(--ff-text-sm);line-height:1.6;color:var(--ff-subtle);text-align:center;margin:28px 0 0}
.theme-options{display:flex;gap:4px;padding:4px;border:1px solid var(--ff-border);border-radius:var(--ff-radius-control);background:var(--ff-bg)}.theme-options label{position:relative;flex:1;min-width:0;cursor:pointer}.theme-options input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.theme-options span{display:block;padding:8px 4px;border-radius:var(--ff-radius-sm);text-align:center;font-size:var(--ff-text-md);color:var(--ff-muted);white-space:nowrap}.theme-options input:checked+span{background:var(--ff-accent-soft);color:var(--ff-accent-text);box-shadow:inset 0 0 0 1px var(--ff-accent-edge);font-weight:600}.theme-options label:hover span{color:var(--ff-text)}.theme-options input:focus-visible+span{outline:2px solid var(--ff-focus);outline-offset:2px}.theme-options label:has(input:disabled){opacity:.45;cursor:default}
.language-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.language-options label:first-child{grid-column:1/-1}.language-options span{white-space:normal;overflow-wrap:anywhere;min-height:36px;display:grid;place-items:center}