/* utono v1.4: accessible standalone collaborative editing room */
.utono-collab-overlay{position:fixed;inset:0;z-index:9999;background:var(--bg,#171719);color:var(--text,#f7f7f8);font-family:inherit;overscroll-behavior:contain}
body.collab-open{overflow:hidden}
.collab-shell{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.collab-toolbar{flex-shrink:0;min-height:68px;padding:12px clamp(16px,4vw,52px);display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--border,#39393c);background:var(--surface,#1d1d20)}
.collab-back{border:1px solid var(--border,#39393c);border-radius:12px;background:transparent;color:inherit;padding:10px 15px;cursor:pointer;font-size:13px;white-space:nowrap}
.collab-heading{display:flex;flex:1;flex-direction:column;min-width:0;gap:3px}.collab-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.collab-heading small{font-size:11px;opacity:.55}
.collab-right{display:flex;align-items:center;gap:12px;flex-shrink:0}
.collab-role{font-size:11px;padding:8px 12px;background:rgba(144,132,255,.15);color:#aca3ff;border-radius:99px}
.collab-presence{display:flex;align-items:center;gap:0}.collab-person{width:30px;height:30px;border:2px solid var(--surface,#1d1d20);border-radius:50%;display:grid;place-items:center;background:#8779e8;color:#fff;font-size:10px;font-weight:800;margin-left:-5px}
.collab-content{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;width:min(900px,100%);margin-inline:auto;padding:clamp(16px,4vw,40px);padding-bottom:max(env(safe-area-inset-bottom),16px)}
.collab-instruction{display:flex;align-items:center;flex-wrap:wrap;gap:9px;opacity:.72;font-size:12px;margin-bottom:20px}
.collab-dot{width:7px;height:7px;border-radius:50%;background:#83d8a2}
#collab-text{flex:1;min-height:250px;border:0;outline:0;resize:none;background:transparent;color:inherit;font:400 17px/1.75 inherit;width:100%;font-family:inherit;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}
#collab-text:disabled{opacity:.8;cursor:default}
.collab-content footer{display:flex;justify-content:space-between;gap:12px;font-size:11px;opacity:.55;border-top:1px solid var(--border,#39393c);padding-top:14px}
.collab-invite-form{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0;align-items:stretch}
.collab-invite-form input{min-width:170px;flex:1;min-height:42px;border-radius:10px;padding:10px 12px;background:var(--surface,#222);color:inherit;border:1px solid var(--border,#3b3b3b)}
.collab-invite-form select,.collab-member select{min-height:42px;border-radius:10px;padding:8px;background:var(--surface,#222);color:inherit;border:1px solid var(--border,#444)}
.collab-member-list{margin-top:16px;display:grid;gap:8px}
.collab-member{display:flex;align-items:center;gap:9px;justify-content:space-between;border:1px solid var(--border,#353535);border-radius:12px;padding:10px;flex-wrap:wrap;font-size:12px}
.collab-member span{min-width:125px;overflow-wrap:anywhere;flex:1}
.collab-member small{display:block;opacity:.6;font-size:11px;margin-top:4px}
.collab-member button{padding:9px 12px;border-radius:9px;border:1px solid var(--border,#444);background:transparent;color:inherit;cursor:pointer}
.collab-warn{padding:14px;border:1px solid #aa8e40;background:rgba(250,185,50,.07);border-radius:12px;margin:12px 0;font-size:13px;line-height:1.55}
.collab-list,.collab-inbox{margin:20px 0;display:grid;gap:12px}.collab-inbox h2{font-size:17px}
.collab-card{color:inherit;background:var(--surface,#222);padding:18px;border:1px solid var(--border,#444);border-radius:15px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;font:inherit;cursor:pointer}
.collab-card small{display:block;margin-top:6px;opacity:.55;font-size:12px}
.collab-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:11000;padding:11px 20px;color:white;border-radius:12px;background:#34313f;max-width:90vw;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.collab-toast.error{background:#773636}
@media(max-width:650px){.collab-toolbar{gap:9px;padding:9px 12px;padding-top:max(9px,env(safe-area-inset-top))}.collab-back{font-size:11px;padding:8px}.collab-heading strong{font-size:12px}.collab-role{font-size:10px;padding:5px 7px}.collab-person{width:25px;height:25px}.collab-content{padding:20px 17px 12px}#collab-text{font-size:16px}.collab-content footer span:last-child{display:none}}