.svdb{
  --db-bg:#111418;
  --db-panel:#171b20;
  --db-panel2:#1e242a;
  --db-border:#30363d;
  --db-text:#f5f2ed;
  --db-muted:#aeb4ba;
  --db-accent:#e8734a;
  width:min(920px,100%);
  margin:0 auto;
  border:1px solid var(--db-border);
  background:var(--db-bg);
  color:var(--db-text);
  font-family:Inter,Arial,sans-serif;
  box-shadow:0 24px 70px rgba(0,0,0,.24);
  overflow:hidden;
}
.svdb *{box-sizing:border-box}
.svdb button,.svdb textarea,.svdb a{font-family:inherit}
.svdb-head{
  min-height:82px;
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid var(--db-border);
  background:#12161a;
}
.svdb-brand{display:flex;align-items:center;gap:14px;min-width:0}
.svdb-mark{
  width:52px;height:52px;flex:0 0 52px;
  display:grid;place-items:center;
  border:1px solid #424a52;
  background:#0e1114;
}
.svdb-mark svg{width:29px;height:29px;stroke:var(--db-accent);stroke-width:1.8}
.svdb-title{font-size:19px;line-height:1.2;font-weight:750;color:#fff}
.svdb-subtitle{margin-top:5px;display:flex;align-items:center;gap:8px;color:var(--db-muted);font-size:14px;line-height:1.3}
.svdb-live{width:9px;height:9px;border-radius:50%;background:#63bd88;box-shadow:0 0 0 4px rgba(99,189,136,.11)}
.svdb-reset{
  min-height:44px;padding:0 14px;
  display:flex;align-items:center;gap:8px;
  border:1px solid #3a4249;background:transparent;color:#d8dadd;
  font-size:14px;font-weight:700;cursor:pointer;
}
.svdb-reset:hover{border-color:var(--db-accent);color:#fff}
.svdb-reset svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8}

.svdb-demo-note{
  padding:12px 18px;
  border-bottom:1px solid var(--db-border);
  background:#1a1d20;
  color:#c2c5c8;
  font-size:14px;
  line-height:1.5;
}
.svdb-demo-note strong{color:#fff}

.svdb-messages{
  height:430px;
  min-height:430px;
  max-height:54vh;
  overflow-y:auto;
  padding:25px 24px;
  background:
    radial-gradient(circle at 80% 15%,rgba(232,115,74,.06),transparent 28%),
    #15191e;
  scroll-behavior:smooth;
}
.svdb-msg{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin:0 0 20px;
}
.svdb-msg-user{flex-direction:row-reverse}
.svdb-avatar{
  width:40px;height:40px;flex:0 0 40px;
  display:grid;place-items:center;
  border:1px solid #3a424a;
  background:#101419;
  color:#d9dde0;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.03em;
}
.svdb-msg-assistant .svdb-avatar{border-color:rgba(232,115,74,.45);color:var(--db-accent)}
.svdb-bubble{
  max-width:min(680px,82%);
  padding:14px 16px;
  border:1px solid #343b43;
  background:#1c2127;
  color:#edf0f2;
  font-size:16.5px;
  line-height:1.62;
  word-break:break-word;
}
.svdb-msg-user .svdb-bubble{
  border-color:#80513d;
  background:#2a211d;
}
.svdb-typing{display:flex;gap:6px;min-width:70px;align-items:center;min-height:49px}
.svdb-typing i{
  width:7px;height:7px;border-radius:50%;
  background:#a8adb2;
  animation:svdbpulse 1.1s infinite ease-in-out;
}
.svdb-typing i:nth-child(2){animation-delay:.15s}
.svdb-typing i:nth-child(3){animation-delay:.3s}
@keyframes svdbpulse{0%,70%,100%{opacity:.32;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}

.svdb-quick{
  padding:14px 18px 4px;
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  border-top:1px solid var(--db-border);
  background:#12161a;
}
.svdb-quick[hidden]{display:none}
.svdb-chip{
  min-height:40px;
  padding:9px 13px;
  border:1px solid #3b444c;
  background:#181d22;
  color:#dfe2e4;
  font-size:14.5px;
  line-height:1.3;
  cursor:pointer;
}
.svdb-chip:hover{border-color:var(--db-accent);color:#fff;background:#201b19}

.svdb-convert{
  margin:16px 18px;
  padding:18px;
  border:1px solid rgba(232,115,74,.55);
  background:#1d1917;
}
.svdb-convert[hidden]{display:none}
.svdb-convert strong{display:block;color:#fff;font-size:18px;line-height:1.3}
.svdb-convert span{display:block;margin-top:6px;color:#c4c5c6;font-size:15px;line-height:1.5}
.svdb-convert-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
.svdb-primary-link,.svdb-secondary-link{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:45px;padding:11px 16px;
  text-decoration:none!important;
  font-size:14px;font-weight:800;
}
.svdb-primary-link{background:var(--db-accent);color:#fff!important}
.svdb-primary-link:hover{background:#d86640}
.svdb-secondary-link{border:1px solid #4b5157;color:#fff!important;background:#15191d}
.svdb-convert small{display:block;margin-top:13px;color:#9da1a4;font-size:12.5px;line-height:1.5}

.svdb-compose{
  margin:14px 18px 0;
  min-height:58px;
  display:flex;
  align-items:flex-end;
  gap:10px;
  border:1px solid #424a52;
  background:#0f1317;
  padding:8px;
}
.svdb-compose:focus-within{border-color:#626c75}
.svdb-compose textarea{
  flex:1;
  min-width:0;
  min-height:40px;
  max-height:130px;
  resize:none;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#f5f2ed!important;
  padding:9px 8px!important;
  font-size:16px!important;
  line-height:1.45!important;
}
.svdb-compose textarea::placeholder{color:#7f878e}
.svdb-send{
  flex:0 0 auto;
  min-width:103px;
  min-height:44px;
  padding:0 15px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  border:0;
  background:var(--db-accent);
  color:#fff;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
}
.svdb-send:hover{background:#d86640}
.svdb-send:disabled,.svdb-compose textarea:disabled{opacity:.6;cursor:wait}
.svdb-send svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.8}
.svdb-ended{
  width:100%;
  padding:10px 8px;
  color:#d6d8da;
  font-size:15px;
  line-height:1.5;
}

.svdb-foot{
  min-height:52px;
  padding:10px 18px 14px;
  display:flex;
  justify-content:space-between;
  gap:18px;
  color:#7f878e;
  font-size:12px;
  line-height:1.45;
}
.svdb-limit{color:#aeb4ba;white-space:nowrap}
.svdb-sr{
  position:absolute!important;
  width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}

@media(max-width:680px){
  .svdb-head{padding:12px}
  .svdb-mark{width:48px;height:48px;flex-basis:48px}
  .svdb-reset span{display:none}
  .svdb-reset{min-width:44px;padding:0 11px}
  .svdb-demo-note{padding:11px 13px;font-size:13px}
  .svdb-messages{height:410px;max-height:55vh;padding:18px 12px}
  .svdb-avatar{width:36px;height:36px;flex-basis:36px;font-size:11px}
  .svdb-msg{gap:8px}
  .svdb-bubble{max-width:86%;padding:12px 13px;font-size:16px;line-height:1.58}
  .svdb-quick{padding:12px 12px 2px}
  .svdb-chip{font-size:14px}
  .svdb-convert{margin:14px 12px;padding:16px}
  .svdb-compose{margin:12px 12px 0}
  .svdb-send{min-width:54px;padding:0 12px}
  .svdb-send span{display:none}
  .svdb-foot{padding:10px 12px 13px;display:block}
  .svdb-foot span{display:block}
  .svdb-foot span+span{margin-top:5px}
}