:root{--settings-row-min-h:52px;--settings-row-pad:10px 12px;--settings-control-h:36px;--settings-control-radius:8px;--settings-switch-w:36px;--settings-switch-h:20px;--settings-switch-thumb:16px;--settings-segment-h:32px;--settings-section-gap:16px;--settings-motion:150ms ease}@media (prefers-reduced-motion:reduce){:root{--settings-motion:0ms}}.settings-form{display:flex;flex-direction:column;gap:var(--settings-section-gap);width:100%;max-width:880px}.settings-form .settings-form{max-width:none}.settings-form+.settings-form{margin-top:var(--settings-section-gap)}.settings-form--all{--settings-section-gap:24px}.settings-section{background:var(--ui-surface,#fff);border:1px solid var(--ui-border,#c9d3de);border-radius:10px;color:var(--ui-text,#17212b);overflow:hidden}.settings-section__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--ui-border,#c9d3de)}.settings-section__head-text{min-width:0}.settings-section__title{margin:0;font-size:14px;font-weight:600;line-height:1.3;color:var(--ui-text,#17212b)}.settings-section__desc{margin:2px 0 0;font-size:12px;line-height:1.4;color:var(--ui-text-muted,#4b5b6b)}.settings-section__actions{display:flex;flex-shrink:0;align-items:center;gap:8px}.settings-group__body,.settings-rows,.settings-section__body{display:flex;flex-direction:column}.settings-group__body>*+*,.settings-rows>*+*,.settings-section__body>*+*{border-top:1px solid var(--ui-border,#c9d3de)}.settings-group__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 12px;background:var(--ui-surface-subtle,#eaf0f5)}.settings-group__title{font-weight:600;line-height:1.3;letter-spacing:.02em;text-transform:uppercase}.settings-group__desc,.settings-group__title{margin:0;font-size:12px;color:var(--ui-text-muted,#4b5b6b)}.settings-group__desc{line-height:1.4}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--settings-row-min-h);padding:var(--settings-row-pad);margin:0;background:transparent}.settings-row--clickable{cursor:pointer}.settings-row--clickable:hover{background:var(--ui-surface-subtle,#eaf0f5)}.settings-row--disabled{cursor:not-allowed}.settings-row__text{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:2px}.settings-row__title{display:block;font-size:14px;font-weight:600;line-height:1.3;color:var(--ui-text,#17212b)}.settings-row__desc{display:block;margin:0;font-size:12px;line-height:1.4;color:var(--ui-text-muted,#4b5b6b)}.settings-row__desc--clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.settings-row__meta{display:block;margin:0;font-size:11px;line-height:1.4;color:var(--ui-text-muted,#4b5b6b)}.settings-row__control{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;max-width:60%}.settings-row--stack{flex-direction:column;align-items:stretch;gap:8px}.settings-row--stack .settings-row__control{max-width:none;justify-content:flex-start}@media (min-width:640px){.settings-row--stack{flex-direction:row;align-items:center}.settings-row--stack .settings-row__control{justify-content:flex-end;max-width:60%}}.settings-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;min-height:var(--settings-row-min-h);padding:var(--settings-row-pad);background:var(--ui-surface-subtle,#eaf0f5)}.settings-footer__note{margin-right:auto;min-width:0;font-size:12px;line-height:1.4;color:var(--ui-text-muted,#4b5b6b)}.settings-footer__actions{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.settings-select{position:relative;display:inline-flex;min-width:160px;max-width:100%}.settings-row__control .settings-select:not(.settings-select--full){width:auto;min-width:180px;max-width:320px}@media (max-width:639px){.settings-row__control .settings-select:not(.settings-select--full){width:100%}}.settings-select--full{display:flex;width:100%}.settings-select__native{width:100%;height:var(--settings-control-h);padding:0 32px 0 10px;border:1px solid var(--ui-border-strong,#8291a3);border-radius:var(--settings-control-radius);background:var(--ui-control,#fff);color:var(--ui-text,#17212b);font-size:13px;line-height:1.2;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color var(--settings-motion),box-shadow var(--settings-motion)}.settings-select__native:hover:not(:disabled){border-color:var(--ui-primary,#314e67)}.settings-select__native:focus{outline:none}.settings-select__native:focus-visible{border-color:var(--ui-focus,#007a8a);box-shadow:0 0 0 2px var(--ui-surface,#fff),0 0 0 4px var(--ui-focus,#007a8a)}.settings-select__native:disabled{cursor:not-allowed;opacity:.6}.settings-select__native option{background:var(--ui-control,#fff);color:var(--ui-text,#17212b)}.settings-select__chevron{position:absolute;top:50%;right:10px;width:14px;height:14px;transform:translateY(-50%);color:var(--ui-text-muted,#4b5b6b);pointer-events:none}.settings-number{display:inline-flex;align-items:center;gap:8px}.settings-number__input{width:88px;height:var(--settings-control-h);padding:0 10px;border:1px solid var(--ui-border-strong,#8291a3);border-radius:var(--settings-control-radius);background:var(--ui-control,#fff);color:var(--ui-text,#17212b);font-size:13px;line-height:1.2;text-align:right;transition:border-color var(--settings-motion),box-shadow var(--settings-motion)}.settings-number__input:hover:not(:disabled){border-color:var(--ui-primary,#314e67)}.settings-number__input:focus{outline:none}.settings-number__input:focus-visible{border-color:var(--ui-focus,#007a8a);box-shadow:0 0 0 2px var(--ui-surface,#fff),0 0 0 4px var(--ui-focus,#007a8a)}.settings-number__input:disabled{cursor:not-allowed;opacity:.6}.settings-number__unit{color:var(--ui-text-muted,#4b5b6b);font-size:13px;white-space:nowrap}.settings-input{width:100%;min-width:0;max-width:280px;height:var(--settings-control-h);padding:0 10px;border:1px solid var(--ui-border-strong,#8291a3);border-radius:var(--settings-control-radius);background:var(--ui-control,#fff);color:var(--ui-text,#17212b);font-size:13px;line-height:1.2;transition:border-color var(--settings-motion),box-shadow var(--settings-motion)}.settings-input:hover:not(:disabled):not([readonly]){border-color:var(--ui-primary,#314e67)}.settings-input:focus{outline:none}.settings-input:focus-visible{border-color:var(--ui-focus,#007a8a);box-shadow:0 0 0 2px var(--ui-surface,#fff),0 0 0 4px var(--ui-focus,#007a8a)}.settings-input:disabled{cursor:not-allowed;opacity:.6}.settings-input--readonly{background:var(--ui-surface-subtle,#eaf0f5);color:var(--ui-text-muted,#4b5b6b);cursor:default}.settings-password{position:relative;display:block;width:100%;max-width:280px}.settings-password .settings-input{max-width:none}.settings-footer .settings-password__toggle,.settings-row .settings-password__toggle{width:34px;border-radius:0 var(--settings-control-radius) var(--settings-control-radius) 0;color:var(--ui-text-muted,#4b5b6b)}.settings-row .settings-password__toggle:hover:not(:disabled){color:var(--ui-text,#17212b)}.settings-switch{position:relative;display:inline-flex;flex-shrink:0;box-sizing:border-box;width:var(--settings-switch-w);height:var(--settings-switch-h);padding:0;border:1px solid var(--ui-border-strong,#8291a3);border-radius:999px;background:var(--ui-control,#fff);cursor:pointer;transition:background var(--settings-motion),border-color var(--settings-motion)}.settings-switch:before{content:"";position:absolute;inset:-12px -4px}.settings-switch__thumb{position:absolute;top:1px;left:1px;width:var(--settings-switch-thumb);height:var(--settings-switch-thumb);border-radius:999px;background:var(--ui-border-strong,#8291a3);transition:transform var(--settings-motion),background var(--settings-motion);pointer-events:none}.settings-switch[aria-checked=true]{background:var(--ui-primary,#314e67);border-color:var(--ui-primary,#314e67)}.settings-switch[aria-checked=true] .settings-switch__thumb{background:var(--ui-primary-contrast,#fff);transform:translateX(16px)}.settings-switch:focus{outline:none}.settings-switch:focus-visible{box-shadow:0 0 0 2px var(--ui-surface,#fff),0 0 0 4px var(--ui-focus,#007a8a)}.settings-switch:disabled,.settings-switch[aria-disabled=true]{cursor:not-allowed;opacity:.6}.settings-segmented{display:inline-flex;box-sizing:border-box;height:var(--settings-segment-h);max-width:100%;padding:2px;border:1px solid var(--ui-border-strong,#8291a3);border-radius:var(--settings-control-radius);background:var(--ui-control,#fff)}.settings-segmented--full{display:flex;width:100%}.settings-segmented__option{display:inline-flex;flex:1 1 auto;align-items:center;justify-content:center;gap:6px;min-width:0;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--ui-text-muted,#4b5b6b);font-size:13px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background var(--settings-motion),color var(--settings-motion)}.settings-segmented__option:hover:not(:disabled){color:var(--ui-text,#17212b)}.settings-segmented__option[aria-pressed=true]{background:var(--ui-primary,#314e67);color:var(--ui-primary-contrast,#fff)}.settings-segmented__option:focus{outline:none}.settings-segmented__option:focus-visible{box-shadow:0 0 0 2px var(--ui-surface,#fff),0 0 0 4px var(--ui-focus,#007a8a)}.settings-segmented__option:disabled{cursor:not-allowed;opacity:.6}.settings-segmented__icon{display:inline-flex;width:14px;height:14px;flex-shrink:0}.settings-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--ui-border-strong,#8291a3);border-radius:var(--settings-control-radius);background:var(--ui-control,#fff);color:var(--ui-text,#17212b);font-size:12px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background var(--settings-motion),border-color var(--settings-motion),filter var(--settings-motion)}.settings-btn:hover:not(:disabled){background:var(--ui-surface-subtle,#eaf0f5)}.settings-btn:focus{outline:none}.settings-btn:focus-visible{box-shadow:0 0 0 2px var(--ui-surface,#fff),0 0 0 4px var(--ui-focus,#007a8a)}.settings-btn:disabled{cursor:not-allowed;opacity:.5}.settings-btn--sm{height:28px;padding:0 10px;font-weight:500}.settings-btn--primary{background:var(--ui-primary,#314e67);border-color:var(--ui-primary,#314e67);color:var(--ui-primary-contrast,#fff)}.settings-btn--primary:hover:not(:disabled){background:var(--ui-primary,#314e67);filter:brightness(1.08)}.settings-btn--danger{background:var(--ui-error,#b91c1c);border-color:var(--ui-error,#b91c1c);color:var(--ui-error-contrast,#fff)}.settings-btn--danger:hover:not(:disabled){filter:brightness(1.08)}.settings-btn__icon{width:14px;height:14px}.settings-note{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;font-size:12px;line-height:1.4}.settings-note__icon{width:16px;height:16px;flex-shrink:0;margin-top:1px}.settings-note--warning{background:var(--ui-warning-bg,#fff4e5);color:var(--ui-warning-text,#7a2e0e)}.settings-note--error{background:var(--ui-error-bg,#fff1f2);color:var(--ui-error-text,#9b1c1c)}.settings-note--standalone{border:1px solid var(--ui-border,#c9d3de);border-radius:var(--settings-control-radius)}.settings-nav{display:flex;flex-direction:column;gap:2px}.settings-nav__link{position:relative;display:flex;align-items:center;gap:10px;min-height:36px;padding:8px 10px 8px 12px;border-radius:6px;color:var(--ui-text-muted,#4b5b6b);font-size:13px;font-weight:500;line-height:1.3;text-decoration:none;transition:background var(--settings-motion),color var(--settings-motion)}.settings-nav__link:hover{background:var(--ui-surface-subtle,#eaf0f5);color:var(--ui-text,#17212b)}.settings-nav__link:focus{outline:none}.settings-nav__link:focus-visible{box-shadow:0 0 0 2px var(--ui-focus,#007a8a)}.settings-nav__link[aria-current=page]{background:var(--ui-surface-subtle,#eaf0f5);color:var(--ui-primary,#314e67);font-weight:600}.settings-nav__link[aria-current=page]:before{content:"";position:absolute;top:8px;bottom:8px;left:0;width:2px;border-radius:2px;background:var(--ui-primary,#314e67)}.settings-nav__icon{display:inline-flex;flex-shrink:0;width:18px;height:18px}.settings-nav__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-header-actions{display:flex;align-items:center;gap:10px}.settings-dirty{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:999px;background:var(--ui-warning-bg,#fff4e5);color:var(--ui-warning-text,#7a2e0e);font-size:12px;font-weight:500;line-height:1}.settings-dirty__icon{width:14px;height:14px}.settings-leave__backdrop{position:fixed;inset:0;background:rgba(15,22,36,.45)}.settings-leave__wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.settings-leave__panel{width:100%;max-width:400px;padding:20px;border:1px solid var(--ui-border,#c9d3de);border-radius:12px;background:var(--ui-surface,#fff);color:var(--ui-text,#17212b);box-shadow:0 12px 32px rgba(15,22,36,.24)}.dark .settings-leave__panel{box-shadow:0 12px 32px rgba(0,0,0,.5)}.settings-leave__title{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;line-height:1.3}.settings-leave__title-icon{width:18px;height:18px;color:var(--ui-warning,#b45309)}.settings-leave__message{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--ui-text-muted,#4b5b6b)}.settings-leave__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px}