.cs-chat-sheet {
  box-sizing: border-box; position: fixed; inset: auto; left: 0; margin: 0;
  width: 100%; max-width: none; max-height: none; padding: 0;
  border: 1px solid var(--color-base-300, #d9dce6); border-bottom: 0;
  border-radius: 24px 24px 0 0; background: var(--color-base-100, #fff);
  color: var(--color-base-content, #182033); overflow: hidden;
  box-shadow: 0 -12px 50px #0003;
}
.cs-chat-sheet::backdrop { background: #080d1f80; }
.cs-chat-sheet[open] { display: flex; flex-direction: column; }
.cs-chat-sheet[data-expanded="true"] { border-radius: 16px 16px 0 0; padding-top: env(safe-area-inset-top); }
.cs-chat-sheet__handle {
  display: flex; align-items: center; justify-content: center; flex: 0 0 28px;
  width: 100%; border: 0; padding: 0; background: transparent; cursor: ns-resize;
  touch-action: none; user-select: none; -webkit-user-select: none;
}
.cs-chat-sheet__handle::before { content: ''; width: 42px; height: 5px; border-radius: 9px; background: currentColor; opacity: .28; }
.cs-chat-sheet__bar { display: flex; align-items: center; gap: 8px; padding: 0 12px 8px 18px; flex: 0 0 auto; }
.cs-chat-sheet__title { font-size: 16px; font-weight: 700; margin: 0; flex: 1; }
.cs-chat-sheet__action { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; text-decoration: none; }
.cs-chat-sheet__action:hover { background: #8882; }
.cs-chat-sheet__action:focus-visible { outline: 2px solid var(--color-primary, #7864ed); outline-offset: -3px; }
.cs-chat-sheet__handle:focus, .cs-chat-sheet__handle:focus-visible { outline: none; box-shadow: none; }
.cs-chat-sheet__handle:focus-visible::before { opacity: .65; }
.cs-chat-sheet__content { position: relative; flex: 1; min-height: 0; padding-bottom: env(safe-area-inset-bottom); }
.cs-chat-sheet iframe { display: block; width: 100%; height: 100%; border: 0; background: var(--color-base-100, #fff); }
.cs-chat-sheet__loading { position: absolute; inset: 0; display: grid; place-items: center; background: var(--color-base-100, #fff); font-size: 14px; pointer-events: none; }
.cs-chat-sheet__loading[hidden] { display: none; }