.settings-container{max-width:var(--max-width-content);margin:0 auto}.settings-container h2{margin:0 0 var(--space-4);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.settings-subnav{gap:var(--space-1);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.settings-subnav-item{padding:var(--space-1) var(--space-3);border:var(--border-width) solid transparent;border-radius:var(--radius-xl);color:var(--color-text-secondary);font-size:var(--font-size-base);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);text-decoration:none}.settings-subnav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.settings-subnav-item:focus-visible{outline:none}.settings-subnav-item-active,.settings-subnav-item-active:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.settings-message{margin-bottom:var(--space-4);padding:var(--space-3);border-radius:var(--radius-tile-sm);background:var(--color-success-bg);color:var(--color-success-text);font-size:var(--font-size-base)}.settings-error{margin-bottom:var(--space-4);padding:var(--space-3);border-radius:var(--radius-tile-sm);background:var(--color-error-bg);color:var(--color-error-text);font-size:var(--font-size-base)}.settings-pane{margin-bottom:var(--space-6);padding:var(--space-5);border-radius:var(--radius-tile);background:var(--bento-tile);color:var(--color-text-primary)}.ui-settings-section h4{margin:var(--space-4) 0 var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ui-settings-section form{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.ui-settings-section label{gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);color:var(--color-text-label);flex-direction:column;display:flex}.ui-settings-section input,.ui-settings-section select{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background-color:var(--bento-tile-raised);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-tight);min-width:var(--field-min-width);font-family:var(--font-family);transition:border-color var(--transition-fast)}.ui-settings-section select{padding-right:var(--space-10)}.ui-settings-section input:focus,.ui-settings-section select:focus,.ui-settings-section input:focus-visible,.ui-settings-section select:focus-visible{outline:none}.ui-settings-section input::placeholder{color:var(--color-text-muted)}.ui-settings-section select option{background:var(--bento-tile-raised);color:var(--color-text-primary)}.ui-settings-section a{color:var(--color-text-primary);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);text-decoration:none}.ui-settings-section a:hover{text-decoration:underline}.ui-settings-section a:focus-visible{outline:none}.ui-settings-section p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.ui-settings-section button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);background:var(--bento-tile-raised);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;font-family:var(--font-family);transition:background var(--transition-fast), border-color var(--transition-fast)}.ui-settings-section button:hover{background:var(--bento-tile-hover)}.ui-settings-section button:focus-visible{outline:none}.ui-settings-section ul{margin:0 0 var(--space-4);padding:0;list-style:none}.ui-settings-section li{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--color-text-secondary);font-size:var(--font-size-base);flex-wrap:wrap;display:flex}.ui-settings-section li+li{border-top:var(--border-width) solid var(--color-border)}.ui-settings-section li>:last-child:is(a,button){margin-left:auto}.active-brand{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.settings-cap{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.settings-integration-card{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.settings-integration-card .settings-cap{margin-top:var(--space-3)}.settings-integration-card>button+button,.settings-integration-card .settings-cap+button{margin-left:var(--space-2)}.settings-danger{margin-top:var(--space-6);padding:var(--space-5);border:var(--border-width) solid var(--color-error);border-radius:var(--radius-tile);background:var(--color-error-bg);color:var(--color-text-primary)}.settings-danger h3{color:var(--color-error-text)}.settings-danger-button{border-color:var(--color-error);color:var(--color-error-text)}.settings-danger-button:hover:not(:disabled){background:var(--color-error-bg);border-color:var(--color-error)}.settings-danger button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.settings-danger-confirm{margin-top:var(--space-2);flex-basis:100%}.settings-danger-confirm p{color:var(--color-error-text);flex-basis:100%}.settings-danger h3{margin:0 0 var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-error-text)}