@keyframes settings-nav-spin{to{transform:rotate(360deg)}}.settings-nav-wrap{background:var(--field-bg);border-bottom:1px solid var(--border-color);width:100%;box-shadow:0 2px 8px var(--shadow-card);flex:none;position:relative;overflow:hidden}.settings-nav-wrap:before,.settings-nav-wrap:after{content:"";pointer-events:none;z-index:2;opacity:0;width:24px;transition:opacity var(--transition-fast);position:absolute;top:0;bottom:0}.settings-nav-wrap:before{background:linear-gradient(to right, var(--settings-nav-fade-color,var(--field-bg)), transparent);left:0}.settings-nav-wrap:after{background:linear-gradient(to left, var(--settings-nav-fade-color,var(--field-bg)), transparent);right:0}.settings-nav-wrap.settings-nav-wrap--scroll-start:before,.settings-nav-wrap.settings-nav-wrap--scroll-end:after{opacity:1}.settings-nav{scrollbar-width:none;flex-wrap:nowrap;gap:4px;padding:12px 16px;display:none;overflow-x:auto}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-link{border-radius:var(--radius-pill);color:var(--text-color);background:var(--field-bg);border:1px solid var(--border-color);white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.settings-nav-link:hover,.settings-nav-link:focus,.settings-nav-link:active{text-decoration:none}.settings-nav-link:hover{border-color:var(--accent);color:var(--accent);background:linear-gradient(135deg, var(--accent-tint-subtle) 0%, var(--accent-tint-hover) 100%)}.settings-nav-link.active{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:var(--text-on-accent);border-color:var(--accent);box-shadow:0 2px 8px var(--accent-shadow-soft)}.settings-nav-link:focus-visible{box-shadow:0 0 0 3px var(--accent-border);outline:none}.settings-nav-link.loading{pointer-events:none;opacity:.85}.settings-nav-link.loading:after{content:"";aspect-ratio:1;vertical-align:middle;border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:14px;min-width:14px;height:14px;min-height:14px;margin-left:8px;animation:.6s linear infinite settings-nav-spin;display:inline-block}.settings-nav-mobile-panel{display:block}.settings-nav-scroll{overscroll-behavior-x:contain;scrollbar-width:none;overflow:auto hidden}.settings-nav-scroll::-webkit-scrollbar{display:none}.settings-nav-mobile{box-sizing:border-box;flex-wrap:nowrap;align-items:center;gap:8px;width:max-content;min-width:100%;padding:8px 12px;display:flex}.settings-nav-tab{border-radius:var(--radius-pill);font-size:13px;font-weight:600;font-family:var(--font-sans);color:var(--text-color);background:var(--field-bg);border:1px solid var(--border-color);white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-shrink:0;justify-content:center;align-items:center;padding:8px 14px;text-decoration:none;transition:background .12s,color .12s,border-color .12s,box-shadow .12s;display:inline-flex}.settings-nav-tab:hover,.settings-nav-tab:focus,.settings-nav-tab:active{text-decoration:none}.settings-nav-tab:is(:active,.settings-nav-tab.settings-nav-tab--pressed),.settings-nav-tab.active{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:var(--text-on-accent);border-color:var(--accent);box-shadow:0 2px 8px var(--accent-shadow-soft)}.settings-nav-tab:focus-visible{box-shadow:0 0 0 3px var(--accent-border);outline:none}