.collab-topbar{display:flex;align-items:center;gap:12px;flex-shrink:0}.collab-avatar-stack{display:flex;padding-left:4px}.collab-avatar-stack>button{padding:0;border:0;background:none;margin-left:-4px;border-radius:50%;min-width:30px;font-size:12px}.collab-avatar{display:inline-grid;place-items:center;position:relative;width:32px;height:32px;border:2px solid var(--surface,#fff);border-radius:50%;background:color-mix(in srgb,var(--author-color) 12%,white);color:var(--author-color);font-weight:700;font-size:11px;flex:0 0 32px}.collab-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.collab-avatar.online:after{content:'';position:absolute;width:8px;height:8px;border:2px solid white;bottom:-1px;right:-1px;background:#168561;border-radius:50%}.collab-chat-button{position:relative}.collab-chat-button small{position:absolute;right:-3px;top:-3px;padding:2px 4px;border-radius:8px;background:#0b63f6;color:#fff;font-size:10px}.collab-disconnected{width:7px;height:7px;border-radius:50%;background:#ba7a18;position:absolute;right:3px;bottom:3px}
.account-connected{display:flex;align-items:center;gap:12px;min-height:110px;color:#168561}.account-connected i{font-size:30px}
.collab-panel{width:min(460px,calc(100vw - 32px));border-radius:18px;box-shadow:0 12px 48px #14203418}
.collab-panel>header{padding:24px 24px 16px;border-bottom:0;align-items:flex-start}
.collab-panel-title{display:flex;align-items:center;gap:6px}
.collab-panel .collab-panel-title h2{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:28px;font-weight:750;letter-spacing:-.8px;line-height:1.2;margin:8px 0 0}
.collab-panel>header>div>small{font-size:12px;font-weight:500}
.collab-panel [data-collab-close]{width:34px;height:34px;border:1px solid #e4eaf2;background:transparent;font-size:18px;flex-shrink:0}
.collab-panel .collab-panel-nav{padding:8px 24px 20px;border-bottom:1px solid #eef1f5;gap:6px}
.collab-panel .collab-panel-nav>button{flex:1;padding:10px 14px;border:1px solid #e1e8f1;font-size:12px;font-weight:600;color:inherit}
.collab-panel .collab-panel-nav>button.active{background:var(--accent,#0b63f6);color:#fff;border-color:var(--accent,#0b63f6)}
.collab-panel .collab-panel-body{padding:20px 24px}
.collab-panel .collab-contribution{margin:22px 0;border:0;padding:0 0 0 44px;position:relative;max-width:100%;background:none}
.collab-panel .collab-contribution header{justify-content:flex-start;gap:12px;padding:0;background:none;border:0}
.collab-panel .collab-author .collab-avatar{position:absolute;left:0;top:0;width:32px;height:32px}
.collab-panel .collab-author strong{font-size:12px;font-weight:650}
.collab-panel .collab-contribution p{display:inline-block;max-width:100%;box-sizing:border-box;background:#f0f3f7;border-radius:4px 12px 12px;padding:11px 14px;margin:7px 0 0;font-size:13px;line-height:1.65}
.collab-panel .collab-contribution.is-mine{padding-left:50px;text-align:right}
.collab-panel .is-mine header{justify-content:flex-end}
.collab-panel .is-mine .collab-avatar{display:none}
.collab-panel .is-mine p{background:#e4efff;border-radius:12px 4px 12px 12px;text-align:left}
.collab-panel .collab-contribution footer{margin-top:5px;opacity:0;justify-content:flex-end}
.collab-panel .collab-contribution:hover footer,.collab-panel .collab-contribution:focus-within footer{opacity:1}
.collab-day-divider{display:flex;align-items:center;gap:12px;margin:4px 0 20px;color:#8290a3;font-size:11px}
.collab-day-divider:before,.collab-day-divider:after{content:'';height:1px;background:#e8edf4;flex:1}
.collab-panel .collab-composer{padding:16px 20px;background:var(--surface,#fff)}
.collab-panel .collab-input-row{display:flex;align-items:flex-end;gap:8px}
.collab-panel .collab-input-row textarea{margin:0;border:1px solid #dce4ef;border-radius:12px;padding:12px;min-height:52px;font-size:13px;line-height:1.5;resize:vertical;background:transparent;color:inherit}
.collab-panel .collab-send{width:46px!important;min-width:46px;height:46px;padding:0;border-radius:10px;font-size:22px;flex:0 0 46px}
.collab-panel .collab-connection-state{display:block;margin-top:8px;font-size:11px}
.collab-panel .collab-empty{margin:28px 0;color:#8290a3;font-size:13px;text-align:center}
.collab-panel .collab-profile-heading{width:100%;padding:4px 0 8px}.collab-panel .collab-profile-heading h3{font-size:18px;letter-spacing:-.4px}.collab-panel .collab-profile-heading p{font-size:12px;color:#6b7b91}
.collab-panel[data-mode=profile] .collab-panel-body>h3{font-size:13px;font-weight:650;margin:2px 0 16px}
@media(max-width:520px){.collab-panel{right:8px;top:62px;bottom:12px;width:calc(100vw - 16px)}.collab-panel>header{padding:20px}.collab-panel .collab-panel-body{padding:16px 20px}}
.collab-image-anchor{position:relative;display:inline-block;min-width:30px;min-height:30px}.collab-image-anchor>.asset-image{display:block;width:100%;height:100%}
.collab-panel{position:fixed;z-index:1300;right:16px;top:70px;bottom:52px;width:min(420px,calc(100vw - 32px));display:flex;flex-direction:column;border:1px solid #dbe4ee;border-radius:16px;background:var(--surface,#fff);color:var(--text,#142034);box-shadow:0 14px 60px #14203422;overflow:hidden;text-align:left}.collab-panel>header{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid #e5ebf2}.collab-panel h2{font-size:18px;margin:2px 0}.collab-panel small,.collab-panel time{color:#6b7b91;font-size:11px}.collab-panel-nav{padding:10px 16px;display:flex;gap:8px;border-bottom:1px solid #e5ebf2}.collab-panel-nav:empty{display:none}.collab-panel button.active{background:#eaf2ff;color:#0b63f6;border-color:#0b63f6}.collab-panel-body{padding:16px;overflow:auto;flex:1;min-height:0;overscroll-behavior:contain}.collab-panel button{border-radius:8px;cursor:pointer}.collab-panel-body>button,.collab-thread-list>button{padding:8px 10px;border:1px solid #dbe4ee;background:transparent}.collab-panel-nav>button{padding:7px 14px;border:1px solid #dbe4ee;background:transparent}.collab-contribution{margin:14px 0;padding:12px;border:1px solid #e5ebf2;border-left:3px solid var(--author-color);border-radius:10px}.collab-contribution header{display:flex;gap:8px;align-items:center;justify-content:space-between}.collab-author{display:flex;gap:7px;align-items:center;background:none;border:0;padding:0;color:inherit}.collab-author strong{font-size:12px}.collab-contribution p,.collab-profile-entry p{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;font-size:13px;line-height:1.6}.collab-contribution footer{display:flex;gap:12px}.collab-contribution footer button{background:none;border:0;color:#63738b;padding:0;font-size:11px}.collab-composer{padding:14px;border-top:1px solid #e5ebf2}.collab-composer:empty{display:none}.collab-composer label{display:block;font-size:12px}.collab-composer textarea{width:100%;box-sizing:border-box;resize:vertical;margin:7px 0;max-height:180px}.collab-composer form>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.collab-composer .primary-button{width:auto!important;min-width:80px}.collab-panel>output{font-size:12px;padding:0 16px;color:#a64d27;overflow-wrap:anywhere}.collab-target{padding:10px;background:#f5f8fc;border-radius:10px}.collab-target label{display:flex;gap:7px;align-items:center;font-size:12px;margin:12px 0}.collab-target input{width:auto}.collab-thread-list{display:flex;flex-direction:column;gap:6px;margin:10px 0}.collab-thread-list button{text-align:left;font-size:12px}.collab-profile-heading{display:flex;gap:12px;align-items:center}.collab-profile-heading .collab-avatar{width:48px;height:48px;flex-basis:48px;font-size:17px}.collab-profile-heading h3,.collab-profile-heading p{margin:4px 0}.collab-profile-entry{padding:10px 0;border-bottom:1px solid #e5ebf2}.collab-profile-entry button{border:0;background:none;color:#0b63f6;text-align:left;font-size:12px;padding:0}.collab-member-row{display:flex;gap:10px;align-items:center;width:100%;padding:10px!important;text-align:left;background:none!important;border:0!important}.collab-member-row small{display:block}
.collab-anchor,.collab-anchor-wrap{position:relative}.collab-anchor-wrap{display:block}.collab-anchor-wrap>.file-row,.collab-anchor-wrap>.inspiration-card{width:100%}.collab-comment-button{position:absolute;right:6px;top:6px;z-index:5;display:flex;align-items:center;gap:3px;border:1px solid #dbe4ee;border-radius:50%;padding:5px;min-width:27px;height:27px;background:var(--surface,#fff);color:var(--author-color,#0b63f6);opacity:0;font-size:15px;cursor:pointer;box-shadow:0 2px 8px #1420340d}.collab-comment-button.has-comments{opacity:1;border-radius:10px}.collab-comment-button small{font-size:10px}.collab-anchor:hover>.collab-comment-button,.collab-anchor:focus-within>.collab-comment-button,.collab-anchor-wrap:hover>.collab-comment-button,.collab-anchor-wrap:focus-within>.collab-comment-button,.collab-comment-button:focus{opacity:1}.collab-highlight{outline:3px solid #0b63f6!important;outline-offset:3px}@media(max-width:1100px){.collab-topbar{gap:6px}}@media(prefers-reduced-motion:reduce){.collab-panel *{scroll-behavior:auto!important}}