.space-personal-settings{width:min(900px,calc(100vw - 32px));max-width:none;height:min(760px,calc(100dvh - 40px));max-height:none;padding:0;border:1px solid var(--border);border-radius:14px;background:var(--surface,#fff);color:var(--text,#222);overflow:hidden}
.space-personal-settings[open]{display:flex;flex-direction:column}
.space-personal-settings::backdrop{background:#0007}
.space-personal-settings>header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);flex-shrink:0}
.space-personal-settings h2{font-size:18px;margin:0}.space-personal-settings header button{font-size:24px;min-width:44px;min-height:44px}
.personal-settings-layout{display:flex;flex:1;min-height:0}
.personal-settings-layout nav{width:145px;flex-shrink:0;padding:14px 8px;border-right:1px solid var(--border)}
.personal-settings-layout nav button{display:block;width:100%;padding:12px;text-align:left;border-radius:6px}
.personal-settings-layout nav button[aria-current=true]{background:var(--accent);color:var(--on-accent,#fff)}
/* 설정 입구 2A: 창 머리 아래 '나에게만' 한 줄, 탭마다 저장 범위 꼬리표 */
.personal-settings-note{margin:0;padding:8px 20px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--border);background:var(--raised,#fff);flex-shrink:0}
.personal-settings-layout nav button small{display:block;margin-top:2px;font-size:11px;font-weight:400;color:var(--muted)}
.personal-settings-layout nav button[aria-current=true] small{color:inherit;opacity:.85}
.personal-settings-body{flex:1;min-width:0;min-height:0;overflow:auto}.personal-settings-body:has(iframe:not([hidden])){overflow:hidden}.personal-settings-body>[data-appearance],.personal-settings-body>[data-composer-settings],.personal-settings-body>[data-presence-settings]{padding:24px}
.personal-settings-body iframe{width:100%;height:100%;border:0;display:block}.personal-settings-body [hidden]{display:none}
/* 탭을 바꾸는 동안: 탭 제목과 회색 카드(모아 보기와 같은 자리 표시), 늦으면 다시 시도 */
.personal-settings-loading,.personal-settings-failed{padding:24px;display:flex;flex-direction:column;gap:12px}
.personal-settings-loading h3,.personal-settings-failed h3{margin:0;font-size:16px}
.personal-settings-loading p{margin:0;color:var(--muted);font-size:13px}
.personal-settings-loading span{display:block;height:72px;border-radius:10px;background:color-mix(in srgb,var(--muted) 12%,transparent)}
.personal-settings-failed [role=alert]{padding-top:28px;text-align:center}.personal-settings-failed [role=alert] p{margin:6px 0 0;color:var(--muted);font-size:13px}
.personal-settings-failed button{align-self:center}
/* 화면 탭: 적용 범위 한 줄 + 미리보기 세 칸 */
.personal-settings-scope{margin:0 0 12px;color:var(--muted);font-size:12px}
.theme-choices{margin:0;padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--raised,#fff)}
.theme-choices legend{float:left;width:100%;padding:0;margin-bottom:12px;font-size:15px;font-weight:700}
.theme-options{clear:both;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.theme-option{display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid var(--border);border-radius:10px;cursor:pointer}
.theme-option:has(input:checked){border:2px solid var(--accent);padding:7px}
.theme-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.theme-option-name{display:flex;align-items:center;gap:6px}.theme-option-name input{margin:0;width:16px;height:16px;accent-color:var(--accent)}.theme-option-name b{font-weight:600}
.theme-option small{color:var(--muted);font-size:11px;line-height:1.4}.theme-option small.theme-now{color:inherit;font-weight:600}
.theme-preview{display:flex;height:76px;border-radius:6px;overflow:hidden;border:1px solid var(--border)}
.theme-preview>span:first-child{width:30%}.theme-preview>span:last-child{flex:1;display:flex;flex-direction:column;gap:6px;padding:10px 8px}
.theme-preview i{display:block;height:6px;border-radius:3px}.theme-preview i:nth-child(1){width:70%}.theme-preview i:nth-child(2){width:50%}.theme-preview i:nth-child(3){width:60%}
.theme-preview-light>span:first-child{background:#ece7da}.theme-preview-light>span:last-child{background:#fbf9f4}.theme-preview-light i{background:#cfc8b8}.theme-preview-light i:nth-child(3){background:#14392b}
.theme-preview-dark>span:first-child{background:#1c2620}.theme-preview-dark>span:last-child{background:#232e28}.theme-preview-dark i{background:#4a5a51}.theme-preview-dark i:nth-child(3){background:#8cc7a1}
.theme-preview-auto>span:first-child{background:#ece7da}.theme-preview-auto>span:last-child{background:linear-gradient(90deg,#fbf9f4 28.6%,#232e28 28.6%)}.theme-preview-auto i{background:#8a938c}
.theme-status{margin:10px 0 0;font-size:12px;min-height:1.4em}.theme-status[data-state=saved]{color:var(--success,#2f6b45)}.theme-status[data-state=error]{color:var(--danger,#a3392a)}
@media(max-width:600px){
.space-personal-settings{inset:0;margin:0;width:100%;height:100dvh;border:0;border-radius:0}
.space-personal-settings>header{padding:calc(8px + env(safe-area-inset-top)) 14px 8px}
.personal-settings-layout{flex-direction:column}
.personal-settings-layout nav{width:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-right:0;border-bottom:1px solid var(--border);padding:6px}
.personal-settings-layout nav button{min-height:44px;padding:8px 3px;text-align:center;font-size:13px;white-space:nowrap}
.personal-settings-layout nav button small{display:none}
.personal-settings-note{padding:6px 14px}
.personal-settings-body>[data-appearance],.personal-settings-body>[data-composer-settings],.personal-settings-body>[data-presence-settings]{padding:20px 16px}
.theme-options{grid-template-columns:1fr}.theme-option{flex-direction:row;align-items:center;flex-wrap:wrap}.theme-preview{width:84px;height:52px;flex-shrink:0}.theme-option small{flex-basis:100%}
.personal-settings-loading,.personal-settings-failed{padding:20px 16px}
}

.send-key-option{display:block;padding:16px;margin:10px 0;border:1px solid var(--line,#ccc);border-radius:8px;cursor:pointer}.send-key-option small{display:block;margin:6px 0 0 25px}.send-key-option:has(input:checked){outline:2px solid var(--accent,#37654b)}

[data-composer-settings] h3{margin:0 0 14px}[data-composer-settings] p{font-size:13px;line-height:1.6;color:var(--muted)}[data-composer-settings] fieldset{margin:18px 0;padding:12px;border:1px solid var(--border);border-radius:10px}[data-composer-settings] legend{font-weight:600;font-size:14px}[data-composer-settings] [role=status]{min-height:1.6em}

[data-presence-settings] h3{margin:0 0 14px}[data-presence-settings] p{font-size:13px;line-height:1.6;color:var(--muted)}[data-presence-settings] label{display:flex;align-items:center;gap:8px;margin:20px 0;font-weight:600}[data-presence-settings] [role=status]{min-height:1.6em}

[data-status-form]>input,[data-status-form]>select,[data-status-custom] input{width:100%;box-sizing:border-box;min-height:42px}[data-presence-settings] [data-status-custom]{flex-direction:column;align-items:stretch}[data-presence-settings] [data-status-custom][hidden]{display:none}.member-status-actions{display:flex;gap:8px;margin-top:16px}[data-presence-settings] hr{border:0;border-top:1px solid var(--border);margin:24px 0}