/* Demo choreography inside the real cabinet. All messages and results are sample data. */
.lk-screen .lk-conversation[hidden],.lk-screen [data-lk-user-message][hidden],.lk-screen [data-lk-activity][hidden],.lk-screen [data-lk-assistant-message][hidden],.lk-screen [data-lk-analysis-step][hidden],.lk-screen [data-lk-result][hidden]{display:none!important}
.lk-screen .lk-intro,.lk-screen .lk-ideas,.lk-screen .lk-ideas-heading{transition:opacity .28s ease,transform .4s cubic-bezier(.2,.75,.25,1)}
.lk-screen .lk-placeholder{position:relative;transition:color .2s;overflow-wrap:anywhere;min-height:3.75cqw}
.lk-screen.lk-demo-typing .lk-placeholder{color:#212121}
.lk-screen.lk-demo-typing .lk-placeholder::after,.lk-screen .lk-reply-streaming .lk-assistant-text::after{content:"";display:inline-block;width:1px;height:1.1em;margin-left:.14em;background:#e36759;vertical-align:-.1em;animation:lkCaret .85s steps(1) infinite}
.lk-screen .lk-send{transition:background .25s,box-shadow .3s,transform .3s,color .25s}
.lk-screen .lk-send.lk-send-ready{background:#e36759;color:#fff;box-shadow:0 .2cqw .7cqw #e3675920}
.lk-screen.lk-demo-sending .lk-send{transform:translateY(-.3cqw);box-shadow:0 0 0 .4cqw #e3675913;animation:lkSend .6s cubic-bezier(.2,.75,.25,1) both}
.lk-screen.lk-demo-conversation .lk-workspace{align-items:stretch;padding:1.55cqw 3.125cqw 1.65cqw}
.lk-screen.lk-demo-conversation .lk-welcome{display:flex;flex-direction:column;min-height:0;max-width:62cqw}
.lk-screen.lk-demo-conversation .lk-intro,.lk-screen.lk-demo-conversation .lk-ideas-heading,.lk-screen.lk-demo-conversation .lk-ideas{display:none}
.lk-screen .lk-surface .lk-conversation{display:flex;flex:1;min-height:0;flex-direction:column;gap:.95cqw;padding:0 .625cqw;margin-bottom:1.05cqw;overflow:hidden}
.lk-screen .lk-surface .lk-user-message{flex-shrink:0;max-width:87%;font-size:1.02cqw;line-height:1.55;padding:.72cqw 1.05cqw;animation:lkUserIn .45s cubic-bezier(.2,.75,.25,1) both}
.lk-screen .lk-surface .lk-assistant-activity{display:flex;align-items:center;gap:.6cqw;min-height:2.5cqw;flex-shrink:0;max-width:100%;padding:.3cqw .65cqw;border:1px solid #ececec;border-radius:.6cqw;background:linear-gradient(90deg,#fafafa 0%,#f4f5f5 50%,#fafafa 100%);background-size:200% 100%;font-size:.95cqw;animation:lkActivity 2.3s ease-in-out infinite,lkMessageIn .4s ease both}
.lk-screen .lk-assistant-activity::after{content:"";flex-shrink:0;width:.45cqw;height:.45cqw;border-radius:50%;background:#e36759;margin-left:auto;box-shadow:-.8cqw 0 0 #e3675955,-1.6cqw 0 0 #e3675925;animation:lkThinking 1.1s ease-in-out infinite}
.lk-screen .lk-assistant-activity>img{width:1.35cqw;height:1.35cqw}
.lk-screen .lk-surface .lk-assistant-message{display:flex;gap:.4cqw;flex-direction:column;min-height:0;flex-shrink:0;animation:lkMessageIn .45s cubic-bezier(.2,.75,.25,1) both}
.lk-screen .lk-message-author{font-size:1.03cqw;min-height:1.9cqw;margin-bottom:.15cqw;gap:.55cqw}
.lk-screen .lk-message-author>img{width:1.55cqw;height:1.55cqw}
.lk-screen .lk-surface .lk-assistant-text{font-size:.98cqw;line-height:1.6;display:block;min-height:3.2cqw;max-width:100%;text-wrap:pretty}
.lk-screen .lk-surface .lk-analysis-steps{display:flex;flex-direction:column;gap:.35cqw;padding:0;margin:.45cqw 0 0;list-style:none}
.lk-screen .lk-surface .lk-analysis-steps>li{display:flex;align-items:center;gap:.55cqw;min-height:1.8cqw;padding:.15cqw .4cqw;font-size:.92cqw;border-radius:.4cqw;line-height:1.35;color:#595959;animation:lkStepIn .4s cubic-bezier(.2,.75,.25,1) both;transition:background .35s,color .35s}
.lk-screen .lk-step-check{width:1.3cqw;height:1.3cqw;background:#f1f1f1;color:#b4b4b4;border:1px solid #e4e4e4;transition:all .3s}
.lk-screen .lk-analysis-active{background:#fff7f3;color:#8d4f40!important}
.lk-screen .lk-analysis-active .lk-step-check{background:#fff7f3;border-color:#e6a08e;color:#e36759;animation:lkStepPulse 1.2s infinite}
.lk-screen .lk-analysis-done{color:#286046!important}
.lk-screen .lk-analysis-done .lk-step-check{background:#edf7ef;border-color:#cde5d3;color:#15803d;animation:lkCheckIn .25s ease both}
.lk-screen .lk-surface .lk-demo-result{display:flex;align-items:center;gap:.65cqw;min-height:2.9cqw;padding:.6cqw .8cqw;background:#f7faf7;border-color:#d7e5da;border-radius:.65cqw;flex-shrink:0;font-size:.88cqw;line-height:1.5;animation:lkResultIn .6s cubic-bezier(.2,.75,.25,1) both}
.lk-screen .lk-result-icon{width:1.75cqw;height:1.75cqw;background:#eaf2ec;color:#41805b;border-radius:.4cqw}
.lk-screen .lk-result-icon .icon{width:1.1cqw;height:1.1cqw}
.lk-screen.lk-demo-conversation .lk-composer{min-height:8.55cqw;flex-shrink:0;transition:min-height .3s}
.lk-screen.lk-demo-conversation .lk-composer-top{min-height:2.7cqw;padding-top:.5cqw}
.lk-screen.lk-demo-conversation .lk-placeholder{min-height:2.5cqw;padding:.55cqw 1.25cqw;font-size:.95cqw;color:#8b8b8b}
.lk-screen.lk-demo-conversation .lk-composer-bottom{padding-bottom:.5cqw;min-height:2.7cqw}
.lk-screen.lk-demo-conversation .lk-attach,.lk-screen.lk-demo-conversation .lk-send{width:2.1cqw;height:2.1cqw}
.lk-screen.lk-demo-paused *{animation-play-state:paused!important}
.lk-scene-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:13px;flex-wrap:wrap;color:#75858f;font-size:10px;min-height:38px}
.lk-scene-controls>span,.lk-scene-controls>small{margin-right:auto;font-size:9px;letter-spacing:.02em}
.lk-scene-controls>button{min-height:36px;padding:7px 11px;border:1px solid #e1e6e9;border-radius:6px;font-size:10px;background:white;color:#536c7d;transition:background .2s,border-color .2s}
.lk-scene-controls>button:hover{border-color:#b6c7d2;background:#f7f9fa}
.lk-scene-controls>button:disabled{cursor:default;color:#8b989f;background:#f8f9fa;border-color:#e8edef}
.workflow-panel>.lk-scene-controls{margin-top:18px;font-size:11px}.workflow-panel>.lk-scene-controls>button{font-size:12px;min-height:40px;padding-inline:13px}.workflow-panel>.lk-scene-controls>span,.lk-scene-controls>small{font-size:10px}
.client-dialog-actions{display:flex;gap:7px;align-items:center;flex-shrink:0}
.client-dialog-top .client-dialog-actions button{min-height:36px;font-size:11px;padding:6px 10px}
@keyframes lkCaret{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes lkSend{0%{transform:translateY(0)}55%{transform:translateY(-.35cqw) scale(.93)}100%{transform:translateY(0) scale(1)}}
@keyframes lkUserIn{from{opacity:0;transform:translate(1cqw,1.5cqw) scale(.97)}to{opacity:1;transform:none}}
@keyframes lkMessageIn{from{opacity:0;transform:translateY(.6cqw)}to{opacity:1;transform:none}}
@keyframes lkStepIn{from{opacity:0;transform:translateX(-.6cqw)}to{opacity:1;transform:none}}
@keyframes lkResultIn{from{opacity:0;transform:translateY(1cqw);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes lkActivity{0%,100%{background-position:100% 0}50%{background-position:0 0}}
@keyframes lkThinking{50%{opacity:.45;transform:scale(.85)}}
@keyframes lkStepPulse{50%{box-shadow:0 0 0 .25cqw #e3675914}}
@keyframes lkCheckIn{from{transform:scale(.7)}to{transform:scale(1)}}
@media(max-width:560px){.lk-scene-controls{gap:6px;margin-top:11px}.lk-scene-controls>button,.workflow-panel>.lk-scene-controls>button{min-height:44px;font-size:10px;padding-inline:10px}.lk-scene-controls>span,.workflow-panel>.lk-scene-controls>span,.lk-scene-controls>small{font-size:8px}.client-dialog-top{align-items:flex-start}.client-dialog-actions{gap:4px;flex-wrap:wrap;justify-content:flex-end}.client-dialog-top .client-dialog-actions button{font-size:9px;min-height:40px;padding-inline:7px}.client-dialog-top>span{font-size:8px;max-width:115px}.client-gallery-tabs>button,.inner-page .client-gallery-tabs>button{padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.lk-screen *,.lk-screen *::before,.lk-screen *::after{animation:none!important;transition:none!important}.lk-screen .lk-placeholder::after,.lk-screen .lk-assistant-text::after{display:none!important}}

@media(max-width:560px){.lk-scene-controls>small,.workflow-panel>.lk-scene-controls>small{font-size:8px}}
/* Fit the full, unchanged registration card into the presentation viewport. */
.lk-screen .lk-auth-page{height:53.125cqw;min-height:0;overflow:hidden}.lk-screen .lk-auth-card{transform:scale(.88);transform-origin:center;flex-shrink:0}

/* A sent demo request creates a recent conversation in the same client sidebar. */
.lk-screen [data-lk-recent-dialog][hidden],.lk-screen [data-lk-empty-dialogs][hidden]{display:none!important}
.lk-screen .lk-recent-dialog{display:flex;align-items:center;gap:.55cqw;min-height:2.8cqw;max-width:100%;padding:.5cqw .65cqw;margin-top:.4cqw;border-radius:.625cqw;color:#212121;font-size:1cqw;line-height:1.5;animation:lkRecentIn .35s cubic-bezier(.2,.75,.25,1) both}
.lk-screen .lk-recent-dialog>.lk-icon,.lk-screen .lk-recent-dialog>.icon{width:1.1cqw;height:1.1cqw;color:#595959;flex-shrink:0}
.lk-screen .lk-recent-dialog>[data-lk-dialog-title]{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lk-screen .lk-recent-dialog>small{font-size:.72cqw;color:#747e86;flex-shrink:0}
@keyframes lkRecentIn{from{opacity:0;transform:translateY(.45cqw)}to{opacity:1;transform:none}}
