.profile-editor{display:grid;grid-template-columns:minmax(300px,1.1fr) minmax(300px,1fr);gap:28px;align-items:start;max-width:1200px}.profile-form{min-width:0}.profile-preview{position:sticky;top:24px;min-width:0}.scene-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white;box-shadow:0 12px 32px #14304c10}.scene-banner{height:235px;overflow:hidden;background:#b9dfdf}.scene-svg{width:100%;height:100%;display:none;object-fit:cover}.scene-banner[data-scene=forest] .scene-forest,.scene-banner[data-scene=countryside] .scene-countryside,.scene-banner[data-scene=ocean] .scene-ocean,.scene-banner[data-scene=city] .scene-city{display:block}.id-details{padding:0 26px 24px;position:relative}.id-details .avatar.large{margin-top:-44px;width:88px;height:88px;border:4px solid white;background:#e4edf7}.id-details .eyebrow{margin:18px 0 10px}.id-details h2{font-size:24px;overflow-wrap:anywhere;margin-bottom:8px}.id-details #preview-email{overflow-wrap:anywhere;color:var(--muted);font-size:14px}.id-role{display:inline-block;padding:4px 12px;border-radius:20px;background:#e5edf6;color:#214c78;font-size:12px}.preview-caption{margin:22px 0 0;font-size:12px;color:var(--muted)}.profile-preview>button{margin-top:16px}.preview-help{font-size:12px;margin-top:12px}.scene-picker{padding:0;border:0;margin:26px 0 18px}.scene-picker legend{font-weight:650;margin-bottom:12px}.scene-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scene-tiles label{margin:0;position:relative;cursor:pointer}.scene-tiles input{position:absolute;width:1px;height:1px;opacity:0}.scene-tile{display:block;padding:16px 12px;border:2px solid var(--line);border-top:6px solid #568674;border-radius:9px}.tile-countryside{border-top-color:#bba258}.tile-ocean{border-top-color:#388eaa}.tile-city{border-top-color:#61698e}.scene-tile b,.scene-tile small{display:block}.scene-tile small{font-size:11px;color:var(--muted);margin-top:5px}.scene-tiles input:checked+span{border-color:#245e9e;background:#296db80c}.scene-tiles input:focus-visible+span{outline:3px solid #bd850e;outline-offset:3px}.profile-editor button:focus-visible{outline:3px solid #bd850e;outline-offset:3px}html[data-theme=dark] .scene-card{background:#172438}html[data-theme=dark] .id-details .avatar{border-color:#172438}html[data-theme=dark] .id-role{background:#2b4668;color:#e4efff}@media(max-width:900px){.profile-editor{grid-template-columns:1fr}.profile-preview{order:-1;position:static;max-width:600px;width:100%;margin:auto}.scene-banner{height:230px}}@media(max-width:420px){.scene-tile{padding:12px 9px}.scene-banner{height:200px}.id-details{padding-left:20px;padding-right:20px}}