.profile-editor{max-width:none}.profile-editor summary{font-size:19px}.profile-editor form{display:grid;gap:16px;margin-top:20px}.profile-editor textarea{font:inherit;resize:vertical;background:#202228;border:1px solid #3b3e48;color:#eee;border-radius:8px;padding:12px 14px;max-width:100%}.profile-row{display:grid;grid-template-columns:1fr 2fr auto;gap:8px;margin-bottom:12px}.profile-editor .input-line{align-items:center}.profile-editor .actions{align-items:center}#profile-status{overflow-wrap:anywhere}@media(max-width:600px){.profile-row{grid-template-columns:1fr auto}.profile-row input[type=url]{grid-column:1/-1;grid-row:2}.profile-row button{grid-column:2;grid-row:1}}
.custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.custom-grid input[type=color]{width:100%;height:45px;padding:4px}.profile-editor input[type=range]{padding:0;accent-color:#ff986a}.custom-preview{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;min-height:400px;background:var(--background);color:var(--text);font-family:var(--font);border:1px solid #3b3e48}.preview-background{position:absolute;inset:-70px;background:var(--image) center/cover;filter:blur(var(--blur));z-index:-2}.preview-dim{position:absolute;inset:0;background:#000;opacity:var(--dim);z-index:-1}.preview-content{padding:40px 24px;text-align:var(--align);max-width:420px;margin:auto}.preview-avatar{width:80px;height:80px;display:grid;place-items:center;background:var(--accent);color:#191b20;border-radius:50%;margin:0 auto 20px;font-size:28px;overflow:hidden}.preview-avatar img{width:100%;height:100%;object-fit:cover}.preview-content h2{color:inherit;overflow-wrap:anywhere;font-family:inherit}.preview-content p{white-space:pre-wrap;overflow-wrap:anywhere;opacity:.8;font-size:14px;line-height:1.6}#preview-buttons{display:grid;gap:12px;margin-top:25px}.preview-button{padding:17px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--button);opacity:var(--opacity);overflow-wrap:anywhere}.custom-preview[data-button=outline] .preview-button{background:transparent}.custom-preview[data-button=glass] .preview-button{backdrop-filter:blur(12px);background:color-mix(in srgb,var(--button) 60%,transparent)}.custom-preview output{font-size:12px}