.lw-panel{width:380px;height:600px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 100px);background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-l);box-shadow:var(--shadow-elevated);display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-family-body);color:var(--color-text-body)}.lw-panel--expanded{width:720px;height:680px}@media(max-width:600px){.lw-panel,.lw-panel--expanded{width:calc(100vw - 24px);height:calc(100dvh - 96px)}}.lw-hdr{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 12px 12px 16px;border-bottom:1px solid var(--color-border-default);background:var(--color-bg-card);flex-shrink:0}.lw-hdr__brand{display:flex;align-items:center;gap:10px;min-width:0}.lw-hdr__title{display:flex;flex-direction:column;gap:1px;line-height:1;min-width:0}.lw-hdr__name{font-family:var(--font-family-display);font-size:15px;font-weight:var(--font-weight-regular);letter-spacing:-.01em;color:var(--color-text-body);white-space:nowrap}.lw-hdr__status{font-size:11px;color:var(--color-text-muted);display:inline-flex;align-items:center;gap:5px}.lw-hdr__dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--status-success)}.lw-hdr__status--off .lw-hdr__dot{background:var(--neutral-5)}.lw-hdr__tools{display:flex;align-items:center;gap:4px}.lw-iconbtn{width:30px;height:30px;border:0;background:transparent;border-radius:var(--radius-s);color:var(--color-text-muted);display:grid;place-items:center;cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.lw-iconbtn:hover{background:var(--neutral-2);color:var(--color-text-body)}.lw-iconbtn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.lw-body{flex:1 1 auto;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px;background:var(--neutral-1);position:relative}.lw-body::-webkit-scrollbar{width:6px}.lw-body::-webkit-scrollbar-thumb{background:var(--neutral-3);border-radius:var(--radius-full)}.lw-recon{position:sticky;top:-16px;margin:-16px -16px 0;padding:8px 14px;background:color-mix(in srgb,var(--brand-primary-50),transparent 4%);border-bottom:1px solid var(--brand-primary-100);color:var(--brand-primary-800);font-size:12px;display:flex;align-items:center;gap:8px;z-index:2;font-weight:var(--font-weight-medium)}.lw-recon__spinner{width:12px;height:12px;border:1.5px solid var(--brand-primary-200);border-top-color:var(--brand-primary-600);border-radius:var(--radius-full);animation:spin .9s linear infinite}.lw-row{display:flex;gap:8px;align-items:flex-end;max-width:100%}.lw-row--visitor{justify-content:flex-end}.lw-row--assistant,.lw-row--human{justify-content:flex-start}.lw-avatar{width:24px;height:24px;border-radius:5px;overflow:hidden;flex:0 0 24px;background:var(--neutral-2)}.lw-bubble{max-width:78%;padding:10px 12px;border-radius:var(--radius-s);font-size:14px;line-height:1.45;color:var(--color-text-body);word-wrap:break-word;position:relative}.lw-bubble--visitor{background:var(--neutral-9);color:var(--neutral-0);border-bottom-right-radius:2px}.lw-bubble--assistant{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-bottom-left-radius:2px}.lw-bubble--human{background:var(--brand-secondary-50);border:1px solid var(--brand-secondary-100);border-left:3px solid var(--brand-secondary-500);border-bottom-left-radius:2px;color:var(--neutral-9)}.lw-bubble__time{font-size:10px;color:var(--color-text-muted);margin-top:4px;letter-spacing:.02em}.lw-bubble--visitor .lw-bubble__time{color:color-mix(in srgb,var(--neutral-0),transparent 45%);text-align:right}.lw-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center;gap:16px}.lw-empty__mark{width:44px;height:44px;border-radius:8px;overflow:hidden}.lw-empty h3{font-family:var(--font-family-display);font-size:22px;font-weight:var(--font-weight-regular);letter-spacing:-.01em;line-height:1.2;text-wrap:balance;margin:0;color:var(--color-text-body)}.lw-empty p{font-size:13px;color:var(--color-text-muted);line-height:1.5;max-width:28ch;margin:0}.lw-empty__suggests{display:flex;flex-direction:column;gap:6px;width:100%;max-width:280px;margin-top:8px}.lw-empty__suggests button{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-s);padding:10px 12px;font-size:13px;font-family:inherit;color:var(--color-text-body);text-align:left;cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.lw-empty__suggests button:hover{background:var(--neutral-2);border-color:var(--neutral-4)}.lw-input{border-top:1px solid var(--color-border-default);padding:10px 10px 12px;background:var(--color-bg-card);flex-shrink:0}.lw-input__row{display:flex;align-items:center;gap:2px;background:var(--color-bg-page);border:1px solid var(--color-border-default);border-radius:var(--radius-m);padding:4px;transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.lw-input__row:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-border-focus),transparent 84%)}.lw-input__icon,.lw-input__send{width:32px;height:32px;border:0;background:transparent;border-radius:var(--radius-s);display:grid;place-items:center;cursor:pointer;color:var(--color-text-muted);flex-shrink:0}.lw-input__icon:hover{background:var(--neutral-2);color:var(--color-text-body)}.lw-input__human{color:var(--brand-secondary-600)}.lw-input__human:hover{background:var(--brand-secondary-50);color:var(--brand-secondary-700)}.lw-input__send{background:var(--neutral-9);color:var(--neutral-0);border-radius:var(--radius-s)}.lw-input__send:hover{background:var(--neutral-8)}.lw-input__send:disabled{background:var(--neutral-4);color:var(--neutral-0);cursor:not-allowed}.lw-input__field{border:0;outline:0;background:transparent;font-family:inherit;font-size:14px;color:var(--color-text-body);padding:6px 4px;flex:1 1 auto;min-width:0}.lw-input__field::placeholder{color:var(--color-text-muted)}.lw-input__foot{display:flex;justify-content:space-between;font-size:10px;color:var(--color-text-muted);margin-top:6px;padding:0 4px;text-transform:uppercase;letter-spacing:.04em}.lw-input--disabled .lw-input__row{opacity:.55;pointer-events:none}
