.ig-chat{border-right:1px solid var(--line);color:#f5f5f5;background:#0c1014;flex-direction:column;min-width:0;height:520px;font-family:Instagram Sans UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.ig-header{background:#0c1014f5;border-bottom:1px solid #262626;flex:0 0 64px;justify-content:space-between;align-items:center;gap:20px;height:64px;padding:0 16px;display:flex}.profile{align-items:center;gap:11px;min-width:0;display:flex}.avatar,.mini-avatar{object-fit:cover;background:#25292e;border-radius:50%;flex:none}.avatar-placeholder{visibility:hidden}.avatar{width:44px;height:44px}.mini-avatar{width:28px;height:28px;margin-bottom:1px}.profile-copy{gap:1px;min-width:0;display:grid}.profile-copy strong{text-overflow:ellipsis;font-size:14px;font-weight:650;line-height:18px;overflow:hidden}.profile-copy small{color:#a8a8a8;font-size:12px;line-height:16px}.ig-header-actions{align-items:center;gap:17px;display:flex}.ig-header-actions svg,.composer svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.ig-header-actions svg:first-child{fill:currentColor;stroke:none}.ig-messages{overscroll-behavior:contain;scrollbar-color:#595e65 transparent;scrollbar-width:thin;flex-direction:column;flex:auto;gap:4px;min-height:0;padding:18px 18px 16px;display:flex;position:relative;overflow:hidden auto}.ig-messages::-webkit-scrollbar{width:8px}.ig-messages::-webkit-scrollbar-thumb{background:#595e65 padding-box padding-box;border:2px solid #0000;border-radius:999px}.day-divider,.time-divider{color:#a8a8a8;align-self:center;font-size:11px;font-weight:500}.day-divider{margin:12px auto 2px;font-weight:600}.time-divider{margin:1px auto 7px}.message-row{box-sizing:border-box;flex:none;align-items:flex-end;gap:8px;width:100%;min-width:0;min-height:36px;display:flex;position:relative}.message-row.incoming{justify-content:flex-start}.message-row.outgoing{justify-content:flex-end}.incoming .mini-avatar{order:1}.incoming .bubble,.incoming .media-card{order:2}.bubble{overflow-wrap:anywhere;border-radius:18px;flex:0 auto;min-width:0;max-width:min(236px,100% - 76px);padding:8px 12px;font-size:14px;line-height:20px}.incoming .bubble{background:#25292e}.outgoing .bubble{background:#4a5df9}.reply-bubble{gap:5px;display:grid}.reply-preview{color:#ffffffb8;border-left:2px solid #ffffff7a;padding-left:8px;font-size:11px;line-height:15px;display:grid}.reply-preview strong{color:#fff;font-size:10px;font-weight:650}.media-card{aspect-ratio:4/5;background:#25292e;border-radius:18px;flex:0 236px;width:236px;min-width:0;max-width:min(236px,100% - 76px);position:relative;overflow:hidden}.media-card img{object-fit:cover;width:100%;max-width:100%;height:100%;display:block}.reel-card{aspect-ratio:9/13}.reel-card:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#00000073);position:absolute;inset:0}.reel-play{z-index:2;color:#fff;background:#0000007a;border-radius:50%;place-items:center;width:42px;height:42px;padding-left:2px;font-size:16px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.reel-tag{z-index:2;color:#fff;font-size:11px;font-weight:650;position:absolute;top:10px;left:12px}.reel-copy{z-index:2;color:#fff;text-shadow:0 1px 5px #000000b8;gap:1px;min-width:0;display:grid;position:absolute;bottom:11px;left:12px;right:12px}.reel-copy strong,.reel-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reel-copy strong{font-size:11px}.reel-copy small{color:#ffffffd1;font-size:10px}.message-menu-trigger{color:#747980;cursor:pointer;width:32px;height:28px;font:inherit;letter-spacing:1px;opacity:0;pointer-events:none;background:0 0;border:0;border-radius:8px;flex:0 0 32px;place-items:center;margin-bottom:4px;padding:0;font-size:12px;transition:opacity .1s;display:grid}.incoming .message-menu-trigger{order:3}.message-row:hover .message-menu-trigger,.message-row:focus-within .message-menu-trigger,.message-menu-trigger:hover,.message-menu-trigger:focus-visible,.message-menu-trigger[aria-expanded=true]{color:#fff;opacity:1;pointer-events:auto;background:#ffffff14}.message-menu{z-index:8;background:#29292e;border:1px solid #ffffff1a;border-radius:12px;width:178px;position:absolute;bottom:36px;overflow:hidden;box-shadow:0 12px 32px #0000006b}.incoming .message-menu{left:46px}.outgoing .message-menu{right:10px}.message-menu[hidden]{display:none}.message-menu button{color:#f5f5f5;cursor:pointer;text-align:left;width:100%;min-height:42px;font:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:0 13px;font-size:12px;display:flex}.message-menu button:hover,.message-menu button:focus-visible{background:#ffffff14}.message-menu button:first-child{color:#85a1ff;font-weight:650}.message-menu button+button{border-top:1px solid #ffffff12}.composer{color:#f5f5f5;background:#0c1014;border:1px solid #2b3036;border-radius:24px;flex:0 0 48px;align-items:center;gap:8px;min-height:48px;margin:0 14px 12px;padding:0 9px;display:flex}.composer-face,.composer-tool,.send-button{color:inherit;cursor:pointer;background:0 0;border:0;flex:none}.composer-face{width:28px;height:28px;padding:0;font-size:21px}.composer-input{color:#fff;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.composer-input::placeholder{color:#a8a8a8}.composer-tool{border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid}.composer-tool:hover,.composer-tool:focus-visible{background:#ffffff14}.send-button{color:#0095f6;font:inherit;padding:0 4px;font-size:12px;font-weight:700}.demo-scrim{z-index:20;backdrop-filter:blur(1px);background:#0000006b;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.demo-scrim[hidden]{display:none}.copy-dialog{color:#f5f5f7;background:#191b20;border:1px solid #ffffff1c;border-radius:16px;width:min(360px,100%);padding:20px;box-shadow:0 18px 48px #00000047}.dialog-header{border:0;justify-content:space-between;align-items:flex-start;gap:16px;height:auto;padding:0;display:flex}.dialog-header h2{margin:0;font-size:16px;font-weight:700;line-height:1.3}.dialog-header p{color:#989ca6;margin:4px 0 0;font-size:12px}.anchor-glyph{color:#c7c9cf;font-size:24px;line-height:1}.context-progress{grid-template-columns:8px 1fr 8px;align-items:center;margin:18px 2px;display:grid}.context-progress i{background:#686d77;border-radius:50%;width:8px;height:8px}.context-progress i.active{background:#0095f6}.context-progress span{background:#454953;height:1px}.count-label{color:#c7c9cf;gap:8px;font-size:12px;font-weight:650;display:grid}.count-label input{box-sizing:border-box;color:#f5f5f7;width:100%;height:38px;font:inherit;background:#101217;border:1px solid #343841;border-radius:9px;outline:0;padding:0 11px;font-size:13px}.count-label input:focus{border-color:#555b68}.dialog-hint,.dialog-error{min-height:17px;margin:8px 0 0;font-size:11px}.dialog-hint{color:#989ca6}.dialog-error{color:#ff8c8c}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.dialog-actions button{color:#f5f5f7;cursor:pointer;min-width:70px;height:34px;font:inherit;border:0;border-radius:8px;padding:0 13px;font-size:12px;font-weight:650}.dialog-actions .cancel{background:#2a2d34}.dialog-actions .copy{background:#0095f6}.dialog-actions .copy:hover,.dialog-actions .copy:focus-visible{background:#1877f2}.demo-toast{z-index:30;color:#fff;white-space:nowrap;background:#24262cf0;border:1px solid #ffffff1a;border-radius:9px;max-width:calc(100% - 32px);padding:8px 11px;font-size:11px;position:absolute;bottom:72px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000047}.demo-toast[hidden]{display:none}.demo-transcript{background:#fbfbfd;flex-direction:column;min-width:0;height:520px;display:flex}.transcript-head{border-bottom:1px solid var(--line);color:#6e6e73;letter-spacing:.01em;flex:0 0 43px;justify-content:space-between;align-items:center;height:43px;padding:0 15px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;display:flex}.transcript-head span:first-child{color:#1d1d1f;font-weight:650}.demo-transcript textarea{resize:none;box-sizing:border-box;color:#1d1d1f;background:0 0;border:0;outline:0;flex:auto;width:100%;padding:19px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.65}.demo-transcript textarea::placeholder{color:#a1a1a6}.paste-status{border-top:1px solid var(--line);color:#86868b;align-items:center;min-height:38px;padding:0 15px;font-size:10px;display:flex}@media (width<=760px){.ig-chat,.demo-transcript{height:460px}.ig-chat{border-right:0;border-bottom:1px solid var(--line)}}@media (width<=480px){.ig-chat{height:430px}.demo-transcript{height:350px}.ig-header-actions{gap:12px}.ig-messages{padding-inline:12px}.message-menu{width:166px}.composer{margin-inline:10px}.composer-tool:nth-of-type(3){display:none}}@media (hover:none),(pointer:coarse){.message-menu-trigger{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.ig-messages{scroll-behavior:auto}}