.settings-page{display:grid;gap:var(--space-xl);width:min(100%,70rem);padding-block:var(--space-xl) var(--space-2xl)}.settings-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xs);padding-block-end:var(--space-sm);border-block-end:var(--rule-thin) solid var(--border-subtle)}.settings-navigation a{min-width:0;display:inline-flex;min-height:var(--control-height);align-items:center;gap:var(--space-xs);padding-inline:var(--space-sm);color:var(--text-secondary);font-weight:600;text-decoration:none;white-space:nowrap}.settings-navigation a[aria-current=page]{color:var(--text-primary);background:var(--surface-raised);box-shadow:inset 0 calc(-1 * var(--rule-strong)) var(--brand)}.settings-navigation a:focus-visible{outline:var(--rule-strong) solid var(--focus);outline-offset:var(--underline-offset)}.settings-content{min-width:0}.settings-section>header{max-width:var(--reading-measure);padding-block-end:var(--space-lg);border-block-end:var(--rule-strong) solid var(--border-strong)}.settings-section>header h1,.settings-error h1{min-width:0;margin:var(--space-xs) 0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;line-height:1.05;overflow-wrap:anywhere}.settings-section>header p:last-child,.settings-error p,.settings-empty-state p{color:var(--text-secondary)}.settings-form,.letterhead-logo,.billing-summary,.settings-empty-state,.settings-error{display:grid;gap:var(--space-md);padding-block:var(--space-lg);max-width:44rem}.letterhead-logo{margin-block-start:var(--space-xl);border-block-start:var(--rule-thin) solid var(--border-subtle)}.letterhead-logo h2{margin:0 0 var(--space-xs);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600}.letterhead-logo>div:first-child p,.settings-logo-file{margin:0;color:var(--text-secondary)}.logo-preview{min-height:7rem;padding:var(--space-lg);display:flex;align-items:center;justify-content:center;gap:var(--space-xs);border:var(--rule-thin) solid var(--border-default);background:var(--surface-raised);color:var(--text-secondary)}.logo-preview img{width:auto;max-width:min(100%,22rem);max-height:5rem;object-fit:contain}.letterhead-logo input[type=file]{width:100%;min-height:var(--control-height);padding:var(--space-xs);border:var(--rule-thin) solid var(--border-default);background:var(--surface-raised);color:var(--text-primary);font:inherit}.letterhead-logo input[type=file]:focus-visible{outline:var(--rule-strong) solid var(--focus);outline-offset:var(--underline-offset)}.settings-logo-actions{flex-wrap:wrap;gap:var(--space-xs)}.settings-form label,.settings-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}.settings-form input{min-height:var(--control-height);width:100%;padding:var(--space-sm);border:var(--rule-thin) solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-primary);font:inherit}.settings-form input[readonly]{background:var(--surface-subtle);color:var(--text-secondary)}.settings-form input:focus-visible{outline:var(--rule-strong) solid var(--focus);outline-offset:var(--underline-offset)}.settings-field-note,.billing-usage p,.settings-availability{margin:0;color:var(--text-secondary);font-size:var(--text-sm)}.settings-success{color:var(--success);font-weight:600}.settings-actions{display:flex;justify-content:flex-start;padding-block-start:var(--space-sm)}.settings-empty-state{border-block-end:var(--rule-thin) solid var(--border-subtle)}.settings-empty-state h2{margin:0;font-family:var(--font-display);font-size:var(--text-xl)}.settings-deletion-switch{display:flex;align-items:center;gap:var(--space-sm)}.settings-deletion-switch input{width:2.75rem;height:1.5rem;margin:0;accent-color:var(--brand)}.settings-deletion-switch input:disabled{cursor:not-allowed;opacity:.72}.integration-section{max-width:50rem;padding-block:var(--space-xl) 0}.integration-section+.integration-section{margin-block-start:var(--space-lg)}.integration-section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-lg);padding-block-end:var(--space-sm);border-block-end:var(--rule-thin) solid var(--border-subtle)}.integration-section-heading h2{min-width:0;margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-style:normal;font-weight:600;overflow-wrap:anywhere}.integration-section-heading p,.integration-section-heading>span{margin:var(--space-2xs) 0 0;color:var(--text-secondary);font-size:var(--text-sm)}.integration-section-heading>span{margin:0;white-space:nowrap}.integration-cloud-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:var(--space-sm);padding-block-start:var(--space-sm)}.integration-card{min-width:0;padding:var(--space-lg);border:var(--rule-thin) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-secondary)}.integration-card-primary{border-color:var(--border-default)}.integration-card .button{white-space:nowrap}.integration-card-upcoming{background:var(--surface-subtle)}.integration-card-header,.integration-assistant-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.integration-card-header{flex-wrap:wrap}.integration-card-header .integration-brand-lockup{flex:1 1 12rem}.integration-brand-lockup{min-width:0;display:flex;align-items:center;gap:var(--space-sm)}.integration-brand-lockup>div{min-width:0;display:grid;gap:var(--space-3xs)}.integration-brand-lockup strong{color:var(--text-strong);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;line-height:1.15}.integration-brand-lockup span:not(.integration-logo-frame){color:var(--text-secondary);font-size:var(--text-sm)}.integration-logo-frame{width:3rem;height:3rem;flex:0 0 auto;display:grid;place-items:center;border:var(--rule-thin) solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-canvas)}.integration-logo-frame-small{width:2.5rem;height:2.5rem}.integration-logo-frame img{width:1.75rem;height:1.75rem;object-fit:contain}.integration-logo-frame-small img{width:1.4rem;height:1.4rem}.integration-status{display:inline-flex;min-height:1.75rem;align-items:center;gap:var(--space-2xs);padding-inline:var(--space-xs);border:var(--rule-thin) solid var(--border-subtle);border-radius:var(--radius-round);background:var(--surface-canvas);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.integration-status-connected{color:var(--success)}.integration-status-connected>span,.integration-status-reauthorization_required>span,.integration-status-unavailable>span,.integration-status-disconnected>span{width:.4rem;height:.4rem;border-radius:var(--radius-round);background:currentColor}.integration-status-reauthorization_required,.integration-status-unavailable{color:var(--brand-strong)}.integration-description{max-width:var(--reading-measure);margin:var(--space-md) 0 0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.55}.integration-destination{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-sm);margin-block-start:var(--space-lg);padding:var(--space-sm);border:var(--rule-thin) solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-subtle)}.integration-destination>div{min-width:0;display:grid;gap:var(--space-3xs)}.integration-destination span{color:var(--text-secondary);font-size:var(--text-xs);font-weight:600}.integration-destination strong{min-width:0;display:inline-flex;align-items:center;gap:var(--space-2xs);overflow-wrap:anywhere;color:var(--text-strong);font-size:var(--text-sm)}.integration-auto-save{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-block-start:var(--space-sm);padding:var(--space-sm);border:var(--rule-thin) solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-strong);cursor:pointer}.integration-auto-save>span{display:grid;gap:var(--space-3xs)}.integration-auto-save small{color:var(--text-secondary);font-size:var(--text-xs);font-weight:400}.integration-auto-save input{width:2.75rem;height:1.5rem;flex:0 0 auto;margin:0;accent-color:var(--brand)}.integration-auto-save input:focus-visible{outline:var(--rule-strong) solid var(--focus);outline-offset:var(--underline-offset)}.integration-auto-save input:disabled{cursor:not-allowed;opacity:.72}.integration-card .settings-actions{flex-wrap:wrap;gap:var(--space-xs)}.onedrive-folder-dialog{width:min(34rem,calc(100vw - 2rem));max-height:min(42rem,calc(100dvh - 2rem));padding:var(--space-xl);border:var(--rule-thin) solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary)}.onedrive-folder-dialog::backdrop{background:#0f172a7a}.onedrive-folder-dialog h2,.onedrive-folder-dialog p{margin-block-start:0}.onedrive-folder-location{overflow-wrap:anywhere;color:var(--text-secondary);font-size:var(--text-sm)}.onedrive-folder-status{min-height:1.5rem;color:var(--text-secondary);font-size:var(--text-sm)}.onedrive-folder-list{display:grid;max-height:20rem;overflow-y:auto;border:var(--rule-thin) solid var(--border-subtle);border-radius:var(--radius-sm)}.onedrive-folder-row{min-height:var(--control-height);padding:var(--space-sm);border:0;border-block-end:var(--rule-thin) solid var(--border-subtle);background:var(--surface);color:var(--text-primary);font:inherit;text-align:start;cursor:pointer}.onedrive-folder-row:last-child{border-block-end:0}.onedrive-folder-row:hover,.onedrive-folder-row:focus-visible{background:var(--surface-subtle)}.onedrive-folder-dialog .dialog-actions{margin-block-start:var(--space-lg)}.integration-assistant-list{padding-block-start:var(--space-sm);border-block-end:var(--rule-thin) solid var(--border-subtle)}.integration-assistant-row{padding-block:var(--space-sm);border-block-start:var(--rule-thin) solid var(--border-subtle)}.integration-assistant-row:first-child{border-block-start:0}.integration-assistant-row .integration-brand-lockup>div>span{max-width:29rem}.billing-summary>*+*{padding-block-start:var(--space-lg);border-block-start:var(--rule-thin) solid var(--border-subtle)}.billing-plan-row,.billing-usage>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md)}.billing-plan-row>div,.billing-usage{display:grid;gap:var(--space-xs)}.billing-plan-row strong,.billing-usage strong{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600}.billing-status{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}.billing-usage progress{width:100%;height:.5rem;border:0;border-radius:var(--radius-round);overflow:hidden;background:var(--surface-pressed)}.billing-usage progress::-webkit-progress-bar{background:var(--surface-pressed)}.billing-usage progress::-webkit-progress-value{background:var(--brand)}.billing-usage progress::-moz-progress-bar{background:var(--brand)}.billing-details{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-xs) var(--space-lg);margin:0}.billing-details dt{color:var(--text-secondary)}.billing-details dd{margin:0;font-weight:600}@media(max-width:31.99rem){.integration-section-heading,.integration-assistant-row{align-items:flex-start;flex-direction:column}.integration-auto-save{align-items:flex-start}}@media(min-width:40rem){.settings-page{padding-block-start:var(--space-2xl)}.settings-navigation{grid-template-columns:repeat(4,minmax(0,1fr))}.integration-destination{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:60rem){.settings-page{grid-template-columns:14rem minmax(0,1fr);align-items:start}.settings-navigation{position:sticky;top:var(--space-lg);grid-template-columns:minmax(0,1fr);overflow:visible;padding:0 var(--space-lg) 0 0;border-block-end:0;border-inline-end:var(--rule-thin) solid var(--border-subtle)}.settings-navigation a[aria-current=page]{box-shadow:inset calc(-1 * var(--rule-strong)) 0 var(--brand)}}@media(prefers-reduced-motion:reduce){.settings-page *,.settings-page *:before,.settings-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}