.settings-container{max-width:var(--max-width-wide);margin:0 auto}.settings-container h2{margin:0 0 var(--space-4);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);color:var(--foreground)}.settings-layout{gap:var(--space-8);grid-template-columns:13rem minmax(0,1fr);align-items:start;display:grid}@media (width<=48rem){.settings-layout{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.settings-subnav{flex-flow:wrap;margin-bottom:0}}.settings-subnav{gap:var(--space-1);top:var(--space-6);flex-direction:column;display:flex;position:sticky}.settings-subnav-item{padding:var(--space-2) var(--space-3);border:var(--border-width) solid transparent;border-radius:var(--radius-md);color:var(--muted-foreground);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);text-decoration:none}.settings-subnav-item:hover{background:var(--secondary);color:var(--foreground)}.settings-subnav-item:focus-visible{box-shadow:var(--focus-ring);outline:none}.settings-subnav-item-active,.settings-subnav-item-active:hover{background:var(--secondary);border-color:var(--border);color:var(--foreground)}.settings-content{min-width:0}.settings-message{margin-bottom:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);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-md);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:var(--border-width) solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--card);box-shadow:var(--shadow-sm);color:var(--foreground)}.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(--foreground)}.ui-settings-section form{align-items:end;gap:var(--space-4);grid-template-columns:minmax(0,32rem);display:grid}.ui-settings-section label{gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--muted-foreground);flex-direction:column;display:flex}.ui-settings-section input:not([type=checkbox]),.ui-settings-section select{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--foreground);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);background-color:#0000}.ui-settings-section select{padding-right:var(--space-10)}.ui-settings-section input:focus,.ui-settings-section select:focus{outline:none}.ui-settings-section input:focus-visible,.ui-settings-section select:focus-visible{box-shadow:var(--focus-ring);outline:none}.ui-settings-section input::placeholder{color:var(--muted-foreground)}.ui-settings-section select option{background:var(--secondary);color:var(--foreground)}.ui-settings-section .currency-picker-trigger{justify-content:space-between;width:100%}.ui-settings-section a{color:var(--foreground);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(--muted-foreground);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:var(--border-width) solid var(--border);border-radius:var(--radius-md);background:var(--secondary);color:var(--foreground);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[type=submit],.ui-settings-section .settings-cap button{background:var(--primary);color:var(--primary-foreground);border-color:#0000;justify-self:end;width:fit-content}.ui-settings-section button[type=submit]:hover:not(:disabled),.ui-settings-section .settings-cap button:hover:not(:disabled){background:color-mix(in oklab, var(--primary) 88%, transparent);border-color:#0000}.ui-settings-section button[type=submit]:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.ui-settings-section button:hover{background:var(--secondary);border-color:var(--input)}.ui-settings-section button:focus-visible{box-shadow:var(--focus-ring);outline:none}.ui-settings-section ul{margin:0 0 var(--space-4);padding:0;list-style:none}.ui-settings-section li:not(.brand-chip,.brand-preset-chip){align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--muted-foreground);font-size:var(--font-size-base);flex-wrap:wrap;display:flex}.ui-settings-section li:not(.brand-chip,.brand-preset-chip)+li{border-top:var(--border-width) solid var(--border)}.ui-settings-section li:not(.brand-chip,.brand-preset-chip)>:last-child:is(a,button){margin-left:auto}.active-brand{font-weight:var(--font-weight-semibold);color:var(--foreground)}.settings-cap{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.settings-cap label{flex:1 1 var(--field-min-width);min-width:0}.settings-toggle{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);text-transform:none;letter-spacing:var(--letter-spacing-normal);color:var(--foreground);display:flex}.settings-integration-card{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--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:calc(var(--radius) + 4px);background:var(--color-error-bg);color:var(--foreground)}.settings-danger h3{color:var(--color-error-text)}.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)}.settings-container{max-width:84rem}.settings-masthead{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;padding:1rem 0 2.75rem;display:flex}.settings-eyebrow,.settings-nav-label{letter-spacing:.13em;color:var(--muted-foreground);margin:0 0 1rem;font-size:.65rem;font-weight:700}.settings-masthead h1{letter-spacing:-.065em;margin:0;font-size:clamp(2.5rem,4.5vw,4.75rem);font-weight:550;line-height:1}.settings-masthead>div>p:last-child{color:var(--muted-foreground);margin:1rem 0 0;font-size:.9rem}.settings-masthead-mark{background:var(--brand-lime);border-radius:50%;flex-shrink:0;place-items:center;width:8rem;height:8rem;display:grid}.settings-masthead-mark img{object-fit:contain;width:8rem;height:8rem;display:block}.settings-layout{grid-template-columns:14rem minmax(0,1fr);gap:3rem}.settings-subnav{gap:0}.settings-nav-label{padding:.8rem 0}.settings-subnav-item{border:0;border-top:1px solid var(--border);border-radius:0;align-items:center;gap:.85rem;min-height:3.5rem;padding:1rem .75rem;font-size:.83rem;font-weight:550;display:flex}.settings-nav-number{font-variant-numeric:tabular-nums;color:var(--muted-foreground);font-size:.66rem}.settings-nav-arrow{opacity:0;margin-left:auto;font-size:1.1rem}.settings-subnav-item-active,.settings-subnav-item-active:hover{background:var(--brand-lime);color:var(--brand-ink);border-color:var(--brand-ink)}.settings-subnav-item-active .settings-nav-number{color:var(--brand-ink)}.settings-subnav-item-active .settings-nav-arrow,.settings-subnav-item:hover .settings-nav-arrow{opacity:1}.settings-content>.settings-pane{box-shadow:none;background:0 0;border:0;padding:0}.settings-content .ui-page-header{padding:0 0 1.5rem}.settings-content .ui-page-header h1,.settings-content .ui-page-header h2{letter-spacing:-.04em;font-size:1.6rem}.settings-content .ui-settings-section{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);margin-bottom:1.5rem;padding:1.75rem}.settings-content .ui-settings-section .ui-settings-section{border:0;border-top:1px solid var(--border);border-radius:0;margin:1.25rem 0 0;padding:1.25rem 0 0}.settings-content .ui-settings-section form{grid-template-columns:minmax(0,1fr);max-width:38rem}.settings-content .ui-settings-section label{color:var(--foreground);gap:.5rem;font-size:.75rem}.settings-content .ui-settings-section input:not([type=checkbox]),.settings-content .ui-settings-section select{background:var(--background);border:1px solid var(--input);min-width:0;min-height:2.9rem}.settings-content .ui-settings-section button{min-height:2.75rem}.settings-content .ui-settings-section button[type=submit]{justify-self:start;min-width:7rem}.settings-content .ui-settings-section li:not(.brand-chip,.brand-preset-chip){padding:.9rem 0}.settings-content .ui-settings-section a:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.settings-content .settings-danger{border:1px solid var(--color-error);padding:1.75rem}@media (width<=60rem){.settings-layout{grid-template-columns:11rem minmax(0,1fr);gap:1.5rem}}@media (width<=45rem){.settings-masthead{margin-bottom:1.5rem;padding-bottom:1.75rem}.settings-masthead-mark{display:none}.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-subnav{flex-flow:row;position:static;overflow-x:auto}.settings-nav-label,.settings-nav-number,.settings-nav-arrow{display:none}.settings-subnav-item{white-space:nowrap;min-height:2.75rem;padding:.75rem}.settings-content .ui-settings-section{padding:1.25rem}}.settings-layout,.settings-subnav,.settings-content,.settings-pane{min-width:0;max-width:100%}.settings-content .settings-general-pane{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.25rem;display:grid}.settings-general-pane>.ui-page-header,.settings-general-pane>.settings-message,.settings-general-pane>.settings-error{grid-column:1/-1;margin:0}.settings-general-pane>.ui-settings-section{margin:0}.settings-general-pane>.settings-account-section,.settings-general-pane>.settings-approval-section,.settings-general-pane>.settings-preferences-section{grid-column:1/-1}.settings-account-section>.ui-settings-section-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:2rem;display:grid}.settings-account-section .ui-settings-section-body>form+form{border-left:1px solid var(--border);padding-left:2rem}.settings-content .ui-settings-section label.settings-toggle{cursor:pointer;text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-width:0;min-height:2.75rem;font-weight:500;line-height:1.45;display:flex}.settings-content .settings-toggle>span{overflow-wrap:anywhere;flex:1;min-width:0}.settings-content [data-tip]:after{max-width:min(var(--max-width-sm), calc(100vw - 4rem))}.settings-content .settings-toggle>input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--brand-cobalt);flex:none;order:1;margin:0}.settings-content .ui-settings-section input:not([type=checkbox]),.settings-content .ui-settings-section select{box-sizing:border-box;width:100%;max-width:100%}.settings-content .ui-settings-section input[type=file]{min-width:0;padding:.65rem;font-size:.72rem}.settings-content .ui-settings-section input[type=range]{background:0 0;border:0;min-height:1.75rem;padding:0}.settings-content .ui-settings-section .settings-cap{width:100%;min-width:0}.settings-content .ui-settings-section .settings-cap>p{width:100%}.settings-content .settings-sound-section .settings-cap{flex-direction:column;align-items:stretch}.settings-content .settings-sound-section .settings-cap>label{flex:none;width:100%}.settings-content .settings-sound-section .settings-cap>.settings-cap{border-top:1px solid var(--border);padding-top:.75rem;font-size:.75rem}.settings-content .settings-sound-section .settings-cap>.settings-cap>button{align-self:start}.settings-content .ui-settings-section .settings-pref-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem;margin:0;display:grid}.settings-content .ui-settings-section .settings-pref-list>li{border-top:0;border-bottom:1px solid var(--border);min-width:0;padding:.1rem 0}.settings-content .ui-settings-section .settings-pref-list label.settings-toggle{font-size:.8rem}.settings-content .settings-approval-section>.ui-settings-section-body{gap:.65rem}.settings-content .settings-approval-section>.ui-settings-section-body>.settings-cap{border-bottom:1px solid var(--border);padding-bottom:.4rem}.settings-content .settings-approval-section>.ui-settings-section-body>p{max-width:70ch;font-size:.8rem}@media (width<=65rem){.settings-content .settings-general-pane{grid-template-columns:minmax(0,1fr)}.settings-account-section>.ui-settings-section-body{grid-template-columns:minmax(0,1fr);gap:1.5rem}.settings-account-section .ui-settings-section-body>form+form{border-left:0;border-top:1px solid var(--border);padding:1.25rem 0 0}}@media (width<=45rem){.settings-content .settings-general-pane{gap:1rem}.settings-content .ui-settings-section{padding:1.1rem}.settings-content .ui-settings-section .settings-pref-list{grid-template-columns:minmax(0,1fr)}.settings-content .ui-settings-section label.settings-toggle{font-size:.78rem}.settings-content .ui-settings-section .settings-cap{gap:.65rem}.settings-nav-label{display:none}}
