.live-chat{display:flex;flex-direction:column;gap:8px;min-height:0;flex:1}.live-chat.is-drop,.pack-live-chat-pane.is-drop{outline:2px dashed #111;outline-offset:-6px;background:#fafafa}.live-chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.live-chat-lock,.live-chat-empty,.live-chat-error{margin:0;font-size:12px;line-height:1.4}.live-chat-lock{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#f4f4f6;color:#555;font-size:11px;font-weight:600;letter-spacing:.01em}.live-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin:auto 0;padding:28px 18px;text-align:center;color:#555;font-size:14px;line-height:1.45}.live-chat-empty p{margin:0;max-width:26ch}.live-chat-empty-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#f4f4f6;color:#111}.live-chat-error{color:var(--danger, #d64545)}.live-chat-stage{display:flex;flex-direction:column;min-height:0;flex:1}.live-chat-thread{list-style:none;display:flex;flex-direction:column;gap:7px;flex:1;min-height:160px;max-height:none;overflow:auto;margin:0;padding:4px 2px 8px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.live-chat-bubble{align-self:flex-start;max-width:84%;padding:8px 11px 6px;border-radius:16px 16px 16px 5px;background:#f0f0f2;color:#111;font-size:13.5px;line-height:1.4;overflow-wrap:anywhere}.live-chat-bubble.is-self{align-self:flex-end;border-radius:16px 16px 5px;background:#111;color:#fff}.live-chat-bubble.is-photo{padding:3px;background:transparent}.live-chat-bubble.is-self.is-photo{background:transparent}.live-chat-bubble.is-failed{opacity:.72;font-style:italic}.live-chat-bubble time{display:block;margin-top:4px;font-size:10px;letter-spacing:.02em;opacity:.55}.live-chat-photo-btn{display:block;padding:0;border:0;background:none;cursor:pointer}.live-chat-bubble img,.live-chat-photo{display:block;max-width:min(100%,240px);max-height:220px;width:auto;height:auto;object-fit:cover;background:#fff;border-radius:13px;pointer-events:none}.live-chat-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:grid;place-items:center;padding:16px;background:#08080ac7;cursor:pointer}.live-chat-lightbox-photo{max-width:min(100vw - 32px,960px);max-height:min(100vh - 32px,960px);width:auto;height:auto;object-fit:contain;background:#111;border-radius:12px;cursor:default;pointer-events:none;box-shadow:0 24px 64px #00000073}.live-chat-composer{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:8px}.live-chat-preview{display:flex;align-items:flex-end;gap:10px;padding:6px;border-radius:14px;background:#f4f4f6}.live-chat-preview img{width:64px;height:64px;object-fit:cover;border-radius:10px;background:#fff}.live-chat-preview-name{flex:1;font-size:12px}.live-chat-preview-remove{border:0;background:none;color:#444;font-size:12px;font-weight:600;cursor:pointer}.live-chat-compose{display:grid;grid-template-columns:40px 1fr 40px;gap:8px;align-items:center}.live-chat-compose input[type=text],.live-chat-compose input:not([type=file]){min-width:0;width:100%;height:40px;padding:0 14px;border:1px solid #e4e4e8;border-radius:999px;background:#f4f4f6;color:#111;font-size:14px}.live-chat-compose input:focus{outline:none;border-color:#111}.live-chat-compose input::placeholder{color:#8a8a8f;opacity:1}.live-chat-attach,.live-chat-send{width:40px;height:40px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.live-chat-attach{position:relative;border:1px solid #e4e4e8;background:#f4f4f6;color:#111}.live-chat-attach input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.live-chat-send{border:0;background:#111;color:#fff}.live-chat-send:disabled{opacity:.35;cursor:default}.live-chat-wipe{border:0;background:none;color:#888;font-size:12px;font-weight:600;cursor:pointer;padding:0;text-align:right;white-space:nowrap}.live-chat-wipe:hover{color:var(--danger, #d64545)}