.wk-home-demo{position:relative;width:100%;aspect-ratio:1728 / 996;overflow:hidden;container-type:inline-size;border-radius:4px;outline:1px solid #d1cfce;box-shadow:0 18px 48px #12254233,0 3px 12px #1225421f;background:#f7f6f5}.wk-hero-app-app{--demo-sidebar-width: 220px;position:absolute;left:0;top:0;width:1728px;height:996px;transform:scale(calc(100cqw/1728px));transform-origin:top left;overflow:hidden;background:#f7f6f5;color:#000;font:400 13px/1.4 STK Bureau Sans,Inter,system-ui,sans-serif;letter-spacing:-.56px;text-align:left;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}.wk-hero-app-app *,.wk-hero-app-app *:before,.wk-hero-app-app *:after{box-sizing:border-box}.wk-hero-app-app .wk-hero-app-icon{display:block;flex:none}.wk-hero-app-sidebar{position:absolute;inset:0 auto 0 0;width:var(--demo-sidebar-width);padding:0 8px 8px;background:#f7f6f5;overflow:visible;z-index:3;transition:width .16s ease}.wk-hero-app-brand{height:44px;padding:4px 8px 0;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;color:#4f4d4b}.wk-hero-app-app .wk-hero-app-brand img{width:136px;height:auto;border-radius:0}.wk-hero-app-new{height:36px;padding:0 10px;display:flex;align-items:center;gap:8px;background:#000;color:#fff;border-radius:4px;margin-bottom:12px;font-weight:500}.wk-hero-app-shortcut{margin-left:auto;color:#ffffff9e;font-size:10px;font-weight:400}.wk-hero-app-nav{display:flex;flex-direction:column;gap:2px}.wk-hero-app-nav-row{position:relative;display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border:1px solid transparent;border-radius:4px;font-weight:500;color:#4f4d4b}.wk-hero-app-nav-row.is-active{background:#ebeae9;color:#000}.wk-hero-app-nav-row.has-divider{margin-top:11px}.wk-hero-app-nav-row.has-divider:before{content:"";position:absolute;top:-8px;left:10px;right:10px;height:1px;background:#d1cfce}.wk-hero-app-count{margin-left:auto;padding:0 5px;font-size:12px}.wk-hero-app-recents{margin-top:12px;border-top:1px solid #d1cfce;padding-top:10px}.wk-hero-app-recents-heading{display:flex;align-items:center;gap:4px;height:26px;padding:0 10px;color:#4f4d4b;font-size:12px;font-weight:500;margin-bottom:6px}.wk-hero-app-recent-label{height:28.8px;padding:6px 10px;color:#4f4d4b;font-size:12px}.wk-hero-app-recent-row{height:36px;margin-bottom:2px;padding:0 10px;display:flex;align-items:center;gap:10px;border-radius:4px}.wk-hero-app-recent-row>span{display:block;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wk-hero-app-recent-row.is-active{background:#ebeae9;font-weight:500}.wk-hero-app-recent-row+.wk-hero-app-recent-label{margin-top:8px}.wk-hero-app-topbar{position:absolute;top:0;left:calc(var(--demo-sidebar-width) + 4px);right:0;height:44px;display:grid;grid-template-columns:minmax(100px,1fr) 420px minmax(100px,1fr);gap:16px;align-items:center;padding:0 16px;background:#fff;border-radius:0 0 4px 4px}.wk-hero-app-page-title{font-weight:500}.wk-hero-app-search{display:flex;gap:9px;align-items:center;height:28px;padding:0 12px;color:#737373;border:1px solid #d1cfce;border-radius:4px}.wk-hero-app-search-key{margin-left:auto;font-size:10px}.wk-hero-app-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.wk-hero-app-control{height:32px;border:1px solid #d1cfce;border-radius:4px;padding:0 12px;display:flex;align-items:center;gap:12px;font-size:12px;white-space:nowrap}.wk-hero-app-avatar{display:grid;place-items:center;border-radius:50%;width:20px;height:20px;background:#292929;color:#fff;font-size:8px;letter-spacing:0}.wk-hero-app-main{position:absolute;top:48px;left:calc(var(--demo-sidebar-width) + 4px);right:4px;bottom:4px;border-radius:4px;background:#fff;overflow:hidden}.wk-hero-app-chat-header{display:flex;justify-content:space-between;align-items:center;height:54px;padding:0 14px 0 24px;font-size:14px;font-weight:500}.wk-hero-app-connect{display:flex;align-items:center;gap:8px;height:32px;border:1px solid #d1cfce;padding:0 10px;border-radius:4px;font-size:12px;font-weight:400;color:#4f4d4b}.wk-hero-app-status{width:8px;height:8px;border-radius:50%;background:#d1cfce}.wk-hero-app-center{position:absolute;width:780px;left:50%;top:244.1px;transform:translate(-50%)}.wk-hero-app-greeting{margin:0 0 38px;height:38.4px;font-size:32px;font-weight:500;line-height:1.2;letter-spacing:-.96px;text-align:center}.wk-hero-app-composer{display:flex;align-items:center;gap:8px;height:55px;padding:8px 12px;border:1.5px solid #d1cfce;border-radius:4px;box-shadow:0 1px 3px #00000024,0 2px 10px #0000000f}.wk-hero-app-composer>.wk-hero-app-icon:first-child{margin:0 4px}.wk-hero-app-composer>span{flex:1;color:#737373;font-size:14px}.wk-hero-app-composer>svg:last-of-type{margin:0 9px;color:#737373}.wk-hero-app-tabs{display:flex;gap:6px;margin-top:18px;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(to right,#000 97%,transparent)}.wk-hero-app-tab{display:flex;align-items:center;flex:none;height:28px;padding:0 11px;color:#737373;border:1px solid #d1cfce;border-radius:4px;font-size:12px}.wk-hero-app-tab.is-active{background:#f7f6f5;color:#000}.wk-hero-app-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.wk-hero-app-card{position:relative;min-width:0;height:78.8px;padding:11px 32px 11px 12px;border:1px solid transparent;background:#f7f6f5;border-radius:4px}.wk-hero-app-card-title{display:block;font-size:12px;line-height:16.8px;font-weight:500;margin-bottom:4px}.wk-hero-app-card-prompt{display:block;color:#4f4d4b;font-size:12px;line-height:17px}.wk-hero-app-card>svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#737373}.wk-hero-app-caption{position:absolute;bottom:12px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:6px;color:#737373;font-size:12px}.wk-hero-app-app .wk-hero-app-caption img{width:14px;height:12px;object-fit:contain;border-radius:0}.wk-hero-app-topbar,.wk-hero-app-main{transition:left .16s ease}.wk-hero-app-nav{position:relative}.wk-hero-app-nav-row{z-index:1;cursor:pointer;white-space:nowrap}.wk-hero-app-nav-row:hover{color:#000}.wk-hero-app-glide{position:absolute;top:0;left:0;pointer-events:none;background:#ebeae9;border-radius:4px;opacity:0;transition:transform .22s cubic-bezier(.16,1,.3,1),width .22s cubic-bezier(.16,1,.3,1),height .22s cubic-bezier(.16,1,.3,1),opacity .12s ease}.wk-hero-app-app .wk-hero-app-toggle{display:grid;place-items:center;flex:none;width:32px;height:32px;min-height:0;margin:0 0 0 auto;padding:0;border:0;border-radius:4px;background:transparent;color:#4f4d4b;cursor:pointer;transition:background .16s ease,color .16s ease}.wk-hero-app-toggle>*{grid-area:1 / 1;transition:opacity .12s ease}.wk-hero-app-app .wk-hero-app-toggle>img{width:28px;height:auto;opacity:0}.wk-hero-app-open{opacity:0}.wk-hero-app-toggle:hover,.wk-hero-app-toggle:focus-visible{background:#ebeae9;color:#000}.wk-hero-app-toggle:focus-visible{outline:2px solid #093acd;outline-offset:2px}.wk-hero-app-recents-rail{display:none}.wk-hero-app-app.is-collapsed{--demo-sidebar-width: 56px}.is-collapsed .wk-hero-app-sidebar{padding-inline:7px}.is-collapsed .wk-hero-app-brand{padding-inline:0;justify-content:center}.is-collapsed .wk-hero-app-lockup{display:none}.wk-hero-app-app.is-collapsed .wk-hero-app-toggle{width:40px;height:40px;margin:0}.wk-hero-app-app.is-collapsed .wk-hero-app-toggle>img{width:28px;height:auto;opacity:1}.is-collapsed .wk-hero-app-close{opacity:0}.wk-hero-app-app.is-collapsed .wk-hero-app-toggle:is(:hover,:focus-visible)>img{opacity:0}.is-collapsed .wk-hero-app-toggle:is(:hover,:focus-visible) .wk-hero-app-open{opacity:1}.is-collapsed .wk-hero-app-new{width:40px;height:40px;padding:0;justify-content:center}.is-collapsed .wk-hero-app-new>span,.is-collapsed .wk-hero-app-nav-row>span,.is-collapsed .wk-hero-app-recents{display:none}.is-collapsed .wk-hero-app-nav{gap:4px}.is-collapsed .wk-hero-app-nav-row{height:40px;width:40px;padding:0;justify-content:center}.is-collapsed .wk-hero-app-nav-row:after{content:attr(data-label);position:absolute;left:calc(100% + 10px);top:50%;z-index:40;padding:5px 8px;transform:translateY(-50%);color:#fff;background:#000;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease}.is-collapsed .wk-hero-app-nav-row:hover:after{opacity:1}.is-collapsed .wk-hero-app-recents-rail{display:grid;place-items:center;width:40px;height:36px;margin-top:6px;color:#4f4d4b;border-radius:4px;cursor:pointer}.wk-hero-app-recents-rail:hover{color:#000;background:#ebeae9}.wk-hero-app-new,.wk-hero-app-recent-row,.wk-hero-app-control,.wk-hero-app-connect,.wk-hero-app-search,.wk-hero-app-avatar,.wk-hero-app-recents-heading{cursor:pointer}.wk-hero-app-recents-heading:hover{color:#000}.wk-hero-app-recent-row{position:relative}.wk-hero-app-recent-row:hover,.wk-hero-app-control:hover,.wk-hero-app-connect:hover{background:#f4f2ef}.wk-hero-app-control,.wk-hero-app-connect{transition:background .16s ease,border-color .16s ease,color .16s ease}.wk-hero-app-recent-row>.wk-hero-app-row-menu{display:grid;place-items:center;flex:0 0 26px;height:26px;margin-right:-6px;border-radius:4px;color:#4f4d4b;opacity:0;transition:opacity .1s ease}.wk-hero-app-recent-row:is(:hover,.is-active)>.wk-hero-app-row-menu{opacity:1}.wk-hero-app-row-menu:hover{background:#ebeae9;color:#000}.wk-hero-app-tab{cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.wk-hero-app-tab:hover{color:#000;border-color:#d1cfce}.wk-hero-app-card{cursor:pointer;transition:border-color .2s ease,background .2s ease}.wk-hero-app-card:hover{border-color:#d1cfce}.wk-hero-app-center{max-width:calc(100% - 48px)}@media(prefers-reduced-motion:reduce){.wk-hero-app-app *,.wk-hero-app-app *:after{transition:none!important}}.wk-hero-app-recents{position:relative}.wk-hero-app-recents.has-glide .wk-hero-app-recent-row:not(.is-active):hover{background:transparent}.wk-hero-app-recent-row>.wk-hero-app-row-pin{display:none;place-items:center;flex:0 0 26px;height:26px;margin-right:-8px;border-radius:4px;color:#4f4d4b}.wk-hero-app-recent-row:hover>.wk-hero-app-row-pin{display:grid}.wk-hero-app-row-pin:hover{background:#ebeae9;color:#000}.wk-hero-app-composer{position:relative}.wk-hero-app-composer>.wk-hero-app-preview{position:absolute;left:52px;right:48px;top:50%;transform:translateY(-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity .18s ease}.wk-hero-app-composer.is-previewing>span:not(.wk-hero-app-preview){visibility:hidden}.wk-hero-app-composer.is-previewing>.wk-hero-app-preview{opacity:.75}@property --demo-composer-angle{syntax: "<angle>"; inherits: false; initial-value: 200deg;}@property --demo-composer-blue{syntax: "<color>"; inherits: false; initial-value: #d1cfce;}@property --demo-composer-teal{syntax: "<color>"; inherits: false; initial-value: #d1cfce;}.wk-hero-app-composer{margin:0;min-height:55px;height:auto;border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--demo-composer-angle),var(--demo-composer-blue),var(--demo-composer-teal) 50%,var(--demo-composer-blue)) border-box;transition:--demo-composer-angle 1.4s cubic-bezier(.22,1,.36,1),--demo-composer-blue .8s ease,--demo-composer-teal .8s ease}.wk-hero-app-composer:focus-within{--demo-composer-angle: 380deg;--demo-composer-blue: #093acd;--demo-composer-teal: #00a694;outline:none}.wk-hero-app-app .wk-hero-app-input{flex:1;width:100%;min-width:0;height:37px;min-height:37px;max-height:144px;padding:7px 0;border:0;outline:none;border-radius:0;box-shadow:none;resize:none;background:transparent;color:#000;font:inherit;font-size:14px;line-height:1.5;letter-spacing:inherit}.wk-hero-app-input::placeholder{color:#737373;opacity:1}.wk-hero-app-input:placeholder-shown{white-space:nowrap}.wk-hero-app-composer.is-previewing .wk-hero-app-input::placeholder{color:transparent}.wk-hero-app-app .wk-hero-app-send{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;min-height:0;padding:0;border:0;border-radius:4px;background:#000;color:#fff;cursor:pointer;transition:background .12s ease,transform .12s ease}.wk-hero-app-app .wk-hero-app-send[hidden]{display:none}.wk-hero-app-app .wk-hero-app-send:hover{background:#292929}.wk-hero-app-send:focus-visible{outline:2px solid #093acd;outline-offset:2px}@media(prefers-reduced-motion:reduce){.wk-hero-app-composer{transition:none}}.wk-hero-app-tabs{position:relative;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x}.wk-hero-app-tabs::-webkit-scrollbar{display:none}.wk-hero-app-app .wk-hero-app-tab{min-height:0;background:transparent;font-family:inherit;font-weight:400;line-height:inherit;letter-spacing:inherit}.wk-hero-app-app .wk-hero-app-tab.is-active{background:#f7f6f5;color:#000}.wk-hero-app-tab:focus-visible{outline:2px solid #093acd;outline-offset:-2px}.wk-hero-app-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wk-hero-app-card-prompt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.wk-hero-app-transcript{position:absolute;top:82px;bottom:158px;left:50%;transform:translate(-50%);width:780px;max-width:calc(100% - 48px);overflow-y:auto;scrollbar-width:thin;font-size:14px;line-height:1.6}.wk-hero-app-user-message{display:grid;justify-items:end;margin:0 0 26px}.wk-hero-app-user-bubble{max-width:min(560px,82%);padding:11px 15px;background:#f7f6f5;border-radius:4px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.wk-hero-app-thinking{display:flex;align-items:center;gap:10px;color:#737373;font-size:13px}.wk-hero-app-orb{width:36px;height:36px;flex:none}.wk-hero-app-reply p{margin:0 0 12px}.wk-hero-app-app .wk-hero-app-trial{display:inline-flex;align-items:center;gap:12px;margin-top:4px;padding:0 14px;min-height:36px;border:1px solid #000;border-radius:4px;background:#000;color:#fff;font:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:background .16s ease}.wk-hero-app-app .wk-hero-app-trial:hover{background:#292929}.wk-hero-app-trial:focus-visible{outline:2px solid #093acd;outline-offset:2px}.has-conversation .wk-hero-app-center{top:auto;bottom:62px}.has-conversation .wk-hero-app-greeting,.has-conversation .wk-hero-app-tabs,.has-conversation .wk-hero-app-cards,.wk-hero-app-transcript[hidden],.wk-hero-app-thinking[hidden],.wk-hero-app-reply[hidden]{display:none}.wk-hero-app-app .wk-hero-app-new{width:100%;border:0;font-family:inherit;font-size:13px;line-height:inherit;letter-spacing:inherit;text-align:left}.wk-hero-app-app.is-collapsed .wk-hero-app-new{width:40px}.wk-hero-app-app .wk-hero-app-recent-open{flex:1;min-width:0;padding:0;height:36px;border:0;background:transparent;color:inherit;font:inherit;font-weight:500;letter-spacing:inherit;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.wk-hero-app-new:focus-visible,.wk-hero-app-recent-open:focus-visible{outline:2px solid #093acd;outline-offset:2px}.wk-hero-app-founder{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:13px;font-weight:500}.wk-hero-app-app .wk-hero-app-founder img{width:36px;height:36px;object-fit:cover;border-radius:50%}.wk-hero-app-founder>span>span{display:block;color:#737373;font-size:12px;font-weight:400}.wk-hero-app-reply{max-width:640px}.wk-hero-app-app .wk-hero-app-card{display:block;width:100%;font-family:inherit;font-weight:400;letter-spacing:inherit;text-align:left;color:#000}.wk-hero-app-card:focus-visible{outline:2px solid #093acd;outline-offset:2px}.wk-hero-app-app .wk-hero-app-input:disabled{opacity:1;-webkit-text-fill-color:#000;cursor:default}.wk-hero-app-app .wk-hero-app-input:disabled::placeholder{-webkit-text-fill-color:#737373}.wk-hero-app-app .wk-hero-app-card:disabled{opacity:1;cursor:default;border-color:transparent}
