.settings{position:fixed;inset:0;z-index:324897;display:grid;place-items:center;padding:var(--sp-5);background:var(--scrim);backdrop-filter:blur(4px)}.settings[hidden]{display:none}body.settings-open{overflow:hidden}.settings-panel{display:flex;width:min(100%,800px);height:min(580px,calc(100vh - 48px));border-radius:var(--r-lg);background:var(--bg-1);box-shadow:var(--elev-2);overflow:hidden}.settings-rail{display:flex;width:190px;flex:0 0 auto;flex-direction:column;margin:var(--sp-2);padding:var(--sp-3);border-radius:calc(var(--r-lg) - var(--sp-2));background:var(--bg-3)}.settings-rail-title{margin:0 0 var(--sp-2);padding:var(--sp-1) var(--sp-3);color:var(--text-muted);font-size:var(--fs-xs);letter-spacing:.09em;text-transform:uppercase}.settings-tabs{display:flex;flex:1;min-height:0;flex-direction:column;gap:2px}.settings-tab{display:flex;height:var(--ctl);flex:0 0 auto;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4) 0 var(--sp-3);border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-2);font-family:inherit;font-size:var(--fs-md);text-align:left;cursor:pointer;transition:background-color .13s var(--ease),color .13s var(--ease)}.settings-tab .icon{flex:0 0 auto;color:inherit;font-size:1.3rem}.settings-tab:hover{background:var(--hover);color:var(--text-bright)}.settings-tab:focus-visible{outline:2px solid var(--text-bright);outline-offset:-2px}.settings-tab.is-active{background:var(--accent);color:var(--on-accent)}.settings-body{display:flex;flex:1;min-width:0;flex-direction:column}.settings-head{display:flex;flex:0 0 auto;align-items:center;gap:var(--sp-3);height:var(--bar);padding:var(--sp-2) var(--sp-3) 0 var(--sp-5)}.settings-head-title{margin:0;color:var(--text-bright);font-size:var(--fs-lg);font-weight:700;letter-spacing:-.01em}.settings-status{margin:0 0 0 auto;color:var(--text-muted);font-size:var(--fs-sm);text-align:right}.settings-status.is-error{color:var(--danger)}.settings-close{display:grid;width:var(--ctl-sm);height:var(--ctl-sm);flex:0 0 auto;place-items:center;padding:0;border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-2);font-size:1rem;cursor:pointer;transition:background-color .13s var(--ease),color .13s var(--ease)}.settings-close:hover{background:var(--hover);color:var(--text-bright)}.settings-close:active{background:var(--press)}.settings-scroll{flex:1;min-height:0;padding:var(--sp-1) var(--sp-5) var(--sp-5);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}.settings-scroll::-webkit-scrollbar{width:7px}.settings-scroll::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:var(--border-2)}.settings-section{display:none}.settings-section.is-active{display:block}.settings-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px var(--sp-6);padding:var(--sp-3) 0}.settings-row.is-stacked{grid-template-columns:minmax(0,1fr)}.settings-row-label{display:block;color:var(--text-bright);font-size:var(--fs-md)}.settings-row-desc{margin:3px 0 0;color:var(--text-muted);font-size:var(--fs-sm);line-height:1.45}.settings-row-control{display:flex;width:216px;align-items:center;justify-content:flex-end;gap:var(--sp-2)}.settings-row.is-stacked .settings-row-control{width:100%;justify-content:flex-start}.settings-row-control .dropdown{width:100%}.settings-input{width:100%;height:var(--ctl);padding:0 var(--sp-4);border:0;border-radius:var(--r-pill);outline:0;background:var(--field);color:var(--text-bright);font-family:inherit;font-size:var(--fs-md);transition:background-color .13s var(--ease),box-shadow .13s var(--ease)}.settings-input::placeholder{color:var(--text-muted)}.settings-input:hover{background:var(--field-hover)}.settings-input:focus{background:var(--field);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 55%,transparent)}.settings-switch{position:relative;width:44px;height:26px;flex:0 0 auto;padding:0;border:0;border-radius:var(--r-pill);background:var(--field);cursor:pointer;transition:background-color .16s var(--ease)}.settings-switch:hover{background:var(--field-hover)}.settings-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-switch-knob{position:absolute;top:5px;left:5px;width:16px;height:16px;border-radius:50%;background:var(--text-muted);transition:transform .18s var(--ease),width .18s var(--ease),height .18s var(--ease),top .18s var(--ease),left .18s var(--ease),background-color .16s var(--ease)}.settings-switch[aria-checked=true]{background:var(--accent)}.settings-switch[aria-checked=true] .settings-switch-knob{top:3px;left:3px;width:20px;height:20px;background:var(--on-accent);transform:translate(18px)}.settings-keycap{flex:1;height:var(--ctl);padding:0 var(--sp-3);border:0;border-radius:var(--r-pill);background:var(--field);color:var(--text-bright);font-family:inherit;font-size:var(--fs-md);font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background-color .13s var(--ease)}.settings-keycap:hover{background:var(--field-hover)}.settings-keycap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-keycap.is-empty{color:var(--text-muted);font-weight:400}.settings-keycap.is-recording{background:var(--accent-container);color:var(--text-bright);font-weight:400;box-shadow:inset 0 0 0 2px var(--accent);animation:settings-recording 1.1s ease-in-out infinite}@keyframes settings-recording{50%{background:var(--field)}}.settings-ghost{display:grid;width:var(--ctl);height:var(--ctl);flex:0 0 auto;place-items:center;padding:0;border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-2);font-size:1rem;cursor:pointer;transition:background-color .13s var(--ease),color .13s var(--ease)}.settings-ghost:hover{background:var(--hover);color:var(--text-bright)}.settings-segmented{display:inline-flex;padding:3px;border-radius:var(--r-pill);background:var(--field)}.settings-segment{height:calc(var(--ctl) - 6px);padding:0 var(--sp-4);border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-2);font:inherit;font-size:var(--fs-sm);cursor:pointer;transition:background-color .13s var(--ease),color .13s var(--ease)}.settings-segment:hover{background:var(--hover);color:var(--text-bright)}.settings-segment:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.settings-segment.is-active{background:var(--accent);color:var(--on-accent)}.settings-themes{display:flex;width:100%;flex-wrap:wrap;gap:var(--sp-2)}.settings-accent{display:inline-flex;height:var(--ctl);align-items:center;gap:var(--sp-2);padding:0 var(--sp-4) 0 var(--sp-2);border:0;border-radius:var(--r-pill);background:var(--field);color:var(--text-2);font:inherit;font-size:var(--fs-sm);cursor:pointer;transition:background-color .13s var(--ease),color .13s var(--ease)}.settings-accent:hover{background:var(--field-hover);color:var(--text-bright)}.settings-accent:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-accent.is-active{background:var(--accent-container);color:var(--text-bright)}.settings-accent-dot{width:20px;height:20px;border-radius:50%;background:var(--swatch-dark)}:root[data-appearance=light] .settings-accent-dot{background:var(--swatch-light)}.settings-credits{padding:var(--sp-3) 0}.settings-credits-heading{margin:0;color:var(--text-bright);font-size:var(--fs-xl);font-weight:700;letter-spacing:-.02em}.settings-credits-desc{margin:var(--sp-1) 0 0;color:var(--text-muted);font-size:var(--fs-md)}.settings-credits-desc a{color:var(--accent);text-decoration:none}.settings-credits-desc a:hover{text-decoration:underline}.settings-credits-list{display:flex;flex-direction:column;gap:2px;margin-top:var(--sp-5)}.settings-credits-item{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--field)}.settings-credits-item:hover{background:var(--field-hover)}.settings-credits-name{color:var(--text-bright);font-size:var(--fs-md);font-weight:600}.settings-credits-role{color:var(--text-muted);font-size:var(--fs-sm)}@media(max-width:640px){.settings{padding:var(--sp-2)}.settings-panel{height:calc(100vh - 16px);flex-direction:column}.settings-rail{width:auto;padding:var(--sp-2)}.settings-rail-title{display:none}.settings-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none}.settings-tab{flex:0 0 auto}.settings-scroll{padding:var(--sp-1) var(--sp-4) var(--sp-4)}.settings-row{grid-template-columns:minmax(0,1fr)}.settings-row-control{width:100%;justify-content:flex-start}}