.ckui-theme,.ckui{--ckui-background:#fafafa;--ckui-surface:#fff;--ckui-primary:#18181b;--ckui-text:#09090b;--ckui-muted:#71717a;--ckui-border:#e4e4e7;--ckui-error:#dc2626;--ckui-incoming:#f4f4f5;--ckui-outgoing:#18181b;--ckui-outgoing-text:#fafafa;--ckui-radius:10px;--ckui-avatar-size:40px;--ckui-font:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.ckui-theme .ckui{--ckui-background:inherit;--ckui-surface:inherit;--ckui-primary:inherit;--ckui-text:inherit;--ckui-muted:inherit;--ckui-border:inherit;--ckui-error:inherit;--ckui-incoming:inherit;--ckui-outgoing:inherit;--ckui-outgoing-text:inherit;--ckui-radius:inherit;--ckui-avatar-size:inherit;--ckui-font:inherit}.ckui,.ckui *,.ckui :before,.ckui :after{box-sizing:border-box}.ckui{color:var(--ckui-text);font-family:var(--ckui-font);font-size:14px;line-height:1.45}.ckui button,.ckui textarea{color:inherit;font:inherit}.ckui button:focus-visible,.ckui textarea:focus-visible{outline:2px solid color-mix(in srgb, var(--ckui-primary) 38%, white);outline-offset:2px}.ckui-conversation-list,.ckui-conversation{border:1px solid var(--ckui-border);border-radius:var(--ckui-radius);background:var(--ckui-surface);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000a}.ckui-scroll-area,.ckui-message-list{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow:auto}.ckui-scroll-area{background:var(--ckui-surface);flex:1}.ckui-conversation-list__toolbar{border-bottom:1px solid var(--ckui-border);background:var(--ckui-surface);min-height:52px;color:var(--ckui-text);letter-spacing:-.01em;justify-content:space-between;align-items:center;padding:8px 10px 8px 16px;font-size:14px;font-weight:600;display:flex}.ckui-conversation-list__items{display:grid}.ckui-conversation-item{border:0;border-bottom:1px solid var(--ckui-border);background:var(--ckui-surface);cursor:pointer;text-align:left;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:68px;padding:10px 14px;transition:background-color .12s;display:grid}.ckui-conversation-item:hover{background:color-mix(in srgb, var(--ckui-primary) 4%, var(--ckui-surface))}.ckui-conversation-item[data-selected]{background:color-mix(in srgb, var(--ckui-primary) 7%, var(--ckui-surface))}.ckui-conversation-item__body{gap:2px;min-width:0;display:grid}.ckui-conversation-item__body strong,.ckui-conversation-item__body span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ckui-conversation-item__body strong{letter-spacing:-.01em;font-size:14px;font-weight:600}.ckui-conversation-item__body span{color:var(--ckui-muted);font-size:12px}.ckui-avatar{width:var(--ckui-avatar-size);height:var(--ckui-avatar-size);border:1px solid var(--ckui-border);background:color-mix(in srgb, var(--ckui-primary) 6%, var(--ckui-surface));color:var(--ckui-text);border-radius:999px;flex:none;place-items:center;font-size:12px;font-weight:600;display:inline-grid;overflow:hidden}.ckui-avatar__image,.ckui-avatar__fallback{width:100%;height:100%}.ckui-avatar__image{object-fit:cover}.ckui-avatar__fallback{place-items:center;display:grid}.ckui-separator{display:none}.ckui-icon-button,.ckui-send-button,.ckui-link-button{cursor:pointer;background:0 0;border:0}.ckui-icon-button{width:34px;height:34px;color:var(--ckui-muted);border-radius:7px;flex:none;place-items:center;display:inline-grid}.ckui-icon-button:hover{background:color-mix(in srgb, var(--ckui-primary) 6%, transparent);color:var(--ckui-text)}.ckui-state,.ckui-inline-state{min-height:120px;color:var(--ckui-muted);text-align:center;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex}.ckui-inline-state{min-height:52px;font-size:12px}.ckui-state--error,.ckui-conversation-error{color:var(--ckui-error)}.ckui-link-button{color:currentColor;text-underline-offset:3px;font-weight:600;text-decoration:underline}.ckui-conversation-header{border-bottom:1px solid var(--ckui-border);background:var(--ckui-surface);align-items:center;gap:10px;min-height:60px;padding:8px 12px;display:flex}.ckui-conversation-header__body{flex:1;gap:1px;min-width:0;display:grid}.ckui-conversation-header__body strong{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.ckui-conversation-header__body span{color:var(--ckui-muted);font-size:12px}.ckui-conversation-error{border-bottom:1px solid color-mix(in srgb, var(--ckui-error) 22%, var(--ckui-border));background:color-mix(in srgb, var(--ckui-error) 5%, var(--ckui-surface));justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;font-size:12px;display:flex}.ckui-message-list{background:var(--ckui-background);flex-direction:column;flex:1;gap:12px;padding:18px;display:flex}.ckui-message-row{flex-direction:column;align-items:flex-start;display:flex}.ckui-message-row--outgoing{align-items:flex-end}.ckui-message-bubble{border:1px solid var(--ckui-border);border-radius:calc(var(--ckui-radius) + 2px);background:var(--ckui-incoming);max-width:min(74%,560px);padding:9px 12px 7px}.ckui-message-row--outgoing .ckui-message-bubble{border-color:var(--ckui-outgoing);background:var(--ckui-outgoing);color:var(--ckui-outgoing-text)}.ckui-message-sender{color:var(--ckui-muted);margin-bottom:3px;font-size:11px;font-weight:600;display:block}.ckui-message-text{overflow-wrap:anywhere;white-space:pre-wrap}.ckui-message-time{color:color-mix(in srgb, currentColor 62%, transparent);justify-content:flex-end;align-items:center;gap:3px;margin-top:5px;font-size:10px;display:flex}.ckui-read-receipt{min-height:16px;color:var(--ckui-muted);padding-top:3px;font-size:10px}.ckui-media{margin-top:8px}.ckui-media-card{border:1px solid color-mix(in srgb, currentColor 16%, transparent);background:color-mix(in srgb, var(--ckui-surface) 94%, transparent);width:100%;min-width:210px;color:var(--ckui-text);text-align:left;border-radius:8px;align-items:center;gap:9px;padding:9px;display:flex;overflow:hidden}button.ckui-media-card{cursor:pointer}.ckui-media-card>span{flex:1;min-width:0;display:grid}.ckui-media-card strong,.ckui-media-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ckui-media-card small{color:var(--ckui-muted)}.ckui-media-card--image{max-width:330px;padding:0;display:grid}.ckui-media-card--image img{object-fit:cover;width:100%;max-height:280px;display:block}.ckui-media-name{padding:0 10px 9px;font-size:11px}.ckui-media-placeholder{place-items:center;min-height:120px;padding:20px}.ckui-typing{border-top:1px solid var(--ckui-border);background:var(--ckui-surface);min-height:26px;color:var(--ckui-muted);padding:5px 16px;font-size:11px}.ckui-composer{border-top:1px solid var(--ckui-border);background:var(--ckui-surface);align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.ckui-composer__input{resize:none;border:1px solid var(--ckui-border);background:var(--ckui-surface);border-radius:8px;outline:0;flex:1;min-width:0;min-height:38px;max-height:132px;padding:9px 11px;box-shadow:0 1px 2px #00000008}.ckui-composer__input::placeholder{color:var(--ckui-muted)}.ckui-composer__input:focus{border-color:color-mix(in srgb, var(--ckui-primary) 45%, var(--ckui-border))}.ckui-send-button{background:var(--ckui-primary);width:38px;height:38px;color:var(--ckui-outgoing-text);border-radius:8px;flex:none;place-items:center;display:inline-grid;box-shadow:0 1px 2px #00000014}.ckui-send-button:hover:not(:disabled){opacity:.9}.ckui-send-button:disabled,.ckui-icon-button:disabled{cursor:not-allowed;opacity:.45}.ckui[data-density=compact]{font-size:12px}.ckui[data-density=compact] .ckui-conversation-list__toolbar{min-height:44px}.ckui[data-density=compact] .ckui-conversation-item{min-height:46px;padding:6px 10px}.ckui[data-density=compact] .ckui-avatar{--ckui-avatar-size:30px;font-size:10px}.ckui[data-density=compact] .ckui-message-list{gap:5px;padding:10px 12px}.ckui[data-density=compact] .ckui-message-bubble{border-radius:8px;max-width:88%;padding:6px 9px}.ckui[data-density=compact] .ckui-conversation-header{min-height:48px}.ckui[data-density=compact] .ckui-typing{min-height:22px;padding-block:3px}.ckui[data-density=compact] .ckui-composer{padding:6px 8px}.ckui-spin{animation:.9s linear infinite ckui-spin}@keyframes ckui-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ckui *,.ckui :before,.ckui :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=560px){.ckui-message-bubble{max-width:88%}.ckui-message-list{padding-inline:12px}}:root{color:#09090b;font-synthesis:none;text-rendering:optimizelegibility;background:#fafafa;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}.showcase{background:#fafafa;min-height:100vh;padding:0 max(24px,50vw - 620px) 48px}.showcase__header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-bottom:1px solid #e4e4e7;justify-content:space-between;align-items:center;min-height:64px;margin-inline:min(-24px,620px - 50vw);padding-inline:max(24px,50vw - 620px);display:flex}.brand{align-items:center;gap:10px;display:flex}.brand__mark{color:#fafafa;background:#18181b;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 1px 2px #0000001f}.brand__mark svg{width:18px}.brand>span:last-child{display:grid}.brand strong{letter-spacing:-.01em;font-size:14px;font-weight:650}.brand small{color:#71717a;font-size:11px}.variant-tabs{color:#71717a;background:#f4f4f5;border-radius:8px;align-items:center;gap:2px;padding:3px;display:inline-flex}.variant-tabs button{cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:132px;min-height:32px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.variant-tabs button:hover{color:#18181b}.variant-tabs button[data-active]{color:#09090b;background:#fff;box-shadow:0 1px 2px #00000014,0 0 0 1px #00000008}.showcase__intro{justify-content:space-between;align-items:flex-end;gap:32px;padding:30px 0 18px;display:flex}.showcase__intro h1{letter-spacing:-.035em;margin:0;font-size:clamp(22px,2vw,28px);font-weight:650}.showcase__intro p{color:#71717a;margin:5px 0 0;font-size:13px}.prop-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:56%;display:flex}.prop-badges code{color:#52525b;background:#fff;border:1px solid #e4e4e7;border-radius:6px;padding:5px 8px;font:500 10px ui-monospace,SFMono-Regular,Menlo,monospace}.component-grid{grid-template-columns:minmax(270px,320px) minmax(0,1fr);gap:16px;height:min(700px,100vh - 166px);min-height:520px;display:grid}.component-card{background:#fff;border:1px solid #e4e4e7;border-radius:12px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000a}.component-label{color:#71717a;background:#fafafa;border-bottom:1px solid #e4e4e7;flex:none;padding:10px 13px;font-size:11px;font-weight:600}.component-card>.ckui{box-shadow:none;border:0;border-radius:0;flex:1}.showcase .ckui-media-card--image{max-width:270px}.showcase .ckui-media-card--image img{max-height:96px}.branded-row{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eeeaf5;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:62px;padding:9px 12px;display:grid;position:relative}.branded-row:hover{background:#faf9fc}.branded-row[data-selected]{background:#f5f2fb}.branded-row[data-selected]:before{inset-block:8px;content:"";background:#6d45a8;border-radius:0 3px 3px 0;width:3px;position:absolute;left:0}.branded-row__avatar{color:#5f388f;background:#f1ecf8;border:1px solid #ddd4eb;border-radius:8px;place-items:center;width:36px;height:36px;font-weight:650;display:grid}.branded-row>span:nth-child(2){min-width:0;display:grid}.branded-row strong,.branded-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.branded-row strong{font-size:13px;font-weight:600}.branded-row small{color:#787181;font-size:11px}.branded-row b{color:#fff;background:#6d45a8;border-radius:6px;place-items:center;min-width:20px;height:20px;padding-inline:5px;font-size:10px;display:grid}.branded-header{color:#241c2e;background:#fff;border-bottom:1px solid #e5dff0;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:60px;padding:8px 12px;display:grid}.branded-header>span{color:#6d45a8;background:#f1ecf8;border:1px solid #ddd4eb;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.branded-header>span svg{width:18px}.branded-header>div{display:grid}.branded-header strong{font-size:13px}.branded-header small{color:#7a7184;font-size:11px}.branded-header>svg{color:#7a7184}.branded-receipt{color:#746781;align-items:center;gap:4px;font-size:10px;display:flex}.ticket-card{color:#2b2634;background:#fff;border:1px solid #e2dbea;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-width:260px;padding:9px;display:grid}.ticket-card>span{display:grid}.ticket-card small{color:#807a8b}.ticket-card button{color:#6548ad;background:#fff;border:1px solid #d4c9e3;border-radius:6px;padding:5px 9px;font-size:10px;font-weight:600}.branded-composer{background:#fff;border-top:1px solid #e5dff0;align-items:center;gap:7px;padding:10px 12px;display:flex}.branded-composer input{background:#fff;border:1px solid #ddd4e8;border-radius:8px;outline:none;flex:1;min-width:0;height:38px;padding:8px 11px}.branded-composer button{cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;min-height:36px;display:grid}.branded-composer button:first-child{color:#6f6878;width:36px}.branded-composer button:last-child{color:#fff;background:#6d45a8;padding:7px 15px;font-size:12px;font-weight:600}.compact-row{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #e4e4e7;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:38px;padding:5px 8px;display:grid}.compact-row:hover{background:#fafafa}.compact-row>span{color:#52525b;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:6px;place-items:center;width:26px;height:26px;font-size:9px;display:grid}.compact-row strong{font-size:11px;font-weight:600}.compact-row>svg{color:#16a34a}.compact-header{background:#fff;border-bottom:1px solid #e4e4e7;align-items:center;gap:9px;min-height:48px;padding:7px 11px;display:flex}.compact-header strong{flex:1;font-size:12px}.compact-header>span{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:3px 7px;font-size:9px;font-weight:600}.compact-message{border-bottom:1px solid #f1f1f2;grid-template-columns:48px minmax(0,1fr) auto;align-items:baseline;gap:8px;padding:4px 8px;font-size:10px;display:grid}.compact-message strong{color:#52525b;font-size:9px;font-weight:600}.compact-message time{color:#a1a1aa;font-size:8px}.compact-typing{color:#71717a;background:#fafafa;border-top:1px solid #e4e4e7;min-height:23px;padding:4px 10px;font-size:9px}.compact-composer{background:#fff;border-top:1px solid #e4e4e7;align-items:center;gap:7px;min-height:48px;padding:6px 8px;display:flex}.compact-composer input{border:1px solid #e4e4e7;border-radius:7px;outline:none;flex:1;height:34px;padding-inline:9px}.compact-composer button{color:#fff;cursor:pointer;background:#18181b;border:0;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.compact-composer svg{width:15px}.live-layout{background:#fafafa;grid-template-columns:320px minmax(0,1fr);gap:16px;height:100vh;padding:16px;display:grid}.live-layout aside,.live-layout section{min-height:0}.live-setup,.live-room{background:#fff;border:1px solid #e4e4e7;border-radius:10px;max-width:540px;margin:10vh auto;padding:24px;box-shadow:0 1px 2px #0000000a}.live-setup label,.live-room label{gap:6px;display:grid}.live-setup input,.live-room input{border:1px solid #e4e4e7;border-radius:7px;height:38px;padding:8px 10px}.live-setup button,.live-room button{color:#fff;background:#18181b;border:0;border-radius:7px;margin-top:12px;padding:8px 13px}.live-room{gap:8px;display:grid}.live-room p{color:#71717a;margin:0;line-height:1.5}@media (width<=860px){.showcase{padding-inline:18px}.showcase__header{flex-direction:column;align-items:flex-start;gap:12px;margin-inline:-18px;padding:14px 18px}.variant-tabs{width:100%}.variant-tabs button{flex:1;min-width:0;padding-inline:8px}.showcase__intro{flex-direction:column;align-items:flex-start}.prop-badges{justify-content:flex-start;max-width:none}.component-grid{grid-template-columns:1fr;height:auto}.component-card{height:560px}.component-card--list{height:360px}.live-layout{grid-template-columns:1fr;height:auto}.live-layout aside,.live-layout section{height:560px}}@media (width<=520px){.brand small{display:none}.variant-tabs button{font-size:10px}.showcase__intro h1{font-size:22px}.prop-badges code{padding:4px 6px}.component-card--chat{height:620px}}.demo-app{--demo-green:#108974;--demo-ink:#213731;--demo-muted:#70827b;min-height:100dvh;color:var(--demo-ink);background:#f3f7f4;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.demo-app a{color:inherit;text-decoration:none}.demo-app button{cursor:pointer}.demo-app button:disabled{opacity:.55;cursor:wait}.demo-app :focus-visible{outline-offset:3px;outline:3px solid #82c8b7}.demo-header{background:#fff;border-bottom:1px solid #e2eae5;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 32px;display:flex}.demo-brand{align-items:center;gap:10px;display:flex}.demo-brand strong{letter-spacing:-.8px;font-size:21px}.demo-mark{color:#fff;background:var(--demo-green);border-radius:12px;place-items:center;width:37px;height:37px;display:grid}.demo-platform{color:#71847b;border:1px solid #dfe9e3;border-radius:6px;margin-left:3px;padding:4px 9px;font-size:11px}.demo-platforms{background:#f2f6f3;border-radius:10px;gap:4px;padding:4px;display:flex}.demo-platforms a{color:#778780;border-radius:7px;padding:7px 17px;font-size:12px}.demo-platforms a[aria-current]{color:var(--demo-green);background:#fff;font-weight:700;box-shadow:0 1px 5px #143b2012}.demo-showcase-link{align-items:center;gap:8px;font-size:12px;display:flex}.demo-launch{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1180px;margin:auto;padding:74px 32px 28px;display:grid}.demo-eyebrow{letter-spacing:1.7px;color:var(--demo-green);font-size:10px;font-weight:700}.demo-launch h1{letter-spacing:-2px;margin:20px 0;font-size:clamp(34px,3.8vw,52px);font-weight:650;line-height:1.16}.demo-launch-intro>p{max-width:430px;color:var(--demo-muted);font-size:15px;line-height:1.85}.demo-feature-tags{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.demo-feature-tags span{color:#5d7b6a;background:#e6f0e9;border:1px solid #dce8e0;border-radius:24px;padding:8px 12px;font-size:11px}.demo-login-card{background:#fff;border:1px solid #dfe8e2;border-radius:24px;padding:34px;box-shadow:0 18px 60px #223d2410}.demo-card-icon{width:54px;height:54px;color:var(--demo-green);background:#e7f4ef;border-radius:17px;place-items:center;display:grid}.demo-login-card h2,.demo-modal h2{letter-spacing:-.7px;margin:23px 0 7px;font-size:23px;font-weight:650}.demo-login-card>p,.demo-modal>p{color:var(--demo-muted);margin:0;font-size:13px;line-height:1.7}.demo-login-card fieldset{border:0;min-width:0;margin:28px 0 0;padding:0}.demo-login-card legend{letter-spacing:1px;color:#73847a;margin-bottom:12px;font-size:10px;font-weight:700}.demo-personas{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:23px;display:grid}.demo-personas button{background:#f6f9f7;border:1px solid #dfe8e3;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:13px 4px;font-size:11px;font-weight:650;display:flex}.demo-personas button[aria-pressed=true]{border:1.5px solid var(--demo-green);background:#e9f5ef}.demo-personas button>span{background:#e8eceb;border-radius:50%;place-items:center;width:33px;height:33px;font-size:10px;display:grid}.demo-field{color:#63786c;gap:8px;font-size:12px;display:grid}.demo-field input{width:100%;min-width:0;height:47px;color:var(--demo-ink);background:#fff;border:1px solid #d9e5dd;border-radius:11px;padding:10px 13px;font-size:14px}.demo-primary,.demo-secondary{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:10px 16px;font-size:12px;font-weight:600;display:inline-flex}.demo-primary{background:var(--demo-green);color:#fff!important}.demo-primary:hover{background:#087963}.demo-secondary{color:#4e6e60;background:#fff;border-color:#dce6df}.demo-launch-button{width:100%;min-height:48px;margin-top:20px;font-size:14px}.demo-login-card .demo-disclaimer{text-align:center;margin-top:18px;font-size:10px;line-height:1.7}.demo-launch-footer{text-align:center;color:#7c8d84;grid-column:1/-1;font-size:11px;line-height:1.9}.demo-launch-footer a{color:var(--demo-green);margin-left:8px}.demo-launch-footer code{font-size:11px}.demo-error{background:#fff0ed;border:1px solid #efd0ca;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;line-height:1.6;display:flex;color:#a03e36!important}.demo-login-card>.demo-error{margin-top:16px}.demo-account{align-items:center;gap:9px;min-width:0;font-size:12px;display:flex}.demo-account>span:nth-child(2){text-overflow:ellipsis;max-width:180px;overflow:hidden}.status-dot{background:#3bad84;border-radius:50%;flex:0 0 6px;width:6px;height:6px;display:inline-block}.icon-button{color:#75877d;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;display:inline-flex}.icon-button:hover{color:#128571;background:#e9f2ed}.demo-app--connected{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.demo-app--connected .demo-header{flex:0 0 70px}.demo-workspace-toolbar{flex:none;justify-content:space-between;align-items:center;gap:16px;padding:23px 30px 19px;display:flex}.demo-workspace-toolbar h1{letter-spacing:-.65px;margin:5px 0 0;font-size:21px}.demo-actions{gap:9px;display:flex}.demo-workspace-error{margin:0 30px 12px}.demo-workspace{flex:1;grid-template-columns:270px minmax(0,1fr) 235px;gap:18px;min-height:0;padding:0 30px 25px;display:grid}.demo-sidebar,.demo-chat-panel{background:#fff;border:1px solid #dde7e0;border-radius:18px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.demo-panel-title{justify-content:space-between;align-items:center;padding:15px 16px 7px;display:flex}.demo-panel-title h2{margin:0;font-size:14px}.demo-search{color:#92a197;background:#f7faf8;border:1px solid #e5ede8;border-radius:9px;align-items:center;gap:7px;margin:3px 14px 12px;padding:8px 11px;display:flex}.demo-search input{color:#3a584a;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.demo-sidebar>.ckui{height:auto;min-height:0;box-shadow:none;border:0;border-radius:0;flex:1}.demo-sidebar-footer{color:#708778;border-top:1px solid #edf1ed;align-items:center;gap:6px;padding:14px;font-size:10px;display:flex}.demo-sidebar-footer span:last-child{margin-left:auto;font-size:9px}.demo-room-bar{background:#fbfdfa;border-bottom:1px solid #edf1ed;align-items:center;gap:7px;padding:5px 12px;display:flex}.demo-room-bar code{color:#839488;text-overflow:ellipsis;flex:1;min-width:0;font-size:10px;overflow:hidden}.demo-conversation{flex-direction:column;flex:1;min-height:0;display:flex}.demo-conversation>.ckui{height:auto;min-height:0;box-shadow:none;border:0;border-radius:0;flex:1}.demo-conversation .ckui-messages{background:#fcfdfb}.demo-conversation .ckui-media-card--image img{object-fit:contain;max-height:230px}.demo-conversation>.demo-error,.demo-upload-status{flex:none;margin:8px 12px}.demo-upload-status{color:#108974;background:#e9f5ef;border-radius:8px;padding:9px;font-size:12px}.demo-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.demo-empty-icon{color:#6ea58a;background:#eef6ef;border-radius:26px;place-items:center;width:86px;height:86px;margin-bottom:22px;display:grid}.demo-empty h2{letter-spacing:-.7px;margin:0 0 9px;font-size:22px}.demo-empty p{color:#85938a;max-width:320px;margin:0 0 23px;font-size:13px;line-height:1.8}.demo-inspector{min-width:0;padding:20px 0 0 5px;overflow-y:auto}.demo-inspector h2{letter-spacing:-.5px;margin:10px 0 5px;font-size:17px}.demo-inspector>p{color:#819186;font-size:11px;line-height:1.7}.demo-inspector ol{margin:26px 0;padding:0;list-style:none}.demo-inspector li{color:#637c6b;overflow-wrap:anywhere;border-bottom:1px solid #e6ede7;align-items:baseline;gap:10px;padding:10px 0;font-size:11px;line-height:1.7;display:flex}.demo-health{border-top:1px solid #dfe8e1;margin-bottom:25px;padding-top:12px}.demo-health h3{font-size:12px}.demo-health dl{grid-template-columns:1fr 1fr;gap:12px 8px;font-size:10px;display:grid}.demo-health dt{color:#839286}.demo-health dd{text-align:right;color:#4b725b;margin:0}.demo-inspector>a{color:#108974;font-size:11px}.demo-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#102b2366;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.demo-modal{background:#fff;border:1px solid #dde7df;border-radius:22px;width:min(100%,440px);max-height:90dvh;padding:30px;position:relative;overflow:auto;box-shadow:0 20px 90px #08281c30}.demo-modal-close{position:absolute;top:16px;right:16px}.demo-modal form{margin-top:24px}@media (width<=1200px){.demo-workspace{grid-template-columns:255px minmax(0,1fr)}.demo-inspector{display:none}.demo-launch{gap:32px}}@media (width<=800px){.demo-header{gap:12px;padding-inline:18px}.demo-showcase-link{display:none}.demo-launch{grid-template-columns:1fr;max-width:580px;padding-top:35px}.demo-launch-intro{text-align:center}.demo-launch-intro>p{margin-inline:auto}.demo-feature-tags{justify-content:center}.demo-launch h1{font-size:36px}.demo-launch-footer{grid-column:auto}.demo-account>span:nth-child(2){max-width:90px}.demo-platforms a{padding-inline:10px}.demo-workspace{grid-template-columns:220px minmax(0,1fr);gap:12px;padding:0 16px 16px}.demo-workspace-toolbar{padding:18px 16px}}@media (width<=600px){.demo-header{flex-wrap:wrap;gap:10px;height:auto;min-height:72px;padding:12px 16px}.demo-brand strong{font-size:18px}.demo-platform{display:none}.demo-header .demo-platforms{margin-left:auto}.demo-account{justify-content:flex-end;width:100%}.demo-app--connected .demo-header{flex-basis:auto}.demo-workspace-toolbar{align-items:flex-start}.demo-workspace-toolbar h1{font-size:16px}.demo-workspace-toolbar .demo-eyebrow{font-size:8px}.demo-actions{flex-direction:column;gap:5px}.demo-actions button{min-height:30px;padding:7px 10px;font-size:10px}.demo-workspace{display:flex}.demo-sidebar,.demo-chat-panel{width:100%}.demo-workspace[data-room-open=false] .demo-chat-panel,.demo-workspace[data-room-open=true] .demo-sidebar{display:none}.demo-workspace-toolbar{padding-block:10px}.demo-launch{gap:24px;padding:24px 18px}.demo-login-card{padding:25px}.demo-launch h1{font-size:31px}.demo-launch-intro>p{font-size:13px}.demo-feature-tags{margin-top:18px}.demo-launch-footer{font-size:10px}.demo-room-bar code{font-size:9px}}