/* ---------- 협업 편집기 공통 (co-shell) — 토스트 · 저장 표시 · 이름 변경 ---------- */
.co-toast{position:absolute;left:50%;top:14px;transform:translate(-50%,-8px);background:#1F1F1D;color:#fff;font-size:12.5px;padding:8px 14px;border-radius:99px;box-shadow:0 8px 24px rgba(0,0,0,.18);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:40;white-space:nowrap}
.co-toast.on{opacity:1;transform:translate(-50%,0)}
#edSync{margin-left:auto}
.as-track.on{background:#217346}
.as-track.on::after{left:14px}
#edRename{width:24px;height:24px;color:#9C9C9A;opacity:0;transition:opacity .12s}
.ed-file:hover #edRename,#edRename:focus{opacity:1}
#edName[contenteditable="true"]{outline:none;box-shadow:0 0 0 2px var(--brand);border-radius:5px;padding:1px 6px;margin:-1px -6px;overflow:visible;text-overflow:clip;min-width:60px}
/* 참여자 스트립(.ed-top-right 안) — 28px 겹침 스택, 색 링. 나 → 피어 → +N → 인원 */
.co-people{display:none;align-items:center;margin-right:2px}
.co-pp{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;margin-right:-7px;position:relative;cursor:default}
.co-pp[data-actor]{cursor:pointer}
.co-pp:hover{z-index:2}
.co-ava{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px var(--c,#9C9C9A),0 0 0 4px #fff;font-size:12px;font-weight:700;color:#fff;background:#F4F4F2}
.co-ava img{width:100%;height:100%;display:block;object-fit:cover}
.co-ava .uav-init{font-size:12px;color:#55554F}
.co-pp.more{background:#EFEFED;color:#55554F;font-size:11px;font-weight:600;box-shadow:0 0 0 2px #fff}
.co-pp-n{margin-left:14px;font-size:12px;color:#8A8A88;white-space:nowrap}
.co-pp.idle{opacity:.45}