.settings-page{max-width:1080px}.settings-nav{scrollbar-width:none;gap:8px;margin:-8px 0 28px -2px;padding:4px 2px 6px;display:flex;overflow-x:auto}.settings-nav::-webkit-scrollbar{display:none}.settings-nav .chip{flex:none;text-decoration:none}.settings-sections{gap:var(--space-12);display:grid}.settings-section{scroll-margin-top:calc(var(--topbar-height) + 24px)}@media (min-width:1024px){.settings-section{scroll-margin-top:24px}}.settings-section-head{margin-bottom:var(--space-4);gap:4px;display:grid}.settings-card{overflow:hidden}.settings-group{gap:var(--space-5);padding:var(--space-5);display:grid}.settings-group+.settings-group{border-top:1px solid var(--line)}@media (min-width:768px){.settings-group{padding:var(--space-6)}}.settings-group-title{letter-spacing:-.004em;font-size:15px;font-weight:600}.settings-card-notice{margin:0 var(--space-5) var(--space-5)}@media (min-width:768px){.settings-card-notice{margin:0 var(--space-6) var(--space-6)}}.settings-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.settings-line>div:first-child{flex:260px;gap:2px;display:grid}.settings-fields-3{gap:var(--space-4);display:grid}@media (min-width:640px){.settings-fields-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.field-hint.is-warn{color:var(--confirm)}.settings-profile{gap:var(--space-6);align-items:start;display:grid}@media (min-width:1100px){.settings-profile{grid-template-columns:minmax(0,1fr) 380px}}.settings-preview,.settings-preview-inline{gap:10px;display:grid}.settings-preview-side{display:none}@media (min-width:1100px){.settings-preview-side{display:block;position:sticky;top:24px}.settings-group-preview{display:none}}.profile-fields{gap:var(--space-4);display:grid}.image-picker{align-items:center;gap:16px;min-width:0;display:flex}.image-picker-body{gap:8px;min-width:0;display:grid}.image-picker-body .field-hint{max-width:46ch}.image-picker-actions{flex-wrap:nowrap;gap:4px}.image-picker-logo{border:1px solid var(--line-strong);background:#fff;border-radius:12px;flex:none;place-items:center;width:112px;height:64px;padding:8px;display:grid}.image-picker-logo img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.image-picker-logo.is-empty{color:var(--faint);background:var(--surface-2);border-style:dashed}.image-picker-logo.is-empty svg{width:24px;height:24px}@media (max-width:479.98px){.image-picker{align-items:flex-start;gap:14px}.image-picker-logo{width:72px;height:56px;padding:6px}}.accent-picker{gap:var(--space-5);display:grid}.accent-swatches{border:0;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;min-width:0;margin:0;padding:0;display:grid}.accent-swatch{cursor:pointer;border-radius:12px;justify-items:center;gap:6px;padding:6px 4px;display:grid;position:relative}.accent-swatch:hover{background:var(--hover)}.accent-swatch>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.accent-swatch-color{background:var(--swatch);width:36px;height:36px;color:var(--swatch-ink);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #00000014}.accent-swatch-color svg{opacity:0;width:18px;height:18px}.accent-swatch:has(>input:checked) .accent-swatch-color{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--ink)}.accent-swatch:has(>input:checked) .accent-swatch-color svg{opacity:1}.accent-swatch:has(>input:focus-visible) .accent-swatch-color{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--ink), 0 0 0 8px var(--select)}.accent-swatch-name{color:var(--ink-2);font-size:12px;font-weight:550}.accent-swatch:has(>input:checked) .accent-swatch-name{color:var(--ink);font-weight:650}.accent-custom .field-label{align-items:center;gap:8px;display:flex}.accent-custom-row{align-items:center;gap:10px;display:flex}.accent-color-input{width:var(--tap);height:var(--tap);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;flex:none;padding:3px}.accent-color-input::-webkit-color-swatch-wrapper{padding:0}.accent-color-input::-webkit-color-swatch{border:0;border-radius:7px}.accent-color-input::-moz-color-swatch{border:0;border-radius:7px}.accent-hex{text-transform:lowercase;max-width:140px}.settings-devs .list-row{gap:14px;min-height:72px}.settings-dev-thumb{background:var(--surface-3);border-radius:8px;flex:none;width:64px;height:48px;overflow:hidden}.settings-dev-thumb img{object-fit:cover;width:100%;height:100%;display:block}.settings-dev.is-locked{cursor:default}.settings-dev .list-row-meta{white-space:normal}.settings-after-list{margin-top:8px}.settings-code .input-affix{max-width:520px;padding-left:0}.settings-code .input-affix>span:first-child{color:var(--muted);place-items:center;padding:0 0 0 12px;display:grid}.settings-code .input-affix>span:first-child svg{width:18px;height:18px}.settings-code-toggle{flex:none;margin-right:2px}.settings-facts{padding:var(--space-5);border-top:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);gap:12px;margin:0;font-size:14px;list-style:none;display:grid}@media (min-width:768px){.settings-facts{padding:var(--space-5) var(--space-6)}}.settings-facts li{align-items:flex-start;gap:10px;line-height:1.45;display:flex}.settings-facts svg{width:18px;height:18px;color:var(--muted);flex:none;margin-top:1px}.settings-stats{background:var(--line);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}@media (min-width:640px){.settings-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.settings-stats>div{background:var(--surface);gap:2px;padding:12px 14px;display:grid}.settings-stats dt{color:var(--muted);font-size:12px}.settings-stats dd{letter-spacing:-.01em;font-size:20px;font-weight:600}.settings-danger{background:color-mix(in srgb, var(--danger-soft) 35%, var(--surface))}.settings-backup-hint{align-items:flex-start;gap:8px;max-width:64ch;display:flex}.settings-backup-hint svg{flex:none;width:15px;height:15px;margin-top:1px}.settings-backup-hint strong{color:var(--ink-2);font-weight:600}.save-status{min-height:32px;color:var(--muted);transition:color var(--dur);align-items:center;gap:6px;font-size:13px;font-weight:550;display:inline-flex}.save-status svg{width:16px;height:16px}.save-status.is-saved{color:var(--ink)}.save-status.is-error{color:var(--danger)}.settings-skeleton{padding:var(--space-6);gap:14px;display:grid}