.settings-page{padding-block:34px 58px;max-width:1080px}
.settings-heading{margin-bottom:28px}
.settings-heading>.back-link{display:inline-block;margin-bottom:26px}
.settings-heading>.eyebrow{margin-bottom:12px}
.settings-heading h1{font-size:clamp(48px,5vw,66px);margin-bottom:13px}
.settings-heading>p:last-child{font-size:13px;color:var(--muted)}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.settings-panel{min-width:0;border:1px solid var(--line);border-radius:10px;padding:25px;background:#fbfcf8;scroll-margin-top:28px}
.settings-profile{grid-column:1/-1}
.settings-panel-heading{margin-bottom:21px}
.settings-panel-heading>.eyebrow{margin-bottom:9px}
.settings-panel-heading h2{font-size:35px}
.settings-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}
.settings-page .member-form>label:not(.member-checkbox){font-size:11px;margin-bottom:8px}
.settings-page .space-profile-form>input{display:block;width:100%;min-width:0;border:1px solid #9eb5b4;border-radius:6px;padding:11px 13px;background:var(--paper);font:14px/1.5 var(--sans)}
.settings-page .micro{font-size:11px;line-height:1.7;color:var(--muted);margin-top:10px}
.settings-page .member-form>.button{margin-top:15px;min-height:41px;padding:11px 17px;font-size:11px;gap:24px}
.settings-page .member-checkbox{margin-top:0;font-size:12px;line-height:1.7}
.settings-avatar-top{display:flex;align-items:center;gap:14px;margin-bottom:17px}
.settings-avatar-top h3{font-size:25px;letter-spacing:-.015em}
.settings-avatar-top .micro{margin-top:4px}
.settings-avatar-preview{width:64px;height:64px;flex:0 0 64px;border-radius:50%;background:var(--blue);overflow:hidden;display:grid;place-items:center;font:27px/1 var(--serif)}
.settings-avatar-preview img{width:100%;height:100%;object-fit:cover}
.settings-avatar input[type=file]{display:block;max-width:100%;width:100%;min-width:0;font:11px/1.7 var(--sans);margin-block:9px;overflow:hidden}
.settings-avatar input[type=file]::file-selector-button{border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);padding:7px 10px;margin-right:8px;font:inherit;cursor:pointer}
.settings-remove-photo{margin-top:15px}
.settings-field-label{font-size:11px;margin-bottom:9px}
.settings-email{font-size:14px;overflow-wrap:anywhere;margin-bottom:0}
.settings-logout{margin-top:23px}
.settings-saved{font-size:12px;line-height:1.7;margin-top:12px;color:var(--ink)}
.settings-page .form-error{font-size:12px;line-height:1.7;margin-top:12px}
.settings-page .member-local{margin-top:18px!important;padding-top:12px}
.space-settings-link .icon{flex-shrink:0}
@media(max-width:760px){.settings-profile-grid{gap:25px}.settings-panel{padding:21px}.settings-grid{gap:16px}}
@media(max-width:600px){.settings-page{padding-block:28px 40px}.settings-heading{margin-bottom:22px}.settings-heading>.back-link{margin-bottom:22px}.settings-grid,.settings-profile-grid{grid-template-columns:1fr}.settings-profile{grid-column:auto}.settings-profile-grid{gap:25px}.settings-avatar{border-top:1px solid var(--line);padding-top:23px}.settings-panel{padding:20px}.settings-panel-heading h2{font-size:32px}.settings-avatar-top{margin-bottom:15px}}

.settings-dialog{width:min(920px,calc(100% - 40px));max-height:88dvh;border:1px solid var(--line);border-radius:18px;padding:0;background:var(--paper);color:var(--ink);overflow:hidden;box-shadow:0 20px 80px #243e4233}
.settings-dialog::backdrop{background:#152c3070;backdrop-filter:blur(3px)}
.settings-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border-bottom:1px solid var(--line)}
.settings-dialog-header h2{font-size:35px;margin:0}.settings-dialog-header button{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:transparent;font:24px/1 var(--sans)}
.settings-dialog-body{padding:22px 26px;overflow:auto;max-height:calc(88dvh - 87px);overscroll-behavior:contain}
.settings-dialog .settings-grid{gap:16px}.settings-dialog .settings-panel{padding:22px}.settings-dialog .settings-profile-grid{gap:24px}.settings-dialog .settings-panel-heading h2{font-size:32px}
.settings-dialog-status{padding:15px 0;font-size:13px}.settings-modal-open{overflow:hidden}
@media(max-width:600px){.settings-dialog{width:calc(100% - 24px);max-height:92dvh;border-radius:14px}.settings-dialog-header{padding:17px 18px}.settings-dialog-header h2{font-size:30px}.settings-dialog-body{padding:16px;max-height:calc(92dvh - 73px)}.settings-dialog .settings-panel{padding:18px}}
@media(prefers-reduced-motion:no-preference){.settings-dialog[open]{animation:settings-enter .18s ease-out}@keyframes settings-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}