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