:root{color:#111827;background:#dce0e5;font-family:DM Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#e6ebf0,#d9dde2 60%,#d4d8dd)}.page{min-height:100vh;display:grid;place-items:center;padding:24px}.demo-frame{width:min(420px,100%);height:min(760px,calc(100vh - 48px));background:#f9fafb;border:1px solid #cfd4da;border-radius:14px;box-shadow:0 12px 28px #0f172a14;overflow:hidden}.demo-frame>ai-chat-widget{display:block;width:100%;height:100%}.status{display:grid;align-content:center;justify-items:center;gap:12px;width:100%;height:100%;padding:24px;color:#3f4a57;text-align:center}.status-error{color:#7f1d1d}.status-title{margin:0;font-size:1.1rem;font-weight:700}.status-detail{margin:0;max-width:34ch;font-size:.95rem;line-height:1.4}.status-retry{border:1px solid #d1d5db;background:#fff;color:#111827;border-radius:999px;padding:10px 16px;font-size:.9rem;font-weight:600;cursor:pointer}.status-retry:hover{background:#f3f4f6}@media (max-width: 600px){.page{padding:12px}.demo-frame{height:calc(100vh - 24px);border-radius:12px}}