.workspace:has(>.settings-page){width:100%;margin-top:0}.settings-page{--st-ink:#efe6d8;--st-soft:#a69a8e;--st-dim:#857667;--st-line:#ffffff0b;width:100%;max-width:1120px;margin:0 auto;padding-bottom:56px;container-type:inline-size}.settings-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}@container (max-width:760px){.settings-columns{grid-template-columns:minmax(0,1fr)}}.settings-card{background:#1b1414;border:1px solid #2f2322;border-radius:1rem;flex-direction:column;display:flex;overflow:hidden}.settings-card>h2{font:1.15rem/1.25 var(--serif);letter-spacing:0;color:var(--st-ink);padding:1.15rem 1.4rem .85rem}.settings-row,.settings-sign-out,.settings-signed-out,.settings-row-status{border-top:1px solid var(--st-line)}.settings-row-head{text-align:left;width:100%;min-height:3.5rem;color:var(--st-ink);align-items:center;gap:1rem;padding:.8rem 1.4rem;display:flex}.settings-row-head:not(:disabled):hover,.settings-sign-out:not(:disabled):hover{filter:none;background:#ffffff05}.settings-row-head:focus-visible,.settings-sign-out:focus-visible{outline-offset:-2px}.settings-row-label{flex:none;gap:2px;max-width:55%;font-size:14px;display:grid}.settings-row-label small{color:#d9b35f;font-size:12px;line-height:1.4}.settings-row-value{text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;color:var(--st-soft);flex:1;font-size:13px;overflow:hidden}.settings-row-value img{vertical-align:-1px;margin-right:7px;display:inline-block}.settings-row-action{color:#79b29a;flex:none;font-size:13px}.settings-row-chevron{color:var(--st-dim);transition:transform .2s}.settings-row.is-open .settings-row-chevron{transform:rotate(180deg)}.settings-row-body{padding:.1rem 1.4rem 1.4rem;animation:.18s ease-out settings-open}.settings-row-body[hidden]{display:none}.settings-row-body p,.settings-signed-out p,.settings-row-status{max-width:62ch;color:var(--st-soft);font-size:13px;line-height:1.6}.settings-row-body>p,.settings-form>p,.settings-signed-out p{margin-bottom:14px}.settings-row-body .field-label{max-width:380px;margin-bottom:0}.settings-row-body .style-picker{margin:0}.settings-form{gap:14px;max-width:380px;display:grid}.settings-form>p{margin-bottom:0}.settings-form .field-label,.settings-form .dialog-actions{margin:0}.settings-form .sign-in-error{color:#e39a8a}.settings-signed-out,.settings-row-status{padding:1rem 1.4rem 1.2rem}.settings-sign-out{text-align:left;width:100%;color:var(--st-soft);align-items:center;gap:.6rem;padding:1rem 1.4rem;font-size:14px;display:flex}.settings-sign-out:not(:disabled):hover{color:#e0806b}.language-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:460px;display:grid}.language-option{border:1px solid var(--border);text-align:left;text-overflow:ellipsis;white-space:nowrap;color:var(--foreground);border-radius:8px;padding:8px 12px;font-size:13px;overflow:hidden}.language-option:not(:disabled):hover{filter:none;border-color:#6fb59666}.language-option.is-selected{border-color:var(--jade);color:#efe4cf;background:#6fb59612}@keyframes settings-open{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.settings-row-body{animation:none}.settings-row-chevron{transition:none}}@media (max-width:767px){.settings-row-head,.settings-sign-out,.settings-card>h2,.settings-row-body,.settings-signed-out,.settings-row-status{padding-inline:1.1rem}}
