.settings-app{--settings-bg:var(--aw-color-bg-page);--settings-side:var(--aw-color-bg-soft);--settings-ink:var(--aw-color-text-page);--settings-muted:var(--aw-color-text-muted);--settings-line:var(--aw-color-border);--settings-hover:color-mix(in srgb, var(--aw-color-link) 6%, var(--aw-color-bg-soft));--settings-accent:var(--aw-color-link);--settings-danger:#a32f39;background:var(--settings-bg);height:100dvh;color:var(--settings-ink);font-family:var(--aw-font-sans), sans-serif;scrollbar-color:var(--settings-line) var(--settings-bg);grid-template-columns:16.5rem minmax(0,1fr);font-size:.875rem;line-height:1.6;display:grid}.dark .settings-app{--settings-danger:#ffbdc1}.settings-sidebar{border-right:1px solid var(--settings-line);background:var(--settings-side);flex-direction:column;gap:.75rem;padding:1.5rem 1rem;display:flex;overflow:auto}.settings-sidebar-heading{justify-content:space-between;align-items:center;padding:0 .5rem .5rem;display:flex}.settings-sidebar-heading h1{letter-spacing:-.03em;font-size:1.3125rem;font-weight:650}.settings-sidebar-heading a{border-radius:var(--aw-radius-sm,.375rem);min-width:2.75rem;min-height:2.75rem;color:var(--settings-muted);place-items:center;display:grid}.settings-sidebar-heading a:hover{background:var(--settings-hover);color:var(--settings-accent)}.settings-search{background:var(--settings-hover);border:1px solid var(--settings-line);border-radius:var(--aw-radius-md,.625rem);min-height:2.75rem;color:var(--settings-muted);align-items:center;gap:.5rem;padding:.5625rem .75rem;display:flex}.settings-search input{width:100%;min-width:0;color:var(--settings-ink);caret-color:var(--settings-accent);background:0 0;outline:none;font-size:.875rem}.settings-search input::placeholder{color:var(--settings-muted);opacity:1}.settings-search:focus-within{outline:2px solid var(--settings-accent)}.settings-nav-label{color:var(--settings-muted);padding:.75rem .5rem 2px;font-size:.8125rem}.settings-sidebar nav{gap:.1875rem;display:grid}.settings-sidebar nav button{border-radius:var(--aw-radius-sm,.375rem);text-align:left;cursor:pointer;align-items:center;gap:.625rem;min-height:2.75rem;padding:.625rem .75rem;font-size:.875rem;transition:background-color .16s,color .16s;display:flex}.settings-sidebar nav button>span{text-align:center;width:1.0625rem;font-size:1.0625rem}.settings-sidebar nav button:hover{background:var(--settings-hover)}.settings-sidebar nav button[aria-current]{background:color-mix(in srgb, var(--settings-accent) 10%, var(--settings-side));color:var(--settings-accent);font-weight:600}.settings-sidebar-footer{color:var(--settings-muted);justify-content:space-between;align-items:center;margin-top:auto;padding:1.5rem .625rem .25rem;font-size:.8125rem;display:flex}.settings-sidebar-footer a{align-items:center;min-height:2.75rem;display:inline-flex}.settings-main{scrollbar-gutter:stable;padding:4rem clamp(2rem,5vw,5rem) 5rem;overflow:auto}.settings-content{max-width:47.5rem;margin-inline:auto}.settings-panel[hidden],.settings-sidebar nav button[hidden],.settings-app [hidden]{display:none!important}.settings-panel>h2{letter-spacing:-.03em;text-wrap:balance;margin-bottom:2.5rem;font-size:1.875rem;font-weight:600;line-height:1.3}.settings-section-title{margin:2rem 0 .875rem;font-size:.875rem;font-weight:600}.settings-panel>h2+.settings-section-title{margin-top:0}.settings-group{border-top:1px solid var(--settings-line);background:var(--settings-bg);margin-bottom:1.75rem;padding:0}.settings-row{justify-content:space-between;align-items:center;gap:1.5rem;min-height:4.5rem;padding:1.375rem 0;display:flex}.settings-row+.settings-row{border-top:1px solid var(--settings-line)}.settings-row-copy{flex:1;min-width:0}.settings-row-title{font-size:.875rem;font-weight:500;display:block}.settings-muted,.settings-row-copy>p{color:var(--settings-muted);margin-top:.1875rem;font-size:.8125rem;line-height:1.65}.settings-row-value{overflow-wrap:anywhere;max-width:55%;font-size:.875rem}.settings-group .settings-field{padding:1.375rem 0}.settings-group .settings-field+.settings-field{border-top:1px solid var(--settings-line)}.settings-field{font-size:.875rem;font-weight:500;display:block}.settings-field input:not([type=checkbox]),.settings-field textarea,.settings-field select{background:var(--settings-bg);border:1px solid var(--settings-line);border-radius:var(--aw-radius-md,.625rem);width:100%;color:var(--settings-ink);font:inherit;min-height:2.75rem;caret-color:var(--settings-accent);outline:none;margin-top:.5rem;padding:.625rem .75rem;font-weight:400;transition:border-color .16s,background-color .16s;display:block}.settings-field textarea{resize:vertical;min-height:6.5625rem}.settings-field input:focus-visible,.settings-field textarea:focus-visible,.settings-field select:focus-visible{border-color:var(--settings-accent);outline:2px solid var(--settings-accent);outline-offset:2px}.settings-field small{color:var(--settings-muted);margin-top:.3125rem;font-size:.8125rem;font-weight:400;display:block}.settings-row select{border:1px solid var(--settings-line);border-radius:var(--aw-radius-sm,.375rem);background:var(--settings-bg);min-height:2.75rem;color:var(--settings-ink);max-width:50%;padding:.4375rem .625rem;font-size:.875rem}.settings-button{border:1px solid var(--settings-line);border-radius:var(--aw-radius-sm,.375rem);background:var(--settings-bg);min-height:2.75rem;color:var(--settings-ink);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .16s,border-color .16s;display:inline-flex}.settings-button:hover:not(:disabled){background:var(--settings-hover);border-color:color-mix(in srgb, var(--settings-accent) 45%, var(--settings-line))}.settings-button.is-primary{background:var(--aw-color-primary);color:var(--aw-color-on-primary);border-color:#0000}.settings-button.is-primary:hover:not(:disabled){background:color-mix(in srgb, var(--aw-color-primary) 90%, var(--settings-ink))}.settings-button:disabled{opacity:.45;cursor:not-allowed}.settings-actions{flex-wrap:wrap;justify-content:flex-end;gap:.625rem;margin-top:1.125rem;display:flex}.settings-danger{color:var(--settings-danger,#a32f39)!important}.settings-avatar{object-fit:cover;background:var(--settings-hover);border-radius:50%;flex-shrink:0;width:4rem;height:4rem}.settings-avatar-row{align-items:center;gap:1rem;padding:1.5rem 0;display:flex}.settings-avatar-actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.settings-notice{border-radius:var(--aw-radius-md,.625rem);background:var(--settings-hover);margin:1rem 0;padding:.75rem .875rem;font-size:.8125rem;line-height:1.7}.settings-error{color:var(--settings-danger,#a32f39);margin-top:.875rem;font-size:.8125rem}.settings-message{border:1px solid var(--settings-line);border-radius:var(--aw-radius-sm,.375rem);color:var(--settings-accent);margin:.75rem 0;padding:.75rem .875rem;font-size:.8125rem}.settings-checkbox{align-items:flex-start;gap:.625rem;min-height:2.75rem;margin-top:1.125rem;font-size:.8125rem;line-height:1.7;display:flex}.settings-checkbox input{accent-color:var(--settings-accent);margin-top:.25rem}.settings-public-preview{text-align:center;padding:2rem 1.375rem}.settings-public-preview img{margin:0 auto .875rem}.settings-public-preview h3{overflow-wrap:anywhere;font-size:1.375rem;font-weight:600}.settings-public-preview p{white-space:pre-wrap;overflow-wrap:anywhere;max-width:30rem;color:var(--settings-muted);margin:.625rem auto 0;font-size:.8125rem;line-height:1.8}.settings-public-preview small{color:var(--settings-muted);margin-bottom:1.125rem;display:block}.settings-inline-link{color:var(--settings-accent);text-underline-offset:.1875rem;text-decoration:underline}.settings-dialog{--settings-bg:var(--aw-color-bg-surface);--settings-ink:var(--aw-color-text-page);--settings-line:var(--aw-color-border);--settings-muted:var(--aw-color-text-muted);--settings-accent:var(--aw-color-link);--settings-danger:#a32f39;border:1px solid var(--settings-line);border-radius:var(--aw-radius-lg,1rem);width:min(27.5rem,100vw - 2rem);max-height:calc(100dvh - 2.5rem);color:var(--settings-ink);background:var(--settings-bg);scrollbar-gutter:stable;margin:auto;padding:1.5rem;font-size:.875rem;line-height:1.6;overflow:auto}.dark .settings-dialog{--settings-danger:#ffbdc1}.settings-dialog::backdrop{background:#06191494}.settings-dialog h2{font-size:1.25rem;font-weight:600}.avatar-canvas{background:var(--aw-color-bg-soft);touch-action:none;cursor:grab;border-radius:50%;width:240px;max-width:100%;height:240px;margin:24px auto;display:block}.avatar-canvas:active{cursor:grabbing}.avatar-controls{gap:.875rem;display:grid}.avatar-controls label{font-size:.8125rem;display:block}.avatar-controls output{float:right;color:var(--settings-muted)}.avatar-controls input{width:100%;accent-color:var(--settings-accent);min-height:2.75rem;margin-top:.375rem;display:block}.settings-mobile-bar{display:none}.settings-app :focus-visible,.settings-dialog :focus-visible{outline:2px solid var(--settings-accent);outline-offset:.1875rem}.settings-content a{overflow-wrap:anywhere}@media (max-width:760px){.settings-app{height:auto;min-height:100dvh;display:block}.settings-mobile-bar{border-bottom:1px solid var(--settings-line);z-index:10;background:var(--settings-bg);justify-content:space-between;align-items:center;height:4rem;padding:0 1.125rem;display:flex;position:sticky;top:0}.settings-mobile-bar>a{letter-spacing:-.03em;font-size:1.3125rem;font-weight:650}.settings-mobile-bar>a>span{color:var(--settings-accent)}.settings-mobile-bar button{border:1px solid var(--settings-line);border-radius:var(--aw-radius-sm,.375rem);min-height:2.75rem;padding:.625rem .75rem;font-size:.875rem}.settings-sidebar{z-index:20;width:min(18.125rem,85vw);display:none;position:fixed;inset:4rem 0 0;box-shadow:1.25rem 0 5rem #0002}.settings-app[data-menu-open=true] .settings-sidebar{display:flex}.settings-main{padding:2.25rem 1.25rem 4rem;overflow:visible}.settings-panel>h2{margin-bottom:1.625rem;font-size:1.5625rem}.settings-row{align-items:flex-start;gap:.875rem}.settings-row-value{max-width:50%}.settings-avatar-row{align-items:flex-start}.settings-group{padding:0}.settings-avatar{width:3.5rem;height:3.5rem}.settings-public-preview .settings-avatar{width:4.5rem;height:4.5rem}.settings-button{white-space:normal;text-align:center}.settings-field input:not([type=checkbox]),.settings-field textarea,.settings-field select,.settings-row select{font-size:1rem}}@media (max-width:480px){.settings-row{flex-wrap:wrap}.settings-row-copy{flex-basis:100%}.settings-row select,.settings-row-value{max-width:100%}}@media (prefers-reduced-motion:reduce){.settings-app :is(button,input,select,textarea){transition:none}}