.sds-demo, .sds-demo * { box-sizing: border-box; }
.sds-demo { max-width: 1120px; margin: 40px auto; display: grid; grid-template-columns: minmax(280px, 0.9fr) minmax(320px, 1.1fr); gap: 28px; font-family: inherit; }
.sds-card { background: #fff; border: 1px solid color-mix(in srgb, var(--sds-accent) 55%, transparent); border-radius: 24px; padding: 28px; box-shadow: 0 18px 45px rgba(0,0,0,.08); }
.sds-profile { display: flex; flex-direction: column; gap: 22px; }
.sds-profile-avatar { width: 150px !important; height: 150px !important; min-width:150px !important; min-height:150px !important; border-radius: 50% !important; object-fit: cover !important; display: block !important; border: 3px solid var(--sds-accent); box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.sds-kicker { margin: 0 0 6px; text-transform: uppercase; letter-spacing: .14em; font-size: 12px; opacity: .7; }
.sds-profile h2 { margin: 0; font-size: clamp(28px, 4vw, 44px); color: var(--sds-primary); line-height: 1.05; }
.sds-company { margin: 8px 0 0; font-size: 17px; color: #555; }
.sds-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.sds-info-grid div { background: rgba(0,0,0,.035); border-radius: 16px; padding: 14px; }
.sds-info-grid span { display:block; font-size:12px; text-transform: uppercase; letter-spacing:.08em; opacity:.65; margin-bottom: 5px; }
.sds-info-grid strong, .sds-info-grid p { margin:0; color:#222; line-height:1.35; }
.sds-wide { grid-column: 1 / -1; }
.sds-chat-card { background: var(--sds-chat-bg); display:flex; flex-direction:column; min-height: 580px; overflow:hidden; }
.sds-chat-header { display:flex; align-items:center; gap:14px; padding-bottom:18px; border-bottom:1px solid rgba(0,0,0,.08); margin-bottom:18px; }
.sds-chat-avatar { width: 54px !important; height: 54px !important; min-width:54px !important; min-height:54px !important; border-radius: 50% !important; object-fit: cover !important; display:block !important; border:2px solid var(--sds-accent); }
.sds-chat-header strong { display:block; color: var(--sds-primary); font-size:18px; }
.sds-chat-header span { display:block; font-size:13px; opacity:.65; }
.sds-chat-messages { flex:1; display:flex; flex-direction:column; gap:12px; overflow-y:auto; padding: 4px 4px 18px; }
.sds-message { max-width: 82%; padding: 13px 15px; border-radius: 18px; line-height:1.45; white-space: pre-wrap; }
.sds-message-bot { align-self:flex-start; background: var(--sds-bot-bg); color: var(--sds-bot-text); border-bottom-left-radius: 6px; }
.sds-message-user { align-self:flex-end; background: var(--sds-user-bg); color: var(--sds-user-text); border-bottom-right-radius: 6px; }
.sds-typing { font-size: 13px; opacity:.65; margin-bottom:10px; }
.sds-chat-form { display:flex; gap:10px; padding-top:16px; border-top:1px solid rgba(0,0,0,.08); }
.sds-chat-input { flex:1; min-width:0; border:1px solid rgba(0,0,0,.16) !important; border-radius: 999px !important; padding: 13px 16px !important; background:#fff !important; color:#222 !important; }
.sds-chat-button { border:0 !important; border-radius:999px !important; background: var(--sds-primary) !important; color:#fff !important; padding: 12px 20px !important; cursor:pointer; font-weight:700; }
.sds-chat-button:disabled { opacity:.55; cursor:not-allowed; }
.sds-error { max-width: 760px; margin: 40px auto; padding: 22px; border-radius: 16px; background:#fff3f3; color:#8a1f1f; border:1px solid #f0c7c7; }
@media (max-width: 820px) { .sds-demo { grid-template-columns: 1fr; margin:24px auto; } .sds-card { padding:22px; } .sds-info-grid { grid-template-columns:1fr; } .sds-chat-card { min-height: 540px; } }