.profile-editor-dialog{width:min(580px,calc(100vw - 28px));max-height:90dvh;overflow:auto;padding:0;background:#17131f;color:#f0eef7;border:1px solid #b890ff30;border-radius:16px;box-shadow:0 24px 100px #0008;font:14px/1.6 'Segoe UI',system-ui,sans-serif}.profile-editor-dialog::backdrop{background:#08060dbb;backdrop-filter:blur(5px)}
.profile-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 26px;border-bottom:1px solid #ffffff12}.profile-editor-heading h2{font:700 23px/1.3 'Segoe UI',system-ui,sans-serif;margin:0;letter-spacing:-.03em}.profile-editor-close{border:1px solid #ffffff20;background:#ffffff05;color:#e1d6ef;border-radius:8px;width:34px;height:34px;font-size:22px;cursor:pointer}.profile-editor-body{padding:22px 26px 26px}.profile-editor-intro{color:#c9bad8;font-size:13px;margin:0 0 22px}
.profile-editor-form{display:grid;gap:12px;min-width:0}.profile-editor-form *{box-sizing:border-box}.profile-editor-avatar-row{display:flex;gap:18px;align-items:flex-start;margin-bottom:10px}.profile-editor-avatar{width:88px;height:88px;flex:none;display:grid;place-items:center;overflow:hidden;border:1px solid #b890ff45;border-radius:50%;background:#8d43ff20;font-size:32px;font-weight:700;color:#d7bdff}.profile-editor-avatar img{width:100%;height:100%;object-fit:cover}.profile-editor-avatar [hidden]{display:none!important}.profile-editor-image-fields{min-width:0;flex:1}.profile-editor-upload{position:relative;display:inline-flex;align-items:center;min-height:38px;border:1px solid #b890ff50;border-radius:8px;background:#b890ff12;color:#d5baff;font-size:12px;font-weight:650;padding:8px 12px;cursor:pointer}.profile-editor-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.profile-editor-upload:focus-within{outline:2px solid #c4a1ff;outline-offset:3px}.profile-editor-link{border:0;background:none;padding:7px 0;color:#c9a8f9;font:12px 'Segoe UI',sans-serif;cursor:pointer;margin-left:12px}.profile-editor-link[hidden]{display:none!important}
.profile-editor-field{display:grid;gap:8px;font-size:13px;font-weight:650;min-width:0}.profile-editor-form :is(input[type=text],textarea){width:100%;min-width:0;max-width:100%;border:1px solid #ffffff28;border-radius:8px;background:#0f0c16;color:#f0eef7;padding:11px 12px;font:15px/1.5 'Segoe UI',system-ui,sans-serif;resize:vertical}.profile-editor-help{font-size:11px;line-height:1.7;color:#a99cb9;margin:3px 0}.profile-editor-status{font-size:12px;line-height:1.6;min-height:0;color:#c7b4df;margin:0;overflow-wrap:anywhere}.profile-editor-status:empty{display:none}.profile-editor-status[data-state=ok]{color:#91d4b2}.profile-editor-status[data-state=error]{color:#ffb0ad}.profile-editor-check{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#c9bdd8;margin-top:8px}.profile-editor-check input{flex:none;margin:4px 0 0;accent-color:#a369ff}.profile-editor-footer{display:flex;justify-content:flex-end;margin-top:12px}.profile-editor-save{border:1px solid #b890ff50;border-radius:9px;padding:11px 18px;min-height:42px;background:#8d43ff;color:white;font:650 13px/1.4 'Segoe UI',system-ui,sans-serif;cursor:pointer}.profile-editor-save:disabled{opacity:.55;cursor:default}.profile-editor-form :is(input,textarea,button):focus-visible,.profile-editor-close:focus-visible{outline:2px solid #c4a1ff;outline-offset:3px}
.social-profile-page{background:#0e0c15;color:#f0eef7;font-family:'Segoe UI',system-ui,sans-serif}.social-profile-brand{font-size:25px;letter-spacing:-1.4px}.social-profile-brand .spark{font-size:32px;color:#8d43ff;margin:0 0 0 3px}.social-own-settings{background:#17131f;border-color:#ffffff20}.social-profile-top{border-color:#ffffff16}.social-own-settings .profile-editor-form{margin-top:20px}.social-profile-tabs button[aria-pressed=true]{border-color:#b890ff;color:#d3b7fc}.social-avatar img{object-fit:cover}.social-profile-top a{color:#eee7f7}
.social-profile-page .social-primary{background:#8d43ff;border-color:#b890ff60;color:#fff}.social-profile-page .social-button{border-color:#b890ff35;color:#dbc7f4}.social-profile-page .social-author{color:#e5d7f7}.social-profile-page .social-author:hover{color:#c2a0ef}
@media(max-width:520px){.profile-editor-heading{padding:19px}.profile-editor-heading h2{font-size:21px}.profile-editor-body{padding:20px}.profile-editor-avatar{width:68px;height:68px;font-size:27px}.profile-editor-avatar-row{gap:13px}.profile-editor-form :is(input[type=text],textarea){font-size:16px}.profile-editor-link{margin-left:0;display:block}.profile-editor-footer .profile-editor-save{width:100%}}
