.settings-page{min-height:100dvh}.settings-mobile{display:none}.settings-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:var(--space-56);max-width:1200px;margin-inline:auto;padding:var(--space-40) 0}.settings-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.settings-sidebar h2{margin-bottom:var(--space-16)}.settings-nav-link{display:flex;align-items:center;gap:var(--space-12);height:46px;padding-inline:var(--space-14);border-radius:var(--radius-14);color:var(--color-ink-muted);text-align:left}.settings-nav-link svg{flex-shrink:0}.settings-nav-active{background:var(--color-surface-raised);box-shadow:var(--shadow-soft);color:var(--color-ink)}.settings-logout{margin-top:var(--space-16)}.settings-content{gap:var(--space-24)}.settings-box,.settings-content{display:flex;flex-direction:column;min-width:0}.settings-box{gap:var(--space-16);padding:var(--space-24) var(--space-28);border-radius:var(--radius-24);background:var(--color-surface-raised);box-shadow:var(--shadow-soft)}.settings-profile{display:flex;align-items:center;gap:var(--space-16)}.settings-profile>div{min-width:0;overflow-wrap:anywhere}.settings-avatar{width:var(--space-72);height:var(--space-72);flex-shrink:0}.settings-action-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);min-height:var(--space-48);padding-block:var(--space-2)}.settings-action-row+.settings-action-row{border-top:1px solid var(--color-line);padding-top:var(--space-16)}.settings-row-copy{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;overflow-wrap:anywhere}.settings-action-row>button{flex-shrink:0}.settings-text-action{min-height:44px;color:var(--color-coral-deep);text-align:left}.settings-destructive{color:var(--color-danger)}.settings-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16);padding-top:var(--space-4)}.settings-plans .plan-card{white-space:normal}.settings-choice-actions{display:flex;gap:var(--space-12);flex-wrap:wrap}.settings-choice-actions>.button-primary{width:fit-content}.settings-current-plan{display:flex;align-items:flex-start;flex-direction:column;gap:var(--space-16)}.settings-premium-tag{background:var(--color-ink);color:var(--color-on-ink);border-radius:var(--radius-pill);padding:var(--space-4) var(--space-10);width:fit-content}.settings-free-plan{background:var(--color-peach);box-shadow:none;gap:var(--space-24);padding:var(--space-32)}.settings-balance-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-16)}.settings-balance{display:flex;align-items:center;gap:var(--space-8);margin-top:var(--space-4)}.settings-balance svg{color:var(--color-coral-deep)}.settings-next-credits{max-width:160px;text-align:right}.settings-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-16);padding-top:var(--space-8)}.credit-pack{display:flex;align-items:center;position:relative;gap:var(--space-12);padding:var(--space-16);border:1.5px solid var(--color-line);border-radius:var(--radius-16);text-align:left;background:var(--color-surface-raised);min-width:0;white-space:normal}.credit-pack.choice-selected{border:2px solid var(--color-coral);background:var(--color-peach)}.credit-pack-tag{position:absolute;top:calc(-1 * var(--space-14));left:var(--space-16);border-radius:var(--radius-pill);padding:var(--space-6) var(--space-10);color:var(--color-on-ink);background:var(--color-ink);white-space:nowrap}.settings-table{width:100%;border-collapse:collapse;table-layout:fixed}.settings-table td,.settings-table th{text-align:left;height:var(--space-48);border-bottom:1px solid var(--color-line);overflow-wrap:anywhere;padding:var(--space-8) var(--space-8) var(--space-8) 0}.settings-table th{color:var(--color-ink-muted);font:var(--text-label-strong)}.settings-table th:first-child{width:24%}.settings-table th:nth-child(2){width:49%}.settings-table td:nth-child(3),.settings-table th:nth-child(3){text-align:right}.settings-table th:last-child{width:14%}.settings-table td:last-child{padding-right:0;text-align:right}.settings-table button{min-width:32px}.settings-toggle-target{width:52px;height:44px;display:inline-flex;align-items:center;flex-shrink:0}.settings-toggle{display:flex;align-items:center;padding:var(--space-4);width:52px;height:var(--space-32);border-radius:var(--radius-pill);background:var(--color-line-strong)}.settings-toggle>span{width:var(--space-24);height:var(--space-24);border-radius:var(--radius-pill);background:var(--color-surface-raised);box-shadow:var(--shadow-knob)}.settings-toggle-on{justify-content:flex-end;background:var(--color-coral)}.settings-toggle-target:disabled{opacity:.5;cursor:default}.settings-banner{display:flex;align-items:center;gap:var(--space-14);padding:var(--space-16) var(--space-20);border-radius:var(--radius-20);background:var(--color-surface-sunk)}.settings-banner>svg{flex-shrink:0}.settings-banner p{flex:1}.settings-banner-danger{color:var(--color-danger);background:var(--color-danger-soft)}.settings-preview-label{padding:var(--space-8) var(--space-24);background:var(--color-surface-sunk);color:var(--color-ink-muted)}.settings-dialog-form{display:flex;flex-direction:column;gap:var(--space-16)}.settings-dialog-list{flex-direction:column;list-style:disc;padding-left:var(--space-18)}.settings-dialog-actions,.settings-dialog-list{display:flex;gap:var(--space-12)}.settings-dialog-actions>button{flex:1}.settings-dialog .settings-dialog-actions{margin-top:var(--space-4)}.settings-dialog-status{color:var(--color-danger)}.settings-gate{max-width:760px;margin:auto;padding:var(--space-40) var(--space-24);display:flex;flex-direction:column;gap:var(--space-24)}.settings-checkout{min-height:calc(100dvh - var(--space-72));display:grid;grid-template-columns:minmax(0,620px) minmax(0,1fr)}.settings-checkout-left,.settings-checkout-right{display:flex;flex-direction:column;gap:var(--space-24);padding:var(--space-56) var(--space-64) var(--space-56) max(var(--space-40),calc((100vw - 1200px)/2))}.settings-checkout-left>.button-secondary{align-self:flex-start;padding-inline:0}.settings-checkout-left{background:var(--color-peach)}.settings-checkout-right{gap:var(--space-18);padding-left:var(--space-64);padding-right:max(var(--space-40),calc((100vw - 1200px)/2))}.settings-checkout-left .settings-plans{grid-template-columns:1fr}.settings-features,.settings-payment-preview{display:flex;flex-direction:column;gap:var(--space-12)}.settings-payment-preview{position:relative;border:2px solid var(--color-line-strong);border-radius:var(--radius-20);background:var(--color-surface-raised);padding:var(--space-20)}.settings-payment-preview>.settings-premium-tag{position:absolute;top:calc(-1 * var(--space-12));left:var(--space-14);border-radius:var(--radius-4)}.settings-payment-row{display:flex;gap:var(--space-12)}.settings-payment-row>*{flex:1;min-width:0}.settings-wallet-label{justify-content:center;border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-on-ink)}.settings-payment-cell,.settings-wallet-label{display:flex;align-items:center;min-height:52px}.settings-payment-cell{padding-inline:var(--space-14);border:1px solid var(--color-line);background:var(--color-surface);border-radius:var(--radius-12);color:var(--color-ink-muted)}.settings-payment-declined{border:2px solid var(--color-danger)}.settings-payment-divider{display:flex;align-items:center;gap:var(--space-12);color:var(--color-ink-muted)}.settings-payment-divider:after,.settings-payment-divider:before{content:"";flex:1;height:1px;background:var(--color-line)}.settings-payment-summary{display:flex;flex-direction:column;gap:var(--space-10);padding-top:var(--space-6)}.settings-sumline{display:flex;justify-content:space-between;align-items:center;gap:var(--space-16)}.settings-total{border-top:1px solid var(--color-line);padding-top:var(--space-12)}.settings-checkout-submit>span{display:inline-flex;align-items:center;gap:var(--space-8)}.settings-payment-hint{text-align:center}.settings-top-up-dialog{width:min(560px,calc(100% - var(--space-48)))}.settings-welcome{min-height:calc(100dvh - var(--space-72));display:flex;flex-direction:column;gap:var(--space-24);align-items:center;justify-content:center;padding:var(--space-40) var(--space-24);text-align:center}.settings-welcome .state-icon{width:150px;height:150px;margin-bottom:var(--space-4)}.settings-preview-index,.settings-welcome h1{display:flex;flex-direction:column;gap:var(--space-16)}.settings-preview-index{max-width:760px;padding:var(--space-40) var(--space-24);margin:auto}.settings-preview-index a{color:var(--color-coral-deep);min-height:44px;display:flex;align-items:center}@media (hover:hover){.credit-pack:hover,.settings-nav-link:hover{filter:brightness(.97)}.settings-text-action:hover{text-decoration:underline}}@media (max-width:1279px){.settings-layout{padding-inline:var(--space-40);gap:var(--space-32);grid-template-columns:200px minmax(0,1fr)}.settings-packs{grid-template-columns:1fr;gap:var(--space-24)}.settings-checkout{grid-template-columns:1fr 1fr}.settings-checkout-left,.settings-checkout-right{padding:var(--space-40) var(--space-32)}}@media (max-width:767px){.settings-desktop,.settings-sidebar{display:none}.settings-mobile{display:block}.settings-layout{display:block;padding:var(--space-24)}.settings-content>h1{font:var(--text-title-l)}.settings-box{padding:var(--space-20)}.settings-profile{align-items:flex-start}.settings-plans{grid-template-columns:1fr;gap:var(--space-16)}.settings-free-plan{padding:var(--space-24)}.settings-action-row{flex-wrap:wrap;column-gap:var(--space-8)}.settings-row-copy{flex:1;min-width:160px}.settings-banner{flex-wrap:wrap}.settings-banner p{min-width:180px}.settings-banner .button-primary{width:100%}.settings-balance-row{flex-direction:column;align-items:center;text-align:center}.settings-next-credits{max-width:none;text-align:center}.settings-dialog-actions{flex-direction:column}.settings-top-up-dialog{width:100%;max-width:100%}.settings-table-billing th:first-child{width:23%}.settings-table-billing th:nth-child(2){width:35%}.settings-table-billing th:nth-child(3){width:28%;white-space:nowrap}.settings-table-billing th:last-child{width:14%}.settings-table-billing td:nth-child(3){white-space:nowrap}.settings-table th:first-child{width:22%}.settings-table th:nth-child(2){width:43%}.settings-table th:last-child{width:18%}.settings-checkout{display:block}.settings-checkout-left,.settings-checkout-right{padding:var(--space-32) var(--space-24)}.settings-checkout-left h1{font:var(--text-display-s)}.settings-checkout-right .settings-payment-preview{padding:var(--space-16)}.settings-checkout-submit{font:var(--text-button-s)}.settings-welcome h1{font:var(--text-display-l)}}.settings-notification-feedback{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-12)}.help-panel{display:flex;flex-direction:column;gap:var(--space-24)}.help-panel .settings-action-row>a{flex-shrink:0}@media (max-width:767px){.help-panel .settings-action-row{flex-direction:column;align-items:flex-start}}