.settings-page{max-width:40rem;padding:var(--s6) var(--s4) var(--s6);font-family:var(--font-ui);color:var(--ink);font-size:var(--type-3);line-height:var(--leading-3);letter-spacing:var(--tracking-3);margin:0 auto}.settings-header a{min-height:var(--hit-target-min);color:var(--paper-ink-accent);font-size:var(--type-3);line-height:var(--leading-3);letter-spacing:var(--tracking-3);transition:color var(--ui-duration-fast) var(--ui-ease);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.settings-header a:hover{text-decoration:underline}.settings-header h1{margin:var(--s3) 0 var(--s1);font-family:var(--font-display);font-size:var(--type-6);line-height:var(--leading-6);letter-spacing:var(--tracking-6);font-weight:600}.settings-header p{max-width:var(--measure-body);margin:0 0 var(--s5);color:var(--paper-ink-muted);font-size:var(--type-3);line-height:var(--leading-3);letter-spacing:var(--tracking-3)}.settings-form{gap:var(--s5);flex-direction:column;display:flex}.settings-section{padding:var(--s4);border:var(--hairline-width) solid var(--hairline-ink-paper);border-radius:var(--r2);background:var(--paper-surface-sunk)}.settings-section-title{margin:0 0 var(--s3);font-family:var(--font-display);font-size:var(--type-5);line-height:var(--leading-5);letter-spacing:var(--tracking-5);font-weight:600}.settings-field{gap:var(--s2);flex-direction:column;display:flex}.settings-field label{font-size:var(--type-2);line-height:var(--leading-2);letter-spacing:var(--tracking-label);font-weight:600}.settings-field input[type=text]{min-height:var(--hit-target-min);padding:var(--s2) var(--s3);border:var(--hairline-width) solid var(--paper-ink);border-radius:var(--r1);font:inherit;font-size:var(--type-3);line-height:var(--leading-3);letter-spacing:var(--tracking-3);background:var(--paper-surface);color:var(--paper-ink)}.settings-field input[type=range]{width:100%;min-height:var(--hit-target-min)}.settings-error{color:var(--paper-ink-danger);font-size:var(--type-2);line-height:var(--leading-2);letter-spacing:var(--tracking-2);margin:0}.settings-checkbox,.settings-radio{align-items:center;gap:var(--s2);min-height:var(--hit-target-min);padding:0 var(--s2) 0 0;font-size:var(--type-3);line-height:var(--leading-3);letter-spacing:var(--tracking-3);cursor:pointer;display:flex}.settings-checkbox input,.settings-radio input{appearance:none;width:var(--hit-target-min);height:var(--hit-target-min);cursor:pointer;background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid}.settings-checkbox input:before,.settings-radio input:before{content:"";width:var(--control-mark-size);height:var(--control-mark-size);border:var(--hairline-width) solid var(--paper-ink);background:var(--paper-surface);display:block}.settings-checkbox input:before{border-radius:var(--r1)}.settings-radio input:before{border-radius:50%}.settings-checkbox input:checked:before,.settings-radio input:checked:before{border-color:var(--paper-ink-accent);background:var(--paper-ink-accent);box-shadow:inset 0 0 0 var(--accent-rule-width) var(--paper-surface)}.settings-radio-group{gap:var(--s2) var(--s4);flex-wrap:wrap;display:flex}.settings-swatch-row{gap:var(--s2);margin:var(--s4) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.settings-swatch{width:var(--hit-target-min);height:var(--hit-target-min);border-radius:var(--r1);border:var(--hairline-width) solid var(--paper-ink);justify-content:center;align-items:center;display:flex}.settings-swatch-label{font-family:var(--font-display);font-size:var(--type-2);line-height:var(--leading-2);letter-spacing:var(--tracking-2);color:var(--ink-on-faction);text-shadow:0 1px 2px #0009;font-weight:600}.settings-actions{gap:var(--s3);display:flex}.settings-save,.settings-reset{min-height:var(--hit-target-min);padding:var(--s3) var(--s5);border-radius:var(--r1);font:inherit;font-size:var(--type-3);line-height:var(--leading-3);letter-spacing:var(--tracking-3);cursor:pointer;transition:background-color var(--ui-duration-fast) var(--ui-ease), border-color var(--ui-duration-fast) var(--ui-ease), color var(--ui-duration-fast) var(--ui-ease);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.settings-save{border:var(--hairline-width) solid var(--paper-signal);background:var(--paper-signal);color:var(--paper-signal-ink)}.settings-reset{border:var(--hairline-width) solid var(--paper-ink);color:var(--paper-ink);background:0 0}.settings-save:hover{border-color:var(--paper-ink)}.settings-reset:hover{background:var(--paper-surface)}.settings-save:active,.settings-reset:active{border-color:var(--paper-ink-accent)}.settings-save:focus-visible,.settings-reset:focus-visible,.settings-header a:focus-visible,.settings-field input:focus-visible,.settings-radio input:focus-visible,.settings-checkbox input:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color-paper);outline-offset:var(--focus-ring-offset)}.settings-status{min-height:1.2em;font-size:var(--type-2);line-height:var(--leading-2);letter-spacing:var(--tracking-2);color:var(--paper-ink-accent);margin:0}@media (prefers-reduced-motion:reduce){.settings-header a,.settings-save,.settings-reset{transition:none!important}}