.settings-page{max-width:var(--container-wide);width:100%;min-width:0;margin:0 auto}.settings-lead{max-width:var(--container-read);color:var(--muted-strong)}.settings-shell{gap:var(--space-5);align-items:start;min-width:0;display:grid}.settings-nav{top:calc(var(--app-header-h,4rem) + var(--space-2));z-index:4;background:var(--bg);min-width:0;max-width:100%;padding:var(--space-2) 0;position:sticky}.settings-nav-title{margin:0 0 var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.settings-nav ul{gap:var(--space-2);scrollbar-width:thin;width:100%;max-width:100%;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.settings-nav a{min-height:var(--touch-min);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--brand-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.settings-nav a:hover{background:var(--surface-alt);border-color:var(--border-strong)}.settings-form{gap:var(--space-6);min-width:0;display:grid}.settings-section{gap:var(--space-3);scroll-margin-top:calc(var(--app-header-h,4rem) + var(--space-6));display:grid}.settings-section>h2{font-family:var(--font-head);font-size:var(--text-xl);font-weight:var(--weight-extrabold);letter-spacing:-.02em;margin:0}.section-intro{margin:calc(-1 * var(--space-2)) 0 0;color:var(--muted-strong);font-size:var(--text-sm)}.settings-panel{border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;padding:var(--space-4) var(--space-5);background:var(--surface);box-shadow:var(--shadow-sm);margin:0}.settings-panel+.settings-panel{margin-top:var(--space-3)}.settings-panel>legend{font-family:var(--font-head);font-weight:var(--weight-extrabold);font-size:var(--text-md);letter-spacing:-.01em;color:var(--ink);padding:0 var(--space-2)}.settings-page .help{font-size:var(--text-sm);color:var(--muted);margin:var(--space-1) 0 var(--space-3)}.settings-page .status-message{margin-top:var(--space-3)}.settings-page label{gap:var(--space-1);font-weight:var(--weight-semibold);font-size:var(--text-sm);display:grid}.settings-page label.check{align-items:center;gap:var(--space-2);min-height:var(--touch-min);display:flex}.settings-page input:not([type=checkbox]),.settings-page select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-width:0;min-height:var(--touch-min);padding:0 var(--space-3)}.settings-page input[type=checkbox]{flex:none;width:1.25rem;height:1.25rem}.settings-fields{gap:var(--space-3);display:grid}.origin-row,.gear-form{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));align-items:end;display:grid}.settings-divider{background:var(--border);height:1px;margin:var(--space-4) 0}.save-bar{bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));align-items:center;gap:var(--space-3);width:fit-content;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;position:sticky}.saved{color:var(--brand-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.scheme-heading{margin:var(--space-4) 0 var(--space-2);font-weight:var(--weight-semibold);font-size:var(--text-sm)}.pal-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));display:grid}.pal-card{width:100%;min-height:var(--touch-min);gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);cursor:pointer;text-align:left;flex-direction:column;display:flex}.pal-card:hover{border-color:var(--border-strong)}.pal-card.selected{border-color:var(--brand);box-shadow:0 0 0 3px var(--ring)}.sw-row{gap:var(--space-1);display:flex}.sw{border-radius:var(--radius-sm);border:1px solid var(--border);width:1.5rem;height:1.5rem}.pal-name{font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--muted-strong)}.pal-card.selected .pal-name{color:var(--ink);font-weight:var(--weight-semibold)}.gear-list{margin:0 0 var(--space-3);gap:var(--space-2);padding:0;list-style:none;display:grid}.gear-list li{align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--surface-alt);flex-wrap:wrap;display:flex}.gear-name{font-weight:var(--weight-semibold)}.gear-attrs{font-size:var(--text-xs);color:var(--muted)}.gear-item-actions{gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex}.gear-attrs-pick{gap:var(--space-2) var(--space-4);margin:var(--space-3) 0;border:0;flex-wrap:wrap;padding:0;display:flex}.gear-attrs-pick>legend{font-weight:var(--weight-semibold);font-size:var(--text-sm);margin-bottom:var(--space-1);padding:0}.gear-attrs-pick .chip{align-items:center;gap:var(--space-1);min-height:var(--touch-min);display:inline-flex}.gear-actions,.key-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.key-row input{flex:18rem}.paste-error,.key-check{margin:var(--space-2) 0 0;font-size:var(--text-sm)}.paste-error,.key-check.bad{color:var(--danger-ink)}.key-check.ok{color:var(--ok-ink)}.advanced-disclosure{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.advanced-disclosure>summary{min-height:var(--touch-min);padding:var(--space-3) var(--space-4);cursor:pointer;font-weight:var(--weight-semibold);color:var(--brand-text);align-items:center;display:flex}.advanced-content{gap:var(--space-3);padding:0 var(--space-3) var(--space-3);display:grid}@media (width>=720px){.settings-shell{grid-template-columns:12rem minmax(0,44rem);justify-content:start}.settings-nav ul{gap:var(--space-1);border-left:2px solid var(--border);padding-left:var(--space-2);flex-direction:column;overflow:visible}.settings-nav a{background:0 0;border-color:#0000;justify-content:flex-start;width:100%}.two-columns{grid-template-columns:1fr 1fr}}@media (width<=720px){.settings-panel{padding:var(--space-4)}.settings-page h1{margin-bottom:var(--space-2)}.save-bar{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.settings-nav{scroll-behavior:auto}}