/* PR #22's siteEdit* rules remain in streamer.html. Only current profile differences live here. */
.profileEditTrigger{appearance:none;border:0;background:none;color:var(--accent);font:inherit;font-size:var(--font-xs);font-weight:800;padding:5px 7px;border-radius:6px;cursor:pointer}
.profileEditTrigger:hover{background:var(--panel2)}
.profileNameRow{display:flex;align-items:center;gap:5px;min-width:0}
.profileEditHeroActions{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto}
.profileEditHeroActions .profileEditTrigger{padding:2px 3px;font-weight:700;line-height:1.15}
.profileEditAvatarWrap{position:relative;flex:0 0 auto}
#profileImageAction{position:absolute;left:-2px;bottom:-2px}
.profileEditImageButton{display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--muted);cursor:pointer}
.profileEditImageButton svg{width:14px;height:14px}
.profileEditImageButton:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.profileEditMenuWrap{position:relative;display:flex}
.profileEditMenu{position:absolute;top:100%;left:auto;right:0;z-index:30;min-width:120px;padding:5px;border:1px solid var(--line);border-radius:9px;background:var(--panel);box-shadow:0 8px 24px #0002}
.profileEditMenu button{display:block;width:100%;border:0;background:none;text-align:left;padding:9px;color:var(--text);font:inherit;font-size:var(--font-sm);cursor:pointer;border-radius:5px}
.profileEditMenu button:hover{background:var(--panel2)}#profileDelete{color:var(--live)}
.profileEditModal{width:min(460px,100%)}
.profileEditActive{scroll-margin:70px}
.profileEditActive [hidden],.profileEditModal [hidden],.profileEditMenu[hidden]{display:none!important}
#profileFields{border:0;margin:0;padding:0;min-width:0;display:grid;gap:8px}
.profileEditField{font-size:var(--font-sm);font-weight:800;margin-top:8px}
.profileEditTextRow{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:5px;margin-bottom:5px}
.profileEditTextRow button{appearance:none;border:0;background:var(--panel2);color:var(--muted);border-radius:5px;cursor:pointer;font:inherit;min-height:28px;padding:2px 5px}
.profileEditError{color:var(--live);font-size:var(--font-xs);line-height:1.5;grid-column:1/-1}
.profileEditActive [aria-invalid=true],.profileEditModal [aria-invalid=true]{border-color:var(--live)}
.profileEditTrigger.ed{padding:0;border-radius:0}.profileEditTrigger.ed:hover{background:none}
#sitesGrp .links>.link,#snsGrp .links>.link{flex:0 1 auto;width:auto}
.profileEditActive #profileFields{display:block}
.profileEditActive .dragH,.profileEditActive .siteDel,.profileEditHeaderActions button{appearance:none;border:0;background:none;font-family:inherit}
.profileEditHeaderActions{margin-left:auto;display:inline-flex;gap:10px;align-items:center;white-space:nowrap}
.profileEditHeaderActions .ed{margin:0;padding:0}.profileEditHeaderActions [data-profile-field=editorCancel]{color:var(--muted)}
.profileEditActive .siteErr:not([hidden]){display:block}
.profileEditActive .editorLegalNotice{margin:10px 0 0;font-size:var(--font-xs);line-height:var(--line-body);color:var(--muted)}
.profileEditFixed{color:var(--muted);font-size:var(--font-xs);white-space:nowrap}
.profileEditFallbackServiceName{flex:0 1 auto;min-width:0;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-xs);color:var(--muted)}
.profileEditFallbackServiceName~.siteUrl:not(.snsName){min-width:110px}
.profileEditActive .siteUrl[readonly]{color:var(--muted);cursor:default}
.siteEditRow .profileEditPrimary{position:relative;flex:0 0 auto;display:inline-flex;background:none;color:var(--muted);padding:0;cursor:pointer;line-height:1.4}
.profileEditPrimary input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.profileEditPrimary span{border:1px solid var(--line);border-radius:20px;padding:1px 5px}
.profileEditPrimary input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}
.profileEditPrimary input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.profileEditPrimary input[aria-invalid=true]+span{border-color:var(--live)}
.profileEditAdd{margin-top:5px;font:inherit;font-size:var(--font-sm);color:var(--accent);border:1px solid var(--line);border-radius:8px;background:var(--panel2);padding:8px;text-align:left;cursor:pointer;min-width:0}
.profileEditTrigger:focus-visible,.profileEditActive :focus-visible,.profileEditModal :focus-visible,.profileEditMenu :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.profileEditActive :disabled,.profileEditModal :disabled{opacity:.6;cursor:wait}
.editing-disabled .profileEditTrigger,.editing-disabled .profileEditHeroActions,.editing-disabled .profileEditActive{display:none!important}
@media(min-width:821px){.dragH~.profileEditFallbackServiceName{max-width:40px}}
@media(max-width:600px){.profileEditActive .siteUrl,.profileEditActive .siteAddSel,.profileEditModal .editorInput,.profileEditAdd{font-size:16px!important}.profileEditAvatarWrap{max-width:90px}.profileEditActive{padding-bottom:8px}.profileEditModal{width:100%}}
