.ph-chapter{height:calc(var(--ph-svh,540) * 1svh);color:var(--kl-ink);font-family:var(--kl-font);background:0 0;margin-top:calc(-1*max(100svh,520px));position:relative}.ph-chapter .sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ph-anchor{pointer-events:none;visibility:hidden;width:1px;position:absolute;left:0}.ph-anchor--how{height:325svh;top:calc(150svh + 84px)}.ph-anchor--kubic{height:50svh;top:calc(475svh + 84px)}.ph-stage{isolation:isolate;height:100svh;min-height:520px;position:sticky;top:0;overflow:hidden}.ph-glhost{z-index:1;pointer-events:none;position:absolute;inset:0}.ph-gl{width:100%;height:100%;display:block}.ph-mark{visibility:hidden;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.ph-col{--chips:0;--kl-on-dark:var(--kl-ink);--kl-on-dark-2:var(--kl-ink-2);--kl-mute-on-dark:var(--kl-mute);--kl-line-dark:color-mix(in srgb,var(--kl-ink) 6%,transparent);z-index:2;left:var(--kl-gutter);opacity:0;visibility:hidden;grid-template-rows:auto minmax(0,1fr) auto;row-gap:clamp(10px,2svh,22px);width:min(47vw,660px);padding:clamp(84px,12svh,118px) 0 clamp(20px,4svh,44px);display:grid;position:absolute;top:0;bottom:0}.ph-tabs-slot{align-self:start}.ph-tabs-wrap{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.ph-tabs-label{font:500 13px/1 var(--kl-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--kl-mute-on-dark)}.ph-tabs{background:var(--kl-line-dark);-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5);border-radius:99px;grid-template-columns:1fr 1fr;padding:4px;display:grid;position:relative}.ph-tabs button{z-index:1;letter-spacing:-.01em;height:42px;color:var(--kl-on-dark-2);white-space:nowrap;transition:color .3s var(--kl-ease);background:0 0;border:0;border-radius:99px;padding:0 22px;font-size:15.5px;font-weight:500;position:relative}.ph-tabs button[aria-selected=true]{color:var(--kl-paper)}.ph-tabs button:focus-visible{outline:2px solid var(--kl-accent);outline-offset:2px}.ph-thumb{background:var(--kl-dark);width:calc(50% - 4px);transition:transform .45s var(--kl-ease);border-radius:99px;position:absolute;top:4px;bottom:4px;left:4px}.ph-tabs[data-tab=brands] .ph-thumb{transform:translate(100%)}.ph-steps-wrap{align-self:start;width:100%;min-height:0;margin-top:clamp(6px,2svh,22px)}.ph-steps{margin:0;padding:0;list-style:none}.ph-step{grid-template-columns:26px 34px minmax(0,1fr);column-gap:16px;display:grid}.ph-step-rail{background:var(--kl-line-dark);border-radius:2px;justify-self:center;width:2px;position:relative;overflow:hidden}.ph-step-rail i{background:var(--kl-accent);transform:scaleY(var(--sp,0));transform-origin:50% 0;position:absolute;inset:0}.ph-step[data-state=done] .ph-step-rail i{transform:scaleY(1)}.ph-step-main{min-width:0;padding:7px 0 clamp(8px,1.4svh,16px)}.ph-step-no{font:500 13px/1 var(--kl-font-mono);letter-spacing:.06em;color:var(--kl-mute-on-dark);padding-top:calc(6px + .45em);display:block}.ph-step-title{letter-spacing:-.035em;color:var(--kl-mute-on-dark);transition:font-size .55s var(--kl-ease),color .4s;margin:0;font-size:clamp(21px,1.75vw,27px);font-weight:500;line-height:1.04}.ph-step[data-state=done] .ph-step-title{color:var(--kl-on-dark-2)}.ph-step[data-state=on] .ph-step-title{color:var(--kl-on-dark);font-size:clamp(36px,min(4.4vw,7svh),72px)}.ph-w{vertical-align:top;margin-bottom:-.1em;padding-bottom:.1em;display:inline-block;overflow:hidden}.ph-w>span{display:inline-block}.ph-step[data-state=on] .ph-w>span{animation:ph-word .8s var(--kl-ease) both;animation-delay:calc(var(--w) * 55ms)}@keyframes ph-word{0%{transform:translateY(108%)}to{transform:none}}.ph-step-more{opacity:0;transition:grid-template-rows .55s var(--kl-ease),opacity .35s;grid-template-rows:0fr;display:grid}.ph-step-more>div{min-height:0;overflow:hidden}.ph-step[data-state=on] .ph-step-more{opacity:1;grid-template-rows:1fr;transition-delay:0s,.15s}.ph-step-more p{max-width:30em;color:var(--kl-on-dark-2);margin:14px 0 0;font-size:clamp(17px,1.4vw,21px);line-height:1.5}.ph-step-chip{background:var(--kl-line-dark);-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5);height:36px;color:var(--kl-on-dark);border-radius:99px;align-items:center;gap:8px;margin-top:12px;padding:0 16px;font-size:14.5px;font-weight:500;display:inline-flex}.ph-step-chip i{background:var(--kl-accent);border-radius:50%;width:6px;height:6px}.ph-dots{display:none}.ph-post{opacity:var(--chips);transform:translate3d(0,calc((1 - var(--chips)) * 18px),0);align-self:end}.ph-post h3{font:500 13px/1 var(--kl-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--kl-mute-on-dark);margin:0 0 12px}.ph-post-group{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.ph-post-group>span{color:var(--kl-mute-on-dark);flex:none;margin-right:6px;font-size:13.5px}.ph-post ul{margin:0;padding:0;list-style:none;display:contents}.ph-post li{background:var(--kl-line-dark);-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5);height:34px;color:var(--kl-on-dark);white-space:nowrap;border-radius:99px;align-items:center;padding:0 15px;font-size:14px;font-weight:500;display:inline-flex}.ph-post p{color:var(--kl-mute-on-dark);margin:8px 0 0;font-size:13.5px}.ph-intro{z-index:6;padding:0 var(--kl-gutter);background:var(--kl-paper);color:var(--kl-ink);opacity:0;visibility:hidden;text-align:center;place-items:center;display:grid;position:absolute;inset:0}.ph-intro-in{transform:translate3d(0,calc((1 - var(--io,1)) * 40px),0);flex-direction:column;align-items:center;gap:clamp(16px,2.6svh,26px);max-width:1100px;display:flex}.ph-intro-eyebrow{font:500 12px/1 var(--kl-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--kl-mute);align-items:center;gap:8px;margin:0;display:flex}.ph-intro-eyebrow i{background:var(--kl-accent);border-radius:50%;width:6px;height:6px}.ph-intro-title{letter-spacing:-.045em;margin:0;font-size:clamp(42px,7.2vw,116px);font-weight:500;line-height:1}.ph-intro-title span{display:block}.ph-intro-body{max-width:36em;color:var(--kl-ink-2);margin:0;font-size:clamp(15px,1.25vw,19px);line-height:1.5}.ph-intro-btn{height:var(--kl-btn-h);padding:0 var(--kl-btn-px);background:var(--kl-btn-bg);font-size:var(--kl-btn-fs);border-radius:99px;align-items:center;gap:10px;font-weight:500;transition:background .2s;display:inline-flex;color:var(--kl-btn-ink)!important}.ph-intro-btn:hover{background:var(--kl-btn-hover)}.ph-intro-btn:focus-visible{outline:2px solid var(--kl-accent);outline-offset:3px}.ph-intro-hint{color:var(--kl-mute);flex-direction:column;align-items:center;gap:8px;margin:0;font-size:12px;display:flex;position:absolute;bottom:22px;left:0;right:0}.ph-intro-hint i{background:var(--kl-line-2);width:1px;height:30px}.ph-stack{--kl-on-dark:var(--kl-ink);--kl-on-dark-2:var(--kl-ink-2);--kl-mute-on-dark:var(--kl-mute);--kl-line-dark:color-mix(in srgb,var(--kl-ink) 6%,transparent);display:none}.ph-phone-slot{display:none}@media (max-width:899px){.ph-stage{height:100dvh;min-height:480px}.ph-col{width:auto;padding:calc(max(env(safe-area-inset-top),0px) + 76px) 20px calc(max(env(safe-area-inset-bottom),0px) + 18px);grid-template-rows:auto minmax(0,1fr) auto;row-gap:0;display:grid;left:0;right:0}.ph-tabs-slot{grid-row:1;align-self:start}.ph-tabs-wrap{flex-wrap:nowrap;justify-content:space-between;gap:12px}.ph-tabs-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.ph-tabs{flex:none}.ph-tabs button{height:36px;padding:0 16px;font-size:13.5px}@media (pointer:coarse){.ph-tabs button{height:40px}}.ph-phone-slot{grid-row:2;min-height:0;margin:12px 0;display:block}.ph-steps-wrap{width:auto;opacity:clamp(0,calc(1 - var(--chips) * 2.5),1);flex-direction:column;grid-area:3/1;margin:0;display:flex;position:relative}.ph-steps{display:grid}.ph-step{opacity:0;pointer-events:none;transition:opacity .35s var(--kl-ease),transform .5s var(--kl-ease);grid-area:1/1;display:block;transform:translateY(12px)}.ph-step[data-state=on]{opacity:1;pointer-events:auto;transform:none}.ph-step-rail{display:none}.ph-step-no{padding:0 0 6px;font-size:12px}.ph-step-main{padding:0}.ph-step-title,.ph-step[data-state=on] .ph-step-title{margin:0;font-size:clamp(24px,7vw,34px)}.ph-step-more{opacity:1;grid-template-rows:1fr}.ph-step-more p{margin-top:8px;font-size:15px;line-height:1.45}.ph-step-chip{height:32px;margin-top:10px;padding:0 14px;font-size:13.5px}.ph-dots{order:-1;gap:6px;margin:0 0 12px;display:flex}.ph-dots i{background:var(--kl-line-dark);width:6px;height:6px;transition:width .3s var(--kl-ease),background .3s;border-radius:99px}.ph-dots i.is-on{background:var(--kl-accent);width:22px}.ph-post{opacity:clamp(0,calc(var(--chips) * 2.5 - 1.5),1);grid-area:3/1;align-self:end}.ph-post h3{margin-bottom:10px}.ph-post-group{margin-bottom:6px}.ph-post li{height:30px;padding:0 12px;font-size:13px}.ph-intro-title{font-size:clamp(40px,12vw,64px)}}@media (max-width:899px) and (min-width:600px){.ph-col{padding-left:var(--kl-gutter);padding-right:var(--kl-gutter)}.ph-steps-wrap,.ph-post{justify-self:center;width:100%;max-width:560px}}@media (prefers-reduced-motion:reduce){.ph-chapter{--ph-h:min(460px,70svh);height:auto;margin-top:0}.ph-stage{display:contents}.ph-glhost,.ph-col{display:none}.ph-intro{min-height:100svh;position:relative;inset:auto;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.ph-intro-hint{display:none}.ph-anchor--how{height:100%;top:84px}.ph-anchor--kubic{height:100svh;top:auto;bottom:0}.ph-stack{padding:clamp(72px,10vw,140px) var(--kl-gutter);display:block}.ph-stack-in{max-width:var(--kl-max);flex-direction:column;gap:clamp(28px,4vw,56px);margin:0 auto;display:flex}.ph-stack-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.ph-stack-card{border-radius:var(--kl-r-lg);background:var(--kl-card);color:var(--kl-ink);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(20px,4vw,64px);padding:clamp(24px,3vw,44px);display:grid}.ph-stack-text h3{color:var(--kl-ink);letter-spacing:-.035em;margin:8px 0 0;font-size:clamp(26px,3.2vw,44px);font-weight:500;line-height:1.05}.ph-stack-text p{max-width:30em;color:var(--kl-on-dark-2);margin:14px 0 0;font-size:16px;line-height:1.5}.ph-stack .ph-post{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce) and (max-width:899px){.ph-stack-card{grid-template-columns:minmax(0,1fr);justify-items:start}.ph-stack-card .ph-still{justify-self:center}}:lang(en) .ph-step[data-state=on] .ph-step-title{font-size:clamp(36px,4vw,64px)}:lang(en) .ph-intro-title{letter-spacing:-.05em}@media (max-width:899px){:lang(en) .ph-step[data-state=on] .ph-step-title{font-size:clamp(23px,6.6vw,32px)}}.ph-chapter[data-static]{--ph-h:min(460px,70svh);height:auto;margin-top:0}.ph-chapter[data-static] .ph-stage{display:contents}.ph-chapter[data-static] :is(.ph-glhost,.ph-col){display:none}.ph-chapter[data-static] .ph-intro{min-height:100svh;position:relative;inset:auto;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.ph-chapter[data-static] .ph-intro-hint{display:none}.ph-chapter[data-static] .ph-anchor--how{height:100%;top:84px}.ph-chapter[data-static] .ph-anchor--kubic{height:100svh;top:auto;bottom:0}.ph-chapter[data-static] .ph-stack{padding:clamp(72px,10vw,140px) var(--kl-gutter);display:block}.ph-chapter[data-static] .ph-stack-in{max-width:var(--kl-max);flex-direction:column;gap:clamp(28px,4vw,56px);margin:0 auto;display:flex}.ph-chapter[data-static] .ph-stack-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.ph-chapter[data-static] .ph-stack-card{border-radius:var(--kl-r-lg);background:var(--kl-card);color:var(--kl-ink);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(20px,4vw,64px);padding:clamp(24px,3vw,44px);display:grid}.ph-chapter[data-static] .ph-stack-text h3{color:var(--kl-ink);letter-spacing:-.035em;margin:8px 0 0;font-size:clamp(26px,3.2vw,44px);font-weight:500;line-height:1.05}.ph-chapter[data-static] .ph-stack-text p{max-width:30em;color:var(--kl-on-dark-2);margin:14px 0 0;font-size:16px;line-height:1.5}.ph-chapter[data-static] .ph-stack .ph-post{opacity:1;transform:none}.ph-still{aspect-ratio:560/1000;width:auto;height:min(460px,64svh);display:block}
.kv-customize{--cz-rem:max(12px,1.11111vw);--cz-m:calc(4*var(--cz-rem));--cz-g:calc(1.25*var(--cz-rem));--cz-ink:var(--kv-ink-soft);--cz-hair:color-mix(in srgb,var(--kv-ink-soft) 10%,transparent);--cz-wrap:12.48;--cz-overlap:0px;--cz-curtain:var(--kv-paper);height:calc(var(--cz-wrap)*100svh);margin-top:calc(-1*var(--cz-overlap));color:var(--cz-ink);font-family:var(--kv-font,system-ui,sans-serif);background:0 0;position:relative}.kv-cz-pin{--cz-pw:min(calc(7*(100cqw - 2*var(--cz-m) - 11*var(--cz-g))/12 + 6*var(--cz-g)),max(calc(20.6875*var(--cz-rem)),calc((100svh - 4.375*var(--cz-rem))*755/698)));pointer-events:none;height:100svh;position:sticky;top:0;overflow:hidden;container-type:inline-size}.kv-customize[data-pinned="1"] .kv-cz-pin{background:var(--cz-curtain)}.kv-cz-rem{width:var(--cz-rem);visibility:hidden;pointer-events:none;height:0;position:absolute;top:0;left:0}.kv-cz-defs{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0;overflow:hidden}.kv-cz-lensbox{position:absolute;inset:0}.kv-cz-rim{z-index:2;pointer-events:none;visibility:hidden;--rim:0px;-webkit-backdrop-filter:blur(var(--rim));backdrop-filter:blur(var(--rim));position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0000 22%,#0000001f 38%,#0000008c 66%,#000 94%);mask-image:radial-gradient(#0000 22%,#0000001f 38%,#0000008c 66%,#000 94%)}.kv-cz-soft{z-index:1;pointer-events:none;visibility:hidden;--soft:0px;-webkit-backdrop-filter:blur(var(--soft));backdrop-filter:blur(var(--soft));position:absolute;inset:0}.kv-cz-rig{left:var(--cz-m);width:var(--cz-pw);aspect-ratio:755/698;pointer-events:none;margin:auto 0;position:absolute;top:0;bottom:0;container-type:inline-size}.kv-cz-panel{background:var(--kv-ink-soft);isolation:isolate;border-radius:2.649cqw;position:absolute;inset:0;overflow:hidden}.kv-cz-world{transform-origin:0 0;position:absolute;inset:0}.kv-cz-world--stage{z-index:5}.kv-cz-note{left:var(--cz-m);top:calc(50% + var(--cz-pw)*698/755/2 + .7*var(--cz-rem));font-size:max(12px,calc(.65*var(--cz-rem)));color:var(--kv-mute,var(--kv-mute-2));margin:0;line-height:1.3;position:absolute}.kv-cz-shot{background:var(--kl-card);width:90.12cqw;height:48.06cqw;color:var(--cz-ink);font-family:var(--kv-font,system-ui,sans-serif);--len:15;--lib:0;border-radius:1.59cqw;position:absolute;top:calc(50% - 24.03cqw);left:4.94cqw;overflow:hidden;container-type:inline-size}.kv-cz-shot>*{position:absolute}.kv-cz-shot b{font-weight:600}.kv-cz-shot small{color:var(--kl-mute);font-size:.9cqw;font-weight:400}.kv-cz-bar{background:var(--kl-card);border-bottom:.1cqw solid var(--cz-hair);z-index:3;height:3.47cqw;top:0;left:0;right:0}.kv-cz-brand{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:.55cqw;height:100%;font-size:1.3cqw;display:flex;position:absolute;top:0;left:1.3cqw}.kv-cz-brand u{text-decoration:none}.kv-cz-mark{width:1.9cqw;height:1.9cqw;display:block}.kv-cz-mark svg{width:100%;height:100%;display:block}.kv-cz-proj{height:100%;color:var(--kl-mute);white-space:nowrap;align-items:center;font-size:.95cqw;display:flex;position:absolute;top:0;left:11.6cqw}.kv-cz-seg{background:var(--kl-sunken);height:2.37cqw;color:var(--kl-mute);--sel:0;border-radius:99px;grid-auto-columns:1fr;grid-auto-flow:column;align-items:stretch;padding:.2cqw;font-size:.95cqw;font-weight:500;display:grid;position:absolute;top:.55cqw}.kv-cz-seg span{z-index:1;white-space:nowrap;justify-content:center;align-items:center;display:flex;position:relative}.kv-cz-seg--len{width:19.7cqw;left:34cqw}.kv-cz-seg--mode{width:11cqw;left:55.4cqw}.kv-cz-hl{background:var(--kl-card);border:1px solid var(--kl-line);width:calc(25% - .1cqw);transform:translateX(calc(var(--sel)*100%));border-radius:99px;position:absolute;top:.2cqw;bottom:.2cqw;left:.2cqw}.kv-cz-seg--mode .kv-cz-hl{width:calc(50% - .2cqw)}.kv-cz-seg .is-off{opacity:.55}.kv-cz-shot[data-len="0"] .kv-cz-seg--len span:first-of-type,.kv-cz-shot[data-len="1"] .kv-cz-seg--len span:nth-of-type(2),.kv-cz-shot[data-len="2"] .kv-cz-seg--len span:nth-of-type(3),.kv-cz-shot[data-len="3"] .kv-cz-seg--len span:nth-of-type(4),.kv-cz-seg--mode span:first-of-type{color:var(--cz-ink)}.kv-cz-ready{color:var(--kl-mute);white-space:nowrap;align-items:center;gap:.5cqw;font-size:.95cqw;display:inline-flex}.kv-cz-ready i{background:#34c759;border-radius:50%;flex:none;width:.7cqw;height:.7cqw}.kv-cz-bar>.kv-cz-ready{height:100%;position:absolute;top:0;left:69.2cqw}.kv-cz-export{background:var(--kv-ink-soft);height:2.37cqw;color:var(--kl-on-dark);white-space:nowrap;border-radius:99px;justify-content:center;align-items:center;min-width:6.6cqw;padding:0 1.3cqw;font-size:.95cqw;font-weight:500;transition:background .2s;display:flex;position:absolute;top:.55cqw;right:1.3cqw}.kv-cz-export[data-busy="1"]{background:var(--kl-btn-hover)}.kv-cz-lib{background:var(--kl-card);border-right:.1cqw solid var(--cz-hair);z-index:1;flex-direction:column;gap:.85cqw;width:20.8cqw;padding:1.2cqw;display:flex;top:3.47cqw;bottom:0;left:0;overflow:hidden}.kv-cz-lib-h{justify-content:space-between;align-items:baseline;font-size:1.15cqw;display:flex}.kv-cz-lib-h span{color:var(--kl-mute);font-size:.95cqw;font-weight:500}.kv-cz-lib-sw{background:var(--kl-sunken);color:var(--kl-mute);border-radius:.75cqw;grid-template-columns:1fr 1fr;padding:.2cqw;font-size:.95cqw;font-weight:500;display:grid}.kv-cz-lib-sw span{text-align:center;border-radius:.58cqw;padding:.45cqw 0}.kv-cz-lib-sw .is-on{background:var(--kl-card);color:var(--cz-ink);border:1px solid var(--kl-line)}.kv-cz-clip{background:var(--kl-card);opacity:calc(.55 + var(--lib)*.45);transform:translateY(calc((1 - var(--lib))*1cqw));border-radius:.9cqw;gap:.18cqw;padding:.6cqw;font-size:.95cqw;display:grid}.kv-cz-clip-pv{aspect-ratio:2.4;background-image:url(/ugc-landing/demo/sort-contact-sheet.webp);background-size:600% 600%;background-color:var(--kl-line-2);border-radius:.6cqw;margin-bottom:.25cqw;position:relative;overflow:hidden}.kv-cz-clip-pv em{color:var(--kl-on-dark);background:#0b0b0db3;border-radius:99px;padding:.1cqw .5cqw;font-size:.9cqw;font-style:normal;font-weight:600;position:absolute;top:.4cqw;left:.45cqw}.kv-cz-clip-pv span{color:var(--kl-on-dark);background:#0b0b0db3;border-radius:99px;padding:.1cqw .5cqw;font-size:.9cqw;font-weight:600;position:absolute;bottom:.4cqw;right:.45cqw}.kv-cz-clip>small{font-variant-numeric:tabular-nums}.kv-cz-clip>p{color:var(--kl-mute);margin:0;font-size:.9cqw;line-height:1.3}.kv-cz-canvas{background:#e9e9ed;width:55.7cqw;height:39.09cqw;top:3.47cqw;left:20.8cqw}.kv-cz-transport{background:var(--kl-card);align-items:center;width:55.7cqw;height:3.84cqw;font-size:1cqw;display:flex;top:42.56cqw;left:20.8cqw}.kv-cz-tbtn{border-left:.18cqw solid var(--kl-mute);border-bottom:.18cqw solid var(--kl-mute);width:.8cqw;height:.8cqw;position:absolute;top:1.45cqw;left:19.6cqw;transform:rotate(45deg)}.kv-cz-tbtn--b{left:21cqw}.kv-cz-tbtn--f{left:27.4cqw;transform:rotate(-135deg)}.kv-cz-play{background:var(--kv-ink-soft);border-radius:50%;place-items:center;width:2.4cqw;height:2.4cqw;display:grid;position:absolute;top:.7cqw;left:23.1cqw}.kv-cz-play svg{width:1cqw;height:1cqw;fill:var(--kl-on-dark);display:block}.kv-cz-time{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:.4cqw;height:100%;font-size:1.05cqw;font-weight:600;display:flex;position:absolute;top:0;left:29.6cqw}.kv-cz-time i{color:var(--kv-mute-2);font-style:normal;font-weight:500}.kv-cz-hint{height:100%;color:var(--kv-mute-2);white-space:nowrap;align-items:center;font-size:.9cqw;display:flex;position:absolute;top:0;right:1.2cqw}.kv-cz-add{display:none}.kv-cz-tl{background:var(--kl-card);border-top:.1cqw solid #0000000a;width:55.7cqw;top:46.4cqw;bottom:0;left:20.8cqw}.kv-cz-tl-r{width:53.4cqw;color:var(--kv-mute-2);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.9cqw;display:flex;position:absolute;top:.5cqw;left:1.1cqw}.kv-cz-track{width:53.4cqw;height:3.62cqw;position:absolute;top:2.18cqw;left:1.1cqw}.kv-cz-wave{align-items:center;gap:.14cqw;display:flex;position:absolute;inset:0}.kv-cz-wave i{background:#cfcfd5;border-radius:.1cqw;flex:1;min-width:.08cqw}.kv-cz-rng{--g:0;border:.12cqw solid var(--kv-ink-soft);background:var(--kv-ink-soft);opacity:var(--g);clip-path:inset(0 calc((1 - var(--g))*100%) 0 0);border-radius:.6cqw;position:absolute;top:0;bottom:0;overflow:hidden}.kv-cz-rng.is-sel{border-color:var(--kl-accent);background:var(--kl-accent);width:calc(var(--len)/90*100%)!important}.kv-cz-frames{height:100%;display:flex}.kv-cz-frames i{background-image:url(/ugc-landing/demo/sort-contact-sheet.webp);background-size:600% 600%;background-color:var(--kl-line-2);flex:1 1 0;min-width:0}.kv-cz-pill{background:var(--kl-card);color:var(--cz-ink);white-space:nowrap;border-radius:99px;padding:.18cqw .6cqw;font-size:.9cqw;font-weight:600;line-height:1.1;position:absolute;top:50%;transform:translateY(-50%)}.kv-cz-pill--l{left:.5cqw}.kv-cz-pill--r{right:.5cqw}.kv-cz-ph{background:var(--kv-ink-soft);width:.14cqw;position:absolute;top:-.7cqw;bottom:-.3cqw;left:4.44444%}.kv-cz-ph:before{content:"";background:var(--kv-ink-soft);border-radius:.1cqw .1cqw 50% 50%;width:.74cqw;height:.74cqw;position:absolute;top:0;left:-.3cqw}.kv-cz-len{display:none}.kv-cz-shot[data-len="0"] .kv-cz-len[data-v="0"],.kv-cz-shot[data-len="1"] .kv-cz-len[data-v="1"],.kv-cz-shot[data-len="2"] .kv-cz-len[data-v="2"],.kv-cz-shot[data-len="3"] .kv-cz-len[data-v="3"]{display:block}.kv-cz-ins{background:var(--kl-card);border-left:.1cqw solid var(--cz-hair);z-index:1;flex-direction:column;gap:1cqw;width:23.5cqw;padding:1.3cqw;font-size:.95cqw;display:flex;top:3.47cqw;bottom:0;right:0}.kv-cz-ins-h{gap:.25cqw;display:grid}.kv-cz-ins-h b{letter-spacing:-.01em;font-size:1.25cqw}.kv-cz-f label{color:var(--kl-ink-2);margin-bottom:.4cqw;font-size:.9cqw;font-weight:600;display:block}.kv-cz-opt{border:.1cqw solid var(--kl-line-2);border-radius:.8cqw;gap:.1cqw;margin-bottom:.4cqw;padding:.6cqw .8cqw;display:grid}.kv-cz-opt b{font-size:.95cqw}.kv-cz-opt.is-on{border-color:var(--cz-ink);background:var(--kl-paper)}.kv-cz-opt.is-off{opacity:.55}.kv-cz-sel{border:.1cqw solid var(--kl-line-2);background:var(--kl-card);border-radius:.7cqw;justify-content:space-between;align-items:center;padding:.6cqw .8cqw;font-size:.95cqw;display:flex}.kv-cz-sel:after{content:"";border-right:.14cqw solid var(--kv-mute-2);border-bottom:.14cqw solid var(--kv-mute-2);width:.55cqw;height:.55cqw;margin-left:auto;transform:translateY(-.15cqw)rotate(45deg)}.kv-cz-sel>.kv-cz-len{margin-right:.6cqw}.kv-cz-trim{grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:.5cqw;display:grid}.kv-cz-trim label{margin:0}.kv-cz-trim span{border:.1cqw solid var(--kl-line-2);font-variant-numeric:tabular-nums;text-align:center;border-radius:.6cqw;padding:.45cqw .6cqw}.kv-cz-ins-f{gap:.7cqw;margin-top:auto;display:grid}.kv-cz-ins-f>b{background:var(--kv-ink-soft);height:2.6cqw;color:var(--kl-on-dark);border-radius:99px;justify-content:center;align-items:center;font-size:1cqw;display:flex}.kv-cz-poster{z-index:6;pointer-events:none;background:#000;width:22.717cqw;height:32.105cqw;position:absolute;top:calc(50% - 19.273cqw);left:37.389cqw;container-type:inline-size}.kv-cz-poster[data-landed="1"]{clip-path:inset(0)}.kv-cz-card{aspect-ratio:1/1.41421;transform-origin:50%;background-color:#2a2a2d;background-size:848.53% 600%;border-radius:.9cqw;width:62cqw;margin:-43.84cqw 0 0 -31cqw;position:absolute;top:50%;left:50%}.kv-customize[data-near] .kv-cz-card{background-image:url(/ugc-landing/demo/customize-stage-2x.webp)}.kv-cz-card--wall{aspect-ratio:720/1019;margin-top:-43.874cqw}.kv-customize[data-near] .kv-cz-card--wall{background-image:var(--cz-pic),url(/ugc-landing/demo/customize-stage-2x.webp);background-size:100% 100%,848.53% 600%}.kv-cz-vid{object-fit:cover;border-radius:inherit;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.kv-cz-vid[data-ready]{opacity:1}.kv-cz-cap{text-align:center;white-space:nowrap;letter-spacing:-.02em;color:var(--kl-on-dark);z-index:30;font-variant-numeric:tabular-nums;margin:0;font-size:13cqw;font-weight:500;line-height:1;position:absolute;bottom:8%;left:0;right:0}.kv-cz-cap span{white-space:pre;transform-origin:50% 0;display:inline-block}.kv-cz-cap span.is-swap{animation:kv-cz-swap .42s var(--kv-ease,cubic-bezier(.2,.8,.2,1)) both}@keyframes kv-cz-swap{0%{opacity:0;transform:translateY(60%)}to{opacity:1;transform:none}}.kv-cz-fills{z-index:-1;pointer-events:none;position:absolute;inset:0}.kv-cz-fill{background:linear-gradient(var(--c0),var(--c1));clip-path:inset(100% 0 0);position:absolute;inset:0}.kv-cz-darkwords{z-index:31;pointer-events:none;clip-path:inset(100% 0 0);position:absolute;inset:0}.kv-cz-cap--dark{color:var(--cz-ink)}.kv-cz-steps{top:50%;right:var(--cz-m);left:calc(var(--cz-m) + ((100% - 2*var(--cz-m) - 11*var(--cz-g))/12 + var(--cz-g))*7);align-items:center;gap:calc(.625*var(--cz-rem));height:min(calc(43.125*var(--cz-rem)),calc(100svh - 4.875*var(--cz-rem)));visibility:hidden;display:flex;position:absolute;transform:translateY(-50%)}.kv-customize:not([data-ready]) .kv-cz-steps{visibility:visible}.kv-cz-ruler{width:calc(1.25*var(--cz-rem));flex:none;align-self:stretch;position:relative}.kv-cz-ruler canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.kv-cz-view{min-width:0;height:min(calc(33.9375*var(--cz-rem)),100%);-webkit-mask-image:linear-gradient(transparent,#000 var(--fade-top,0px),#000 calc(100% - var(--fade-bottom,0px)),transparent);-webkit-mask-image:linear-gradient(transparent,#000 var(--fade-top,0px),#000 calc(100% - var(--fade-bottom,0px)),transparent);mask-image:linear-gradient(transparent,#000 var(--fade-top,0px),#000 calc(100% - var(--fade-bottom,0px)),transparent);flex:1;overflow:hidden}.kv-cz-list{margin:0;padding:0;list-style:none;position:relative}.kv-cz-step{align-items:flex-start;gap:calc(1.25*var(--cz-rem));padding:calc(1.25*var(--cz-rem));opacity:.7;flex-direction:column;display:flex}.kv-cz-pick{align-self:stretch;align-items:flex-start;gap:calc(1.25*var(--cz-rem));color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.kv-cz-pick,.kv-cz-chip{pointer-events:auto}.kv-cz-pick:focus-visible,.kv-cz-chip:focus-visible{outline:2px solid var(--kv-accent,var(--kl-accent));outline-offset:4px;border-radius:6px}.kv-cz-index{display:block}.kv-cz-num{color:var(--cz-ink);font-weight:500;font-size:calc(.9375*var(--cz-rem));padding:calc(.25*var(--cz-rem)) calc(.75*var(--cz-rem));border:1px solid;border-radius:999px;line-height:1;display:block}.kv-cz-copy{gap:calc(.75*var(--cz-rem));width:calc(16*var(--cz-rem));flex-direction:column;max-width:100%;display:flex}.kv-cz-mask{padding:calc(.14*var(--cz-rem)) 0;margin:calc(-.14*var(--cz-rem)) 0;display:block;overflow:hidden}.kv-cz-name{color:var(--cz-ink);font-weight:500;font-size:calc(2.25*var(--cz-rem));line-height:1;display:block}.kv-cz-text{font-weight:600;font-size:var(--cz-rem);color:color-mix(in srgb,var(--kv-ink-soft) 80%,transparent);line-height:1.1;display:block}.kv-cz-swatches{align-self:stretch;display:block;container-type:inline-size}.kv-cz-chips{--chip:calc(2.25*var(--cz-rem));--chip-gap:calc(.625*var(--cz-rem));gap:var(--chip-gap);display:flex;position:relative}.kv-customize .kv-cz-chip{width:var(--chip);height:var(--chip);font-family:var(--kv-font,system-ui,sans-serif);font-weight:600;font-size:calc(.8*var(--cz-rem));letter-spacing:normal;cursor:pointer;box-shadow:none;color:var(--cz-ink);border:0;border-radius:50%;flex:none;place-items:center;padding:0;line-height:1;display:grid}.kv-cz-chip[data-j="0"]{color:var(--kl-on-dark);background:linear-gradient(#3a3a40,#101012)}.kv-cz-chip[data-j="1"]{background:linear-gradient(#f8f8fa,#d6d6dc)}.kv-cz-chip[data-j="2"]{color:var(--kl-on-dark);background:linear-gradient(#2f8cf0,#0a52b5)}.kv-cz-chip[data-j="3"]{color:var(--kl-on-dark);box-shadow:none;font-size:calc(.72*var(--cz-rem));background:linear-gradient(#8d8d94,#45454b);border:1px dashed #fffc}.kv-cz-ring{top:calc(-.25*var(--cz-rem));left:calc(-.25*var(--cz-rem));width:calc(var(--chip) + .5*var(--cz-rem));height:calc(var(--chip) + .5*var(--cz-rem));border:calc(.125*var(--cz-rem)) solid var(--cz-ink);pointer-events:none;border-radius:50%;position:absolute}.kv-cz-more{top:0;bottom:0;right:var(--cz-m);left:calc(var(--cz-m) + ((100% - 2*var(--cz-m) - 11*var(--cz-g))/12 + var(--cz-g))*7);height:fit-content;font-weight:500;font-size:calc(3.25*var(--cz-rem));letter-spacing:normal;color:var(--cz-ink);flex-direction:column;margin:auto 0;line-height:1;display:flex;position:absolute}.kv-customize:not([data-ready]) .kv-cz-more{visibility:hidden}.kv-cz-line{white-space:nowrap;display:block;position:relative}.kv-cz-line--in{margin-left:2.1em}.kv-cz-line--right{text-align:right}.kv-cz-line--end{align-self:flex-end}.kv-cz-row{display:block}.kv-cz-line--lead .kv-cz-row{display:inline}.kv-cz-ch,.kv-cz-arrow{transform-origin:50%;display:inline-block}@media (max-width:860px),(prefers-reduced-motion:reduce){.kv-cz-lensbox{display:contents}.kv-cz-rim,.kv-cz-soft{display:none}.kv-customize{height:auto;margin-top:0}.kv-cz-pin{height:auto;padding:clamp(72px,14vw,110px) var(--kv-gutter,20px) clamp(56px,10vw,96px);pointer-events:auto;flex-direction:column;gap:clamp(20px,4vw,36px);display:flex;position:relative;overflow:visible;container-type:normal}.kv-customize[data-pinned="1"] .kv-cz-pin{background:0 0}.kv-cz-rig{width:100%;max-width:640px;margin:0;position:relative;top:auto;bottom:auto;left:auto}.kv-cz-panel{border-radius:24px}.kv-cz-note{margin-top:-12px;position:static}.kv-cz-steps{visibility:visible;height:auto;display:block;position:static;transform:none}.kv-cz-ruler{display:none}.kv-cz-view{height:auto;overflow:visible;-webkit-mask-image:none;mask-image:none}.kv-cz-list{gap:4px;display:grid;transform:none!important}.kv-cz-step{gap:14px;padding:14px 0;opacity:1!important}.kv-cz-pick{gap:14px}.kv-cz-num{padding:4px 11px;font-size:13px}.kv-cz-copy{gap:8px;width:auto;max-width:34em}.kv-cz-name{font-size:clamp(26px,7vw,34px)}.kv-cz-text{font-size:15px}.kv-cz-chips{--chip:44px;--chip-gap:10px}.kv-customize .kv-cz-chip{font-size:14px}.kv-cz-ring{border-width:2px;width:52px;height:52px;top:-4px;left:-4px}.kv-cz-more{height:auto;margin:clamp(8px,3vw,24px) 0 0;font-size:clamp(34px,10.5vw,56px);position:static;visibility:visible!important}.kv-cz-mask{margin:0;padding:0;overflow:visible}}@media (min-width:861px) and (prefers-reduced-motion:reduce){.kv-cz-pin{grid-template-columns:var(--cz-pw) minmax(0,1fr);column-gap:var(--cz-g);padding:calc(6*var(--cz-rem)) var(--cz-m);grid-template-areas:"rig steps""note more";align-items:start;row-gap:0;display:grid;container-type:inline-size}.kv-cz-rig{width:var(--cz-pw);grid-area:rig;max-width:none}.kv-cz-note{margin-top:calc(.7*var(--cz-rem));grid-area:note;position:static}.kv-cz-steps{grid-area:steps}.kv-cz-more{margin-top:calc(3*var(--cz-rem));font-size:calc(3.25*var(--cz-rem));grid-area:more}.kv-cz-name{font-size:calc(2.25*var(--cz-rem))}.kv-cz-text{font-size:var(--cz-rem)}.kv-cz-copy{width:calc(16*var(--cz-rem))}}:lang(en) .kv-customize .kv-cz-chip[data-j="3"]{font-size:calc(.52*var(--cz-rem));letter-spacing:-.01em}@media (max-width:860px),(prefers-reduced-motion:reduce){:lang(en) .kv-customize .kv-cz-chip[data-j="3"]{letter-spacing:-.02em;font-size:11px}:lang(en) .kv-cz-more{font-size:clamp(28px,8.6vw,46px)}:lang(en) .kv-cz-line--in{margin-left:1.1em}}
.kv-dz{--dz-rem:max(12px,calc(100vw/90));--dz-ink:var(--kv-ink-soft);color:var(--kl-on-dark);font-family:var(--kv-font,system-ui,sans-serif);pointer-events:none;position:relative}.kv-dz-stage{position:relative}.kv-dz-grid{display:none}.kv-dz-gl{opacity:0;visibility:hidden;width:100%;height:100%;display:block;position:absolute;inset:0}.kv-dz-scrim{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.kv-dz-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1025px) and (prefers-reduced-motion:no-preference){.kv-dz{height:574svh;margin-top:-226svh}.kv-dz-stage{height:100svh;position:sticky;top:0;overflow:hidden}.kv-dz:not([data-live]) .kv-dz-words{visibility:hidden}.kv-dz-words{left:calc(var(--dz-rem)*3.8125);top:calc(var(--dz-rem)*5.5);font-size:calc(var(--dz-rem)*3.6);letter-spacing:0;color:var(--kl-on-dark);will-change:transform;margin:0;font-weight:500;line-height:.98;position:absolute}.kv-dz-line{white-space:nowrap;display:block}.kv-dz-ch{white-space:pre;transform-origin:50% 0;will-change:transform,opacity;display:inline-block}.kv-dz[lang=en] .kv-dz-words{font-size:calc(var(--dz-rem)*3.6);letter-spacing:-.02em}html[data-dz-nav] .kc-nav-bar{transition:transform .45s cubic-bezier(.16,1,.3,1),background .3s,border-color .3s}html[data-dz-nav=hidden] .kc-nav-bar{transform:translateY(calc(-100% - 72px))}html[data-dz-nav=hidden] .kc-nav-sheet{display:none}html[data-dz-nav=hidden] .kc-nav-bar:has(:focus-visible){transform:none}}@media (max-width:1024px),(prefers-reduced-motion:reduce){.kv-dz{--dz-rem:clamp(11px,min(1.7vw,1.4svh + 7px),15px);padding:clamp(24px,5vw,64px) var(--kv-gutter,20px);background:var(--kv-paper,var(--kl-paper))}.kv-dz-stage{background:var(--kl-dark);border-radius:clamp(18px,2.4vw,30px);flex-direction:column;justify-content:space-between;gap:28px;min-height:clamp(420px,62vw,640px);padding:clamp(24px,4vw,56px);display:flex;overflow:hidden}.kv-dz-grid{opacity:.9;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;display:grid;position:absolute;inset:0}.kv-dz-grid b{background-position:50%;background-size:cover;border-radius:clamp(8px,1.4vw,16px);display:block}.kv-dz-gl{display:none}.kv-dz-scrim{opacity:.42;background:#000}.kv-dz-words{letter-spacing:-.02em;color:var(--kl-on-dark);margin:0;font-size:clamp(34px,7.2vw,92px);font-weight:500;line-height:.95;position:relative}.kv-dz-line{display:block}.kv-dz-ch{white-space:pre-wrap;display:inline}.kv-dz[lang=en] .kv-dz-words{font-size:clamp(28px,5.2vw,68px)}}
.kv-mcp{--r:max(12px,1.11111vw);--h:clamp(calc(var(--r)*39.25),100svh,calc(var(--r)*48));--ink:var(--kv-ink-soft);--hair:color-mix(in srgb,var(--kv-ink-soft) 10%,transparent);--shadow:0 0 0 0 transparent;color:var(--ink);background:0 0;position:relative}.kv-mcp *,.kv-mcp :before,.kv-mcp :after{box-sizing:border-box}.kv-mcp u,.kv-mcp s,.kv-mcp em,.kv-mcp i,.kv-mcp strong{font-style:normal;text-decoration:none}.kv-mcp .ph{--pa:1;background-color:var(--kl-line-2);background-image:url(/ugc-landing/demo/sort-contact-sheet.webp);background-repeat:no-repeat;background-size:calc(600%/min(var(--pa),1)) auto;background-position:calc((var(--pc) + .5 - .5*min(var(--pa),1))/(6 - min(var(--pa),1))*100%) calc((var(--pr) + .5 - .5/max(var(--pa),1))/(6 - 1/max(var(--pa),1))*100%);display:block}.kv-mcp-title{letter-spacing:-.02em;color:var(--ink);margin:0;font-weight:500;line-height:1}.kv-mcp-tl{white-space:nowrap;display:block}.kv-mcp-c{transform-origin:50% 0;display:inline-block}.kv-mcp-soon{vertical-align:.55em;height:calc(var(--r)*1.9);padding:0 calc(var(--r)*.95);margin-left:calc(var(--r)*1);background:var(--kl-card);font-size:calc(var(--r)*.8);letter-spacing:0;border-radius:999px;align-items:center;gap:.4em;font-weight:500;line-height:1;display:inline-flex}.kv-mcp-soon i{background:#e8912d;border-radius:50%;width:.5em;height:.5em}.kv-mcp-text{color:var(--ink);margin:0;font-weight:600;line-height:1.1}.kv-mcp-lm{white-space:nowrap;display:block}.kv-mcp-li{display:block}.kv-mcp-cap{align-items:center;gap:calc(var(--r)*.5);padding:calc(var(--r)*.75) calc(var(--r)*1.25);background:var(--kl-card);box-shadow:none;color:var(--ink);font-size:calc(var(--r)*1);white-space:nowrap;border-radius:999px;font-weight:500;line-height:1;display:inline-flex}.kv-mcp-gl{width:calc(var(--r)*1.5);height:calc(var(--r)*1.5);color:var(--ink)}.kv-mcp-chat{background:var(--kl-card);border-radius:calc(var(--r)*1.25);box-shadow:none;overflow:hidden}.kv-mcp-head{align-items:center;gap:calc(var(--r)*.375);height:calc(var(--r)*3.6875);padding:0 calc(var(--r)*1.125);border-bottom:1px solid var(--hair);display:flex}.kv-mcp-mark{width:calc(var(--r)*1.375);height:calc(var(--r)*1.375);border-radius:calc(var(--r)*.375);background:var(--ink);color:var(--kl-on-dark);place-items:center;display:grid}.kv-mcp-mark svg{width:62%;height:62%}.kv-mcp-lab{font-size:calc(var(--r)*.9375);white-space:nowrap;font-weight:500;line-height:1}.kv-mcp-lab--x{opacity:.4}.kv-mcp-lab--state{opacity:.45;margin-left:auto}.kv-mcp-agent{width:calc(var(--r)*1);height:calc(var(--r)*1);color:#d97757}.kv-mcp-line{width:calc(var(--r)*11.875);height:calc(var(--r)*.625);background:var(--hair);border-radius:999px;display:block}.kv-mcp-line--s{width:calc(var(--r)*8.125)}.kv-mcp-msg{font-size:calc(var(--r)*.9375);padding:calc(var(--r)*.625) calc(var(--r)*.875);background:var(--ink);color:var(--kl-on-dark);white-space:nowrap;border-radius:999px;font-weight:500;line-height:1}.kv-mcp-call,.kv-mcp-detail,.kv-mcp-ans{font-size:calc(var(--r)*.9375);white-space:nowrap;font-weight:500;line-height:1}.kv-mcp-call{opacity:.5}.kv-mcp-detail{opacity:.35}.kv-mcp-thumb{width:calc(var(--r)*2.75);height:calc(var(--r)*2.75);border-radius:calc(var(--r)*.5);flex:none}.kv-mcp-input{align-items:center;gap:calc(var(--r)*.5);height:calc(var(--r)*3);padding:0 calc(var(--r)*2.875) 0 calc(var(--r)*1);border:1px solid var(--ink);border-radius:calc(var(--r)*1);font-size:calc(var(--r)*.9375);background:var(--kl-card);font-weight:500;line-height:1;display:flex;position:relative}.kv-mcp-typed{white-space:nowrap;flex:0 auto;justify-content:flex-end;min-width:0;display:flex;overflow:hidden}.kv-mcp-caret{width:calc(var(--r)*.125);height:calc(var(--r)*1.375);background:var(--ink);flex:none;animation:1.06s step-end infinite kv-mcp-blink}@keyframes kv-mcp-blink{50%{opacity:0}}.kv-mcp-ph{opacity:.4;white-space:nowrap}.kv-mcp-input:not(.is-empty) .kv-mcp-ph,.kv-mcp-input.is-empty .kv-mcp-typed{display:none}.kv-mcp-send{top:50%;right:calc(var(--r)*.5);width:calc(var(--r)*1.875);height:calc(var(--r)*1.875);background:var(--ink);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(-50%)}.kv-mcp-toast{align-items:center;gap:calc(var(--r)*.875);padding:calc(var(--r)*.5) calc(var(--r)*1);background:var(--kl-card);box-shadow:none;font-size:calc(var(--r)*.9375);white-space:nowrap;border-radius:999px;font-weight:500;line-height:1;display:flex}.kv-mcp-undo{opacity:.45;flex:none}.kv-mcp-tst{height:calc(var(--r)*1.15);padding:0 calc(var(--r)*.5);margin-right:calc(var(--r)*-.35);background:color-mix(in srgb,var(--kv-ink-soft) 8%,transparent);font-size:calc(var(--r)*.65);border-radius:999px;flex:none;align-items:center;font-weight:500;line-height:1;display:inline-flex}.kv-mcp-label{display:none}.kv-mcp-tagmark{width:calc(var(--r)*.875);height:calc(var(--r)*.875);color:var(--kl-on-dark)}.kv-mcp-note{font-size:calc(var(--r)*.7);color:color-mix(in srgb,var(--kv-ink-soft) 50%,transparent);white-space:nowrap;margin:0;line-height:1}@media (prefers-reduced-motion:reduce){.kv-mcp *{animation:none!important}}.kv-mcp-stage{--kv-mcp-fs:clamp(40px,11vw,76px);padding:clamp(72px,10svh,110px) 20px 56px;position:relative}.kv-mcp-frame{flex-direction:column;gap:28px;max-width:720px;margin:0 auto;display:flex;position:relative}.kv-mcp-talk{display:contents}.kv-mcp-words{flex-direction:column;order:1;gap:20px;display:flex}.kv-mcp-title{font-size:var(--kv-mcp-fs)}.kv-mcp-soon{vertical-align:middle;height:28px;margin-left:10px;padding:0 12px;font-size:12px}.kv-mcp-text{max-width:340px;font-size:14px}.kv-mcp-lm{white-space:normal}.kv-mcp-caps{flex-wrap:wrap;order:2;gap:10px;display:flex}.kv-mcp-cap{padding:10px 16px;font-size:13px}.kv-mcp-gl{width:18px;height:18px}.kv-mcp-chat{flex-direction:column;order:3;width:100%;max-width:340px;display:flex;position:relative}.kv-mcp-head{gap:6px;height:52px;padding:0 16px}.kv-mcp-mark{border-radius:6px;width:22px;height:22px}.kv-mcp-lab,.kv-mcp-msg,.kv-mcp-call,.kv-mcp-detail,.kv-mcp-ans,.kv-mcp-input{font-size:13px}.kv-mcp-agent{width:15px;height:15px}.kv-mcp-body{flex-direction:column;gap:14px;padding:16px;display:flex}.kv-mcp-history{display:none}.kv-mcp-turn{flex-direction:column;gap:8px;display:flex}.kv-mcp-turn:nth-of-type(n+4){display:none}.kv-mcp-msg{align-self:flex-end;padding:9px 13px}.kv-mcp-tool{align-items:center;gap:10px;display:flex;position:relative}.kv-mcp-tool .kv-mcp-call,.kv-mcp-tool .kv-mcp-detail{display:block}.kv-mcp-tool{grid-template-columns:auto 1fr;gap:3px 10px;display:grid}.kv-mcp-thumb{border-radius:8px;grid-row:1/span 2;width:40px;height:40px}.kv-mcp-input{border-radius:14px;height:46px;margin:0 14px 14px;padding:0 48px 0 14px}.kv-mcp-caret{display:none}.kv-mcp-send{width:30px;height:30px;right:8px}.kv-mcp-send svg{width:15px;height:15px}.kv-mcp-toasts,.kv-mcp-outline,.kv-mcp-hand,.kv-mcp-note{display:none}.kv-mcp-win{aspect-ratio:1736/1085;border-radius:12px;order:4;width:100%;position:relative;overflow:hidden}.kv-mcp-bezel{display:none}.kv-mcp-shot{background:var(--kl-card);position:absolute;inset:0;overflow:hidden}.kv-mcp-ed{position:absolute;inset:0;container-type:inline-size}@media (min-width:1025px) and (prefers-reduced-motion:reduce){.kv-mcp-stage{--kv-mcp-fs:clamp(52px,5.2vw,92px);padding-left:var(--kv-gutter,64px);padding-right:var(--kv-gutter,64px)}.kv-mcp-frame{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);align-items:start;gap:28px clamp(40px,5vw,88px);max-width:1360px;display:grid}.kv-mcp-words{grid-area:1/1}.kv-mcp-caps{grid-area:2/1}.kv-mcp-chat{grid-area:3/1;max-width:380px}.kv-mcp-win{grid-area:1/2/span 3;align-self:center}}@media (min-width:1025px) and (prefers-reduced-motion:no-preference){.kv-mcp{height:949.84svh;margin-top:-100svh;scroll-margin-top:-246.4svh}.kv-mcp:not(.is-live) .kv-mcp-stage{visibility:hidden;opacity:0}.kv-mcp-stage{--open:0;--late:0;height:100svh;padding:0;display:block;position:sticky;top:0;overflow:clip}.kv-mcp-frame{left:0;right:0;top:max(0px,calc(50% - var(--h)/2));height:var(--h);--ct:calc(var(--h) - var(--r)*9.875);--cto:min(calc(var(--r)*22.625),calc(var(--h) - var(--r)*22.4375));--ctl:min(calc(var(--r)*7.125),calc(var(--h) - var(--r)*35));--cy:calc(var(--cto) - var(--r)*2.875);gap:0;max-width:none;margin:0;display:block;position:absolute}.kv-mcp-talk{pointer-events:none;will-change:transform,opacity;display:block;position:absolute;inset:0}.kv-mcp-win{aspect-ratio:auto;width:0;height:0;box-shadow:none;border-radius:0;order:0;position:absolute;top:0;left:0;overflow:visible}.kv-mcp-bezel{border-radius:inherit;background:var(--ink);display:block;position:absolute;inset:0}.kv-mcp-label{left:calc(var(--r)*1.5);top:calc(var(--r)*1.15);font-size:calc(var(--r)*.75);color:#ffffff80;white-space:nowrap;pointer-events:none;line-height:1;display:block;position:absolute}.kv-mcp-shot{width:0;height:0;inset:0 auto auto 0}.kv-mcp-ed{transform-origin:0 0;width:868px;height:542.5px;inset:0 auto auto 0;container-type:normal}.kv-mcp .kv-mcp-ed .e-root{--u:1px}.kv-mcp-words{transform:translateY(calc(var(--open,0)*var(--r)*-12.5));display:block;position:absolute;inset:0}.kv-mcp-title{left:calc(var(--r)*4);top:calc(var(--r)*2);width:calc(var(--r)*48.5625);font-size:calc(var(--r)*5.62);visibility:hidden;position:absolute}.kv-mcp-c{opacity:0;will-change:transform,opacity}.kv-mcp-tl{height:calc(var(--r)*5.62)}.kv-mcp-lat{font-size:calc(var(--r)*6.25);letter-spacing:0;line-height:.87}.kv-mcp-soon{font-size:calc(var(--r)*.8);height:calc(var(--r)*1.9);padding:0 calc(var(--r)*.95);margin-left:calc(var(--r)*1);vertical-align:.55em}.kv-mcp-text{font-size:calc(var(--r)*1);visibility:hidden;max-width:none;position:absolute}.kv-mcp-text--1{left:calc(var(--r)*52.5625);top:calc(var(--r)*18.25);width:calc(var(--r)*16)}.kv-mcp-text--2{left:calc(var(--r)*66.5625);top:calc(var(--r)*22.375);width:calc(var(--r)*12.625)}.kv-mcp-lm{white-space:nowrap;clip-path:inset(0 -.15em -.2em)}.kv-mcp-li{will-change:transform,opacity;opacity:0}.kv-mcp-caps{display:block;position:absolute;inset:0}.kv-mcp-cap{font-size:calc(var(--r)*1);padding:calc(var(--r)*.75) calc(var(--r)*1.25);opacity:0;will-change:transform;--bob:calc(var(--r)*.3125);--pop:.6;--turn:0deg;--dx:0px;--dy:0px;left:var(--x);top:var(--y);transform:translate(var(--dx),var(--dy)) translate(-50%,-50%) translateY(calc(var(--open,0)*var(--r)*-12.5)) rotate(var(--turn)) scale(var(--pop));animation:2.8s ease-in-out infinite alternate kv-mcp-bob;display:flex;position:absolute}.kv-mcp-gl{width:calc(var(--r)*1.5);height:calc(var(--r)*1.5)}@keyframes kv-mcp-bob{0%{translate:0 calc(var(--bob)*-1)}to{translate:0 var(--bob)}}.kv-mcp-cap--0{--bob:calc(var(--r)*.3125*(1 - var(--open,0)));--x:calc(var(--r)*7.92875);--y:calc(var(--r)*23.2013);--turn:calc(-5deg*(1 - var(--open,0)));--dx:calc((var(--r)*13.1875 - var(--r)*7.92875)*var(--open,0));--dy:calc((var(--cy) - var(--r)*23.2013 + var(--r)*12.5)*var(--open,0))}.kv-mcp-cap--1{--x:calc(var(--r)*22.2113);--y:calc(var(--r)*26.1594);--turn:3deg;animation-duration:3.3s;animation-delay:-1.2s}.kv-mcp-cap--2{--x:calc(var(--r)*36.2713);--y:calc(var(--r)*23.1894);--turn:-2deg;animation-duration:3s;animation-delay:-2.1s}.kv-mcp-chat{left:calc(var(--r)*4);width:calc(var(--r)*21.25);opacity:0;will-change:transform,opacity;max-width:none;transform:translateY(calc((1 - var(--come,0))*var(--r)*2.5));top:calc(var(--ct) + (var(--cto) - var(--ct))*var(--open,0) + (var(--ctl) - var(--cto))*var(--late,0));height:calc(var(--r)*8.625 + var(--r)*12.5625*var(--open,0) + var(--r)*12.5625*var(--late,0));order:0;display:block;position:absolute}.kv-mcp-head{height:calc(var(--r)*3.6875);padding:0 calc(var(--r)*1.125);gap:calc(var(--r)*.375)}.kv-mcp-mark{width:calc(var(--r)*1.375);height:calc(var(--r)*1.375);border-radius:calc(var(--r)*.375)}.kv-mcp-lab,.kv-mcp-msg,.kv-mcp-call,.kv-mcp-detail,.kv-mcp-ans,.kv-mcp-input{font-size:calc(var(--r)*.9375)}.kv-mcp-agent{width:calc(var(--r)*1);height:calc(var(--r)*1)}.kv-mcp-body{top:calc(var(--r)*3.6875);bottom:calc(var(--r)*4.5);--turn-at:calc(var(--r)*5.0625);gap:0;padding:0;display:block;position:absolute;left:0;right:0;overflow:hidden}.kv-mcp-history{left:calc(var(--r)*1.125);top:calc(var(--r)*1.5625);gap:calc(var(--r)*.5);opacity:0;transform:translateY(calc(var(--gone,0)*var(--r)*-5.75));will-change:transform;flex-direction:column;display:flex;position:absolute}.kv-mcp-turn{left:calc(var(--r)*1.125);right:calc(var(--r)*1.125);top:calc(var(--turn-at) + var(--slot,0)*var(--r)*5.75);height:calc(var(--r)*8.75);opacity:0;will-change:transform;display:block;position:absolute}.kv-mcp-turn:nth-of-type(n+4){display:block}.kv-mcp-msg{padding:calc(var(--r)*.625) calc(var(--r)*.875);opacity:var(--said,0);transform:translateY(calc((1 - var(--said,0))*var(--r)*2.5));align-self:auto;position:absolute;top:0;right:0}.kv-mcp-tool{left:0;right:0;top:calc(var(--r)*3.5);height:calc(var(--r)*2.75);opacity:calc(var(--reply,0)*(1 - var(--older,0)));display:block;position:absolute}.kv-mcp-thumb{width:calc(var(--r)*2.75);height:calc(var(--r)*2.75);border-radius:calc(var(--r)*.5);position:absolute;top:0;left:0}.kv-mcp-call,.kv-mcp-detail{left:calc(var(--r)*3.375);position:absolute}.kv-mcp-call{top:calc(var(--r)*.25)}.kv-mcp-detail{top:calc(var(--r)*1.5)}.kv-mcp-ans{left:0;top:calc(var(--r)*7.375 + (var(--r)*2.9375 - var(--r)*7.375)*var(--older,0));opacity:var(--reply,0);position:absolute}.kv-mcp-input{left:calc(var(--r)*1);right:calc(var(--r)*1);bottom:calc(var(--r)*1);height:calc(var(--r)*3);padding:0 calc(var(--r)*2.875) 0 calc(var(--r)*1);border-radius:calc(var(--r)*1);gap:calc(var(--r)*.5);margin:0;position:absolute}.kv-mcp-caret{width:calc(var(--r)*.125);height:calc(var(--r)*1.375);display:block}.kv-mcp-send{width:calc(var(--r)*1.875);height:calc(var(--r)*1.875);right:calc(var(--r)*.5)}.kv-mcp-send svg{width:calc(var(--r)*.9375);height:calc(var(--r)*.9375)}.kv-mcp-toasts{display:block}.kv-mcp-toast{opacity:0;--pop:.8;transform:translate(-50%,-50%) scale(var(--pop));will-change:transform,opacity;position:absolute}.kv-mcp-outline{opacity:0;border:calc(var(--r)*.09375) dashed var(--ink);border-radius:calc(var(--r)*.375);will-change:opacity;display:block;position:absolute}.kv-mcp-hand{width:calc(var(--r)*6.1875);height:calc(var(--r)*2.6875);opacity:0;--flip:0;will-change:transform,opacity;display:block;position:absolute}.kv-mcp-pointer{width:calc(var(--r)*.9925);height:calc(var(--r)*1.34813);position:absolute;top:0;left:0}.kv-mcp-tag{top:calc(var(--r)*1.125);left:calc(var(--r)*.875);align-items:center;gap:calc(var(--r)*.375);padding:calc(var(--r)*.25) calc(var(--r)*.625) calc(var(--r)*.25) calc(var(--r)*.5);background:var(--ink);color:var(--kl-on-dark);font-size:calc(var(--r)*.9375);white-space:nowrap;transform:translateX(calc(var(--flip,0)*(-100% - var(--r)*1.75)));border-radius:999px;font-weight:500;line-height:1;display:flex;position:absolute}.kv-mcp-note{opacity:0;display:block;position:absolute}html[data-mcp-nav] .kc-nav-bar{transition:transform .45s cubic-bezier(.16,1,.3,1),background .3s,border-color .3s}html[data-mcp-nav=hidden] .kc-nav-bar{transform:translateY(calc(-100% - 72px))}html[data-mcp-nav=hidden] .kc-nav-sheet{display:none}html[data-mcp-nav=hidden] .kc-nav-bar:has(:focus-visible){transform:none}.kv-mcp[data-near] .e-dc{background-size:100% 100%,calc(600%/min(var(--pa),1)) auto;background-position:0 0,calc((var(--pc) + .5 - .5*min(var(--pa),1))/(6 - min(var(--pa),1))*100%) calc((var(--pr) + .5 - .5/max(var(--pa),1))/(6 - 1/max(var(--pa),1))*100%)}.kv-mcp[data-near] .e-dc[data-pic="0"]{background-image:url(/ugc-landing/demo/mcp-wall-0.webp),url(/ugc-landing/demo/sort-contact-sheet.webp)}.kv-mcp[data-near] .e-dc[data-pic="1"]{background-image:url(/ugc-landing/demo/mcp-wall-1.webp),url(/ugc-landing/demo/sort-contact-sheet.webp)}.kv-mcp[data-near] .e-dc[data-pic="2"]{background-image:url(/ugc-landing/demo/mcp-wall-2.webp),url(/ugc-landing/demo/sort-contact-sheet.webp)}.kv-mcp[data-near] .e-dc[data-pic="3"]{background-image:url(/ugc-landing/demo/mcp-wall-3.webp),url(/ugc-landing/demo/sort-contact-sheet.webp)}.kv-mcp[data-near] .e-dc[data-pic="4"]{background-image:url(/ugc-landing/demo/mcp-wall-4.webp),url(/ugc-landing/demo/sort-contact-sheet.webp)}.kv-mcp[data-near] .e-dc[data-pic="5"]{background-image:url(/ugc-landing/demo/mcp-wall-5.webp),url(/ugc-landing/demo/sort-contact-sheet.webp)}.kv-mcp[data-near] .e-dc[data-pic="6"]{background-image:url(/ugc-landing/demo/mcp-wall-6.webp),url(/ugc-landing/demo/sort-contact-sheet.webp)}.kv-mcp[data-near] .e-dc[data-pic="7"]{background-image:url(/ugc-landing/demo/mcp-wall-7.webp),url(/ugc-landing/demo/sort-contact-sheet.webp)}.kv-mcp[data-near] .e-dc[data-pic="8"]{background-image:url(/ugc-landing/demo/mcp-wall-8.webp),url(/ugc-landing/demo/sort-contact-sheet.webp)}}.kv-mcp-ed .e-root{--u:calc(100cqw/868);background:var(--kl-card);color:var(--kv-ink-soft);font-size:calc(var(--u)*7);line-height:1.15;font-family:var(--kv-font,inherit);position:absolute;inset:0;overflow:hidden}.e-top{height:calc(var(--u)*30.4);align-items:center;gap:calc(var(--u)*5);padding:0 0 0 calc(var(--u)*8);border-bottom:1px solid color-mix(in srgb,var(--kv-ink-soft) 7%,transparent);background:var(--kl-card);z-index:3;display:flex;position:absolute;top:0;left:0;right:0}.e-brand{align-items:center;gap:calc(var(--u)*3.5);font-size:calc(var(--u)*9.5);letter-spacing:-.02em;font-weight:700;display:flex}.e-logo{width:calc(var(--u)*14);height:calc(var(--u)*14);border-radius:calc(var(--u)*3.6);background:var(--kv-ink-soft);color:var(--kl-on-dark);place-items:center;display:grid}.e-logo svg{width:calc(var(--u)*9);height:calc(var(--u)*9)}.e-chev{width:calc(var(--u)*3.6);height:calc(var(--u)*3.6);border-right:1.2px solid var(--kv-mute-2);border-bottom:1.2px solid var(--kv-mute-2);margin:0 calc(var(--u)*6) 0 calc(var(--u)*2);transform:rotate(45deg)translate(-20%,-20%)}.e-name{font-size:calc(var(--u)*7);color:#2c2c30;font-weight:500}.e-seg{top:calc(var(--u)*5.6);height:calc(var(--u)*19);align-items:center;gap:calc(var(--u)*1);padding:0 calc(var(--u)*2.4);font-size:calc(var(--u)*6.2);background:#f3f3f5;border-radius:999px;display:flex;position:absolute}.e-seg--a{left:calc(var(--u)*295)}.e-seg--b{left:calc(var(--u)*474)}.e-seg u{padding:calc(var(--u)*2.6) calc(var(--u)*5.2);color:var(--kl-mute);border-radius:999px}.e-seg u.on{background:var(--kl-card);color:var(--kv-ink-soft);border:1px solid var(--kl-line)}.e-seg em{margin:0 calc(var(--u)*3) 0 calc(var(--u)*2);font-size:calc(var(--u)*5);color:var(--kv-mute-2);letter-spacing:.04em}.e-ico{top:calc(var(--u)*11);width:calc(var(--u)*8);height:calc(var(--u)*8);border:1.3px solid #9a9aa0;border-radius:50%;position:absolute}.e-ico--1{left:calc(var(--u)*648)}.e-ico--2{left:calc(var(--u)*674);opacity:.4}.e-ico--3{left:calc(var(--u)*700);border-radius:calc(var(--u)*2.4)}.e-ico--4{left:calc(var(--u)*731)}.e-btn{top:calc(var(--u)*5.6);height:calc(var(--u)*19);font-size:calc(var(--u)*7);border:1px solid color-mix(in srgb,var(--kv-ink-soft) 12%,transparent);background:var(--kl-card);border-radius:999px;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute}.e-btn--dark{left:calc(var(--u)*751);width:calc(var(--u)*57);background:var(--kv-ink-soft);color:var(--kl-on-dark);border-color:var(--kv-ink-soft)}.e-btn:not(.e-btn--dark){left:calc(var(--u)*813);width:calc(var(--u)*45)}.e-left{left:0;top:calc(var(--u)*30.4);width:calc(var(--u)*179.4);background:var(--kl-card);border-right:1px solid color-mix(in srgb,var(--kv-ink-soft) 7%,transparent);position:absolute;bottom:0;overflow:hidden}.e-tabs{left:calc(var(--u)*9.5);top:calc(var(--u)*6.4);width:calc(var(--u)*160.5);height:calc(var(--u)*16);padding:calc(var(--u)*1.4);font-size:calc(var(--u)*6.2);color:var(--kl-mute);background:#f3f3f5;border-radius:999px;display:flex;position:absolute}.e-tabs u{border-radius:999px;flex:1;place-items:center;display:grid}.e-tabs u.on{background:var(--kl-card);color:var(--kv-ink-soft);border:1px solid var(--kl-line)}.e-lh{left:calc(var(--u)*9.5);top:calc(var(--u)*32);align-items:baseline;gap:calc(var(--u)*4);font-size:calc(var(--u)*13);display:flex;position:absolute}.e-lh b{letter-spacing:-.02em;font-weight:400}.e-lh em{font-size:calc(var(--u)*5.5);color:#9a9aa0}.e-shot{right:calc(var(--u)*9.5);top:calc(var(--u)*38);font-size:calc(var(--u)*5.4);color:var(--kv-mute-2);background:var(--kl-card);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute}.e-search{left:calc(var(--u)*9.5);top:calc(var(--u)*55.6);width:calc(var(--u)*135);height:calc(var(--u)*19);align-items:center;gap:calc(var(--u)*4);padding:0 calc(var(--u)*6);border-radius:calc(var(--u)*5);font-size:calc(var(--u)*6.4);color:var(--kv-mute-2);background:#f3f3f5;display:flex;position:absolute}.e-search i{width:calc(var(--u)*5);height:calc(var(--u)*5);border:1.2px solid var(--kv-mute-2);border-radius:50%}.e-search s{left:calc(var(--u)*141);width:calc(var(--u)*20);height:calc(var(--u)*19);border-radius:calc(var(--u)*5);background:#f3f3f5;position:absolute;top:0}.e-lay{left:0;right:0;top:calc(var(--u)*79);background:var(--kl-card);position:absolute;bottom:0}.e-crumb{height:calc(var(--u)*22.5);padding:0 calc(var(--u)*10) 0 calc(var(--u)*9.5);border-bottom:1px solid color-mix(in srgb,var(--kv-ink-soft) 7%,transparent);font-size:calc(var(--u)*6.8);justify-content:space-between;align-items:center;font-weight:500;display:flex}.e-crumb em{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc(var(--u)*5);color:var(--kv-mute-2);font-weight:400}.e-grid{grid-template-columns:repeat(2,calc(var(--u)*77));column-gap:calc(var(--u)*6.5);row-gap:calc(var(--u)*6);padding:calc(var(--u)*11) calc(var(--u)*9.5);display:grid}.e-card{gap:calc(var(--u)*2.4);padding:calc(var(--u)*4);border-radius:calc(var(--u)*7);background:var(--kl-card);border:1px solid #0000;flex-direction:column;min-width:0;display:flex}.e-card.on{border-color:var(--kv-ink-soft)}.e-card b{font-size:calc(var(--u)*6.6);margin-top:calc(var(--u)*1.5);font-weight:600;line-height:1.1}.e-card small{font-size:calc(var(--u)*5.2);color:var(--kv-mute-2);line-height:1.1}.e-mosaic{gap:calc(var(--u)*1.4);height:calc(var(--u)*82);padding:calc(var(--u)*1.4);border-radius:calc(var(--u)*5);background:#0d0d10;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.e-mosaic i{border-radius:calc(var(--u)*2.2)}.e-pic{height:calc(var(--u)*82);border-radius:calc(var(--u)*5);background:#0d0d10;display:block;position:relative;overflow:hidden}.e-pic i{inset:calc(var(--u)*1.5);border-radius:calc(var(--u)*3.4);position:absolute}.e-pic s{left:calc(var(--u)*5);bottom:calc(var(--u)*5);padding:calc(var(--u)*1.8) calc(var(--u)*4);color:var(--kv-ink-soft);font-size:calc(var(--u)*4.8);background:#ffffffeb;border-radius:999px;font-weight:600;position:absolute}.e-card--p b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500;font-size:calc(var(--u)*5.8)}.e-canvas{left:calc(var(--u)*179.4);top:calc(var(--u)*30.4);width:calc(var(--u)*482.2);height:calc(var(--u)*418.4);background:#e9e9ed;position:absolute}.e-stage{left:calc(var(--u)*276.15);top:calc(var(--u)*45.81);width:calc(var(--u)*291.59);height:calc(var(--u)*388.79);transform:scale(var(--stk,1));transform-origin:50% 0;background:#000;position:absolute;overflow:hidden}.e-deck{--sh:calc(var(--u)*388.79);perspective:1000px;position:absolute;inset:0}.e-dc{width:calc(var(--u)*100.11);height:calc(var(--u)*141.7);transform-origin:0 0;backface-visibility:visible;position:absolute;top:50%;left:50%}.e-bot{left:calc(var(--u)*179.4);width:calc(var(--u)*482.2);top:calc(var(--u)*448.5);background:var(--kl-card);border-top:1px solid color-mix(in srgb,var(--kv-ink-soft) 6%,transparent);position:absolute;bottom:0}.e-bot--4{top:calc(var(--u)*424)}.e-transport{left:0;right:0;top:calc(var(--u)*4.5);height:calc(var(--u)*26);position:absolute}.e-transport>*{position:absolute;top:50%;transform:translateY(-50%)}.e-t{width:calc(var(--u)*5);height:calc(var(--u)*5);border-radius:calc(var(--u)*1.2);border:1.3px solid #6d6d72}.e-t--a{left:calc(var(--u)*165)}.e-t--b{left:calc(var(--u)*185);border-radius:50%}.e-t--c{left:calc(var(--u)*229);border-radius:50%}.e-play{left:calc(var(--u)*198.6);width:calc(var(--u)*23);height:calc(var(--u)*23);background:var(--kv-ink-soft);border-radius:50%;place-items:center;display:grid}.e-play svg{width:calc(var(--u)*9);height:calc(var(--u)*9)}.e-time{left:calc(var(--u)*248);font-size:calc(var(--u)*8.4);color:#9a9aa0;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.e-time b{color:var(--kv-ink-soft);font-weight:700}.e-tools{right:calc(var(--u)*16);align-items:center;gap:calc(var(--u)*9);font-size:calc(var(--u)*6.6);color:#4a4a50;white-space:nowrap;display:flex}.e-tools i{width:calc(var(--u)*6);height:calc(var(--u)*6);border-radius:calc(var(--u)*1.4);border:1.3px solid #6d6d72}.e-mute{left:calc(var(--u)*10);width:calc(var(--u)*7);height:calc(var(--u)*7);border-radius:calc(var(--u)*1.6);background:#8a8a90}.e-ruler{left:calc(var(--u)*10.6);top:calc(var(--u)*34);width:calc(var(--u)*462);font-size:calc(var(--u)*5.4);color:var(--kv-mute-2);justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:absolute}.e-strip{left:calc(var(--u)*10.6);top:calc(var(--u)*49.5);width:calc(var(--u)*462);height:calc(var(--u)*35);gap:calc(var(--u)*1.6);background:var(--kl-dark);border-radius:calc(var(--u)*5);padding:calc(var(--u)*1.6);display:flex;position:absolute}.e-clip{flex:var(--w) 1 0;border-radius:calc(var(--u)*3.6);min-width:0;display:flex;position:relative;overflow:hidden}.e-fr{min-width:0;height:100%;padding:calc(var(--u)*3.4) calc(var(--u)*1.3);filter:saturate(.9)brightness(.9);background-origin:content-box;background-clip:content-box;border-right:1px solid #1a1a1e;flex:1 1 0}.e-clip em{left:calc(var(--u)*4);top:calc(var(--u)*7.5);height:calc(var(--u)*11);padding:0 calc(var(--u)*5);background:var(--kl-card);color:var(--kv-ink-soft);font-size:calc(var(--u)*6);border-radius:999px;align-items:center;font-weight:600;display:flex;position:absolute}.e-clip strong{right:calc(var(--u)*4);top:calc(var(--u)*8.5);height:calc(var(--u)*9);padding:0 calc(var(--u)*4);color:var(--kv-ink-soft);font-size:calc(var(--u)*4.8);background:#ffffffeb;border-radius:999px;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500;display:flex;position:absolute}.e-mk{top:calc(var(--u)*-4);width:calc(var(--u)*9);height:calc(var(--u)*9);background:var(--kl-card);border:1.2px dashed var(--kv-ink-soft);font-size:calc(var(--u)*5);color:var(--kv-ink-soft);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute}.e-mk--1{left:12%}.e-mk--2{left:52%}.e-mk--3{left:78%}.e-audio{left:calc(var(--u)*10.6);top:calc(var(--u)*88);width:calc(var(--u)*255);height:calc(var(--u)*17);align-items:center;gap:calc(var(--u)*4);padding:0 calc(var(--u)*5);border-radius:calc(var(--u)*4);border:1px dashed color-mix(in srgb,var(--kv-ink-soft) 30%,transparent);background:#f1f1f4;display:flex;position:absolute}.e-audio em{font-size:calc(var(--u)*5.4);white-space:nowrap;font-weight:600}.e-audio span{flex:1;align-items:center;gap:1px;height:60%;display:flex}.e-audio span i{height:calc(var(--h)*100%);background:#8a8a90;border-radius:1px;flex:1;min-height:1px}.e-audio strong{font-size:calc(var(--u)*4.8);color:var(--kl-mute);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.e-rg{top:calc(var(--u)*2.4);bottom:calc(var(--u)*2.4);border-radius:calc(var(--u)*2.4);background:color-mix(in srgb,var(--kv-ink-soft) 14%,transparent);border:1px solid color-mix(in srgb,var(--kv-ink-soft) 40%,transparent);position:absolute}.e-rg--1{width:9%;left:10%}.e-rg--2{width:7%;left:34%}.e-rg--3{width:11%;left:55%}.e-rg--4{width:8%;left:76%}.e-right{left:calc(var(--u)*661.6);top:calc(var(--u)*30.4);background:var(--kl-card);border-left:1px solid color-mix(in srgb,var(--kv-ink-soft) 7%,transparent);position:absolute;bottom:0;right:0;overflow:hidden}.e-ins{background:var(--kl-card);position:absolute;inset:0;overflow:hidden}.e-ihead{height:calc(var(--u)*42.4);padding:calc(var(--u)*8) calc(var(--u)*10) 0;border-bottom:1px solid color-mix(in srgb,var(--kv-ink-soft) 7%,transparent);position:relative}.e-ihead h4{font-size:calc(var(--u)*12.5);letter-spacing:-.02em;margin:0;font-weight:500;line-height:1.1}.e-ihead p{margin:calc(var(--u)*3) 0 0;font-size:calc(var(--u)*6.4);color:var(--kv-mute-2)}.e-ihead i{top:calc(var(--u)*11);width:calc(var(--u)*7);height:calc(var(--u)*7);border:1.3px solid #b4b4ba;border-radius:50%;position:absolute}.e-ihead i:first-of-type{right:calc(var(--u)*29)}.e-ihead i:nth-of-type(2){right:calc(var(--u)*11);border-radius:calc(var(--u)*1.6)}.e-sect{height:calc(var(--u)*26);padding:0 calc(var(--u)*10);font-size:calc(var(--u)*6.2);letter-spacing:.08em;color:var(--kl-mute);justify-content:space-between;align-items:center;font-weight:600;display:flex}.e-sect em,.e-fold em{width:calc(var(--u)*3.4);height:calc(var(--u)*3.4);border-right:1.2px solid var(--kv-mute-2);border-bottom:1.2px solid var(--kv-mute-2);transform:rotate(45deg)}.e-fold{height:calc(var(--u)*29.5);padding:0 calc(var(--u)*10);border-top:1px solid color-mix(in srgb,var(--kv-ink-soft) 6%,transparent);font-size:calc(var(--u)*6.2);letter-spacing:.08em;color:var(--kl-mute);justify-content:space-between;align-items:center;font-weight:600;display:flex}.e-fold em{transform:rotate(-45deg)}.e-row{height:calc(var(--u)*21.7);padding:0 calc(var(--u)*10);font-size:calc(var(--u)*7.1);color:var(--kl-mute);justify-content:space-between;align-items:center;display:flex}.e-seg2{padding:calc(var(--u)*1.2);font-size:calc(var(--u)*6.3);background:#f3f3f5;border-radius:999px;display:flex}.e-seg2 u{padding:calc(var(--u)*2.3) calc(var(--u)*5.2);color:var(--kv-mute-2);white-space:nowrap;border-radius:999px}.e-seg2 u.on{background:var(--kl-card);color:var(--kv-ink-soft);border:1px solid var(--kl-line)}.e-row--sl{height:calc(var(--u)*21);margin:calc(var(--u)*3.3) calc(var(--u)*10);padding:0 calc(var(--u)*8);border-radius:calc(var(--u)*6);background:var(--kl-sunken);width:calc(100% - var(--u)*20);position:relative;overflow:hidden}.e-row--sl i{width:calc(var(--f)*100%);background:var(--kl-sunken);position:absolute;top:0;bottom:0;left:0}.e-row--sl span,.e-row--sl b{position:relative}.e-row--sl b{color:var(--kv-ink-soft);font-weight:600;font-size:calc(var(--u)*6.5)}.e-row s{width:calc(var(--u)*17);height:calc(var(--u)*10);background:#e4e4e8;border-radius:999px;position:relative}.e-row s:after{content:"";left:calc(var(--u)*1.3);top:calc(var(--u)*1.3);width:calc(var(--u)*7.4);height:calc(var(--u)*7.4);background:var(--kl-paper);border:1px solid var(--kl-line-2);border-radius:50%;position:absolute}.e-row s.on{background:var(--kv-ink-soft)}.e-row s.on:after{left:calc(var(--u)*8.3)}.e-cands{padding:0 calc(var(--u)*10)}.e-cand{grid-template-columns:calc(var(--u)*46) 1fr calc(var(--u)*9);column-gap:calc(var(--u)*7);height:calc(var(--u)*46);border-bottom:1px solid color-mix(in srgb,var(--kv-ink-soft) 6%,transparent);align-items:center;display:grid}.e-cand i{height:calc(var(--u)*34);border-radius:calc(var(--u)*4)}.e-cand b{font-size:calc(var(--u)*6.6);grid-area:1/2;align-self:end;font-weight:600}.e-cand small{font-size:calc(var(--u)*5.6);color:var(--kv-mute-2);grid-area:2/2;align-self:start;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.e-cand s{width:calc(var(--u)*9);height:calc(var(--u)*9);border-radius:calc(var(--u)*2.4);border:1.3px solid #9a9aa0;grid-area:1/3/span 2}.e-acts{gap:calc(var(--u)*6);padding:calc(var(--u)*6) calc(var(--u)*10);display:flex}.e-acts u{height:calc(var(--u)*17);border:1px solid color-mix(in srgb,var(--kv-ink-soft) 14%,transparent);font-size:calc(var(--u)*5.8);border-radius:999px;flex:1;place-items:center;font-weight:600;display:grid}.e-acts u:first-child{background:var(--kv-ink-soft);color:var(--kl-on-dark);border-color:var(--kv-ink-soft)}.e-acts--one u{background:var(--kl-card);color:var(--kv-ink-soft);border-color:color-mix(in srgb,var(--kv-ink-soft) 14%,transparent)}.e-wave{height:calc(var(--u)*52);margin:calc(var(--u)*3) calc(var(--u)*10);padding:0 calc(var(--u)*4);border-radius:calc(var(--u)*6);background:#f6f6f8;align-items:center;gap:1px;display:flex;position:relative}.e-wave i{height:calc(var(--h)*70%);background:#9a9aa0;border-radius:1px;flex:1}.e-wave u{top:calc(var(--u)*6);bottom:calc(var(--u)*6);border-radius:calc(var(--u)*3);background:color-mix(in srgb,var(--kv-ink-soft) 12%,transparent);border:1px solid color-mix(in srgb,var(--kv-ink-soft) 45%,transparent);position:absolute}.e-wave .r1{width:11%;left:10%}.e-wave .r2{width:9%;left:34%}.e-wave .r3{width:13%;left:55%}.e-wave .r4{width:10%;left:78%}.e-rg-row{align-items:center;gap:calc(var(--u)*7);height:calc(var(--u)*19);padding:0 calc(var(--u)*10);font-size:calc(var(--u)*6);display:flex}.e-rg-row b{width:calc(var(--u)*10);height:calc(var(--u)*10);border:1.2px dashed var(--kv-ink-soft);font-size:calc(var(--u)*5);border-radius:50%;place-items:center;font-weight:700;display:grid}.e-rg-row span{color:#4a4a50;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc(var(--u)*5.8);flex:1}.e-rg-row s{width:calc(var(--u)*9);height:calc(var(--u)*9);border-radius:calc(var(--u)*2.4);border:1.3px solid #9a9aa0}.e-sound{height:calc(var(--u)*19);margin:0 calc(var(--u)*10);padding:0 calc(var(--u)*7);border-radius:calc(var(--u)*5);font-size:calc(var(--u)*6);background:#f6f6f8;justify-content:space-between;align-items:center;font-weight:600;display:flex}.e-sound small{font-size:calc(var(--u)*5.4);color:var(--kv-mute-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:400}@media (min-width:1025px) and (prefers-reduced-motion:no-preference){:lang(en) .kv-mcp-text--1,:lang(en) .kv-mcp-text--2{width:calc(var(--r)*21)}}:lang(en) .kv-mcp-ed .e-btn:not(.e-btn--dark){font-size:calc(var(--u)*5.6)}
.kv-devices{--dv-rem:max(12px,1.11111vw);--dv-margin:calc(var(--dv-rem)*4);--dv-ink:var(--kv-ink-soft);width:100%;height:549.4svh;color:var(--dv-ink);pointer-events:none;background:0 0;position:relative}.kv-devices-stage{background:var(--kv-paper,var(--kl-paper));height:100svh;position:sticky;top:0;overflow:hidden}.kv-devices-gl{z-index:0;position:absolute;inset:0}.kv-devices-gl canvas{width:100%;height:100%;display:block}.kv-devices-phone{height:min(calc(var(--dv-rem)*38.5),80svh);aspect-ratio:303/616;visibility:hidden;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kv-devices-words{z-index:2;pointer-events:none;position:absolute;inset:0}.kv-devices-title{top:calc(var(--dv-rem)*2);left:var(--dv-margin);font-family:var(--kv-font);font-weight:500;font-size:calc(var(--dv-rem)*6.25);letter-spacing:normal;color:var(--dv-ink);margin:0;line-height:.9;position:absolute}.kv-devices-line{white-space:nowrap;display:block}.kv-devices-u{transform-origin:50% 0;opacity:0;will-change:transform,opacity;display:inline-block;position:relative}.kv-devices-copy{right:calc(var(--dv-margin) + var(--dv-rem)*3.625);bottom:calc(var(--dv-rem)*2);width:calc(var(--dv-rem)*15.875);gap:calc(var(--dv-rem)*.875);flex-direction:column;display:flex;position:absolute}.kv-devices-text{font-family:var(--kv-font);font-weight:600;font-size:var(--dv-rem);color:var(--dv-ink);margin:0;line-height:1.1}.kv-devices-mask{white-space:nowrap;display:block;overflow:hidden}.kv-devices-row{opacity:0;will-change:transform,opacity;display:block;transform:translateY(120%)}.kv-devices-label{left:50%;bottom:calc(var(--dv-rem)*1.2);z-index:2;letter-spacing:.04em;color:var(--kv-mute);white-space:nowrap;pointer-events:none;margin:0;font-size:12px;position:absolute;transform:translate(-50%)}.kv-devices-mark{visibility:hidden;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.kv-devices-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1025px) and (prefers-reduced-motion:no-preference){.kv-devices{margin-top:-133.6svh;margin-bottom:-40svh}.kv-devices-stage{opacity:0}}[data-scene]:has(>.kv-devices){pointer-events:none}html[data-dv-nav] .kc-nav-bar{transition:transform .45s cubic-bezier(.16,1,.3,1),background .3s,border-color .3s}html[data-dv-nav=hidden] .kc-nav-bar{transform:translateY(calc(-100% - 28px))}html[data-dv-nav=hidden] .kc-nav-sheet{display:none}@media (max-width:1024px){.kv-devices{--dv-rem:16px;--dv-margin:calc(var(--dv-rem)*2)}.kv-devices-title{top:calc(var(--dv-rem)*3);font-size:calc(var(--dv-rem)*5)}.kv-devices-copy{right:var(--dv-margin);bottom:calc(var(--dv-rem)*3)}.kv-devices-phone{height:min(calc(var(--dv-rem)*38.75),56svh)}}@media (max-width:640px){.kv-devices{--dv-margin:var(--dv-rem)}.kv-devices-title{top:calc(var(--dv-rem)*2);font-size:calc(var(--dv-rem)*3.5)}.kv-devices-copy{left:var(--dv-margin);right:var(--dv-margin);width:auto;bottom:calc(var(--dv-rem)*1.5)}.kv-devices-phone{height:min(calc(var(--dv-rem)*22.5),52svh);top:51.5%}.kv-devices-label{bottom:auto;top:calc(51.5% + min(calc(var(--dv-rem)*11.25),26svh) + 8px)}}@media (prefers-reduced-motion:reduce){html[data-dv-nav] .kc-nav-bar{transition:background .3s,border-color .3s}.kv-devices{height:100svh}.kv-devices-u,.kv-devices-row{opacity:1;will-change:auto;transform:none}}:lang(en) .kv-devices-title{font-size:calc(var(--dv-rem)*5);letter-spacing:-.01em;line-height:.95}:lang(en) .kv-devices-copy{width:calc(var(--dv-rem)*20)}@media (max-width:1024px){:lang(en) .kv-devices-title{font-size:calc(var(--dv-rem)*3.6)}}@media (max-width:640px){:lang(en) .kv-devices-title{font-size:calc(var(--dv-rem)*2.9)}:lang(en) .kv-devices-copy{width:auto}:lang(en) .kv-devices-label{max-width:calc(100% - 32px)}}
.kv-export{min-height:110svh;padding:clamp(72px,12svh,140px) var(--kv-gutter);background:0 0;align-items:center;display:flex;position:relative}.kv-export-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(32px,5vw,96px);width:100%;display:grid}.kv-export-left{flex-direction:column;gap:clamp(28px,5svh,56px);display:flex}.kv-export-chips{flex-direction:column;gap:10px;display:flex}.kv-export-row{flex-wrap:wrap;gap:8px;display:flex}.kv-export-row .kv-pill{cursor:pointer;height:44px}.kv-export-info{cursor:default;color:var(--kv-ink-2);background:0 0}.kv-export-paras{grid-template-columns:1fr 1fr;gap:20px;max-width:460px;display:grid}.kv-export-outer{background:var(--kl-card);border-radius:32px;padding:clamp(10px,1.4vw,18px);position:relative}.kv-export-frame{aspect-ratio:16/10;background:radial-gradient(120% 90% at 50% 40%,#1b1b20,#050506);border-radius:22px;position:relative;overflow:hidden}.kv-export-scene{perspective:900px;perspective-origin:50% 38%;place-items:center;display:grid;position:absolute;inset:0}.kv-export-ring{--r:clamp(120px,19vw,260px);aspect-ratio:3/4;width:clamp(56px,7.5vw,104px);transform-style:preserve-3d;animation:28s linear infinite kv-export-spin;position:relative;transform:rotateX(-10deg)}.kv-export-card{background:url(/ugc-landing/demo/sort-contact-sheet.webp) calc(var(--col)*20%) calc(var(--row)*20%)/600% 600% no-repeat;transform:rotateY(calc(var(--i)*360deg/14)) translateZ(var(--r));backface-visibility:visible;box-shadow:none;border-radius:10px;position:absolute;inset:0}.kv-export-cap{letter-spacing:.04em;color:#ffffffb3;background:#0006;border-radius:999px;padding:2px 9px;font-size:12px;position:absolute;bottom:calc(clamp(10px,1.4vw,18px) + 12px);right:calc(clamp(10px,1.4vw,18px) + 14px)}@keyframes kv-export-spin{to{transform:rotateX(-10deg)rotateY(360deg)}}@media (max-width:860px){.kv-export{min-height:0}.kv-export-grid{grid-template-columns:1fr}.kv-export-ring{--r:clamp(100px,34vw,200px);width:clamp(52px,16vw,90px)}}@media (max-width:480px){.kv-export-paras{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.kv-export-ring{animation:none;transform:rotateX(-10deg)rotateY(-20deg)}}:lang(en) .kv-export-grid .kv-h2{font-size:clamp(36px,5vw,76px)}:lang(en) .kv-export-row .kv-pill{text-align:left;height:auto;min-height:44px;padding-top:6px;padding-bottom:6px}:lang(en) .kv-export-paras{max-width:560px}@media (max-width:860px){:lang(en) .kv-export-grid .kv-h2{font-size:clamp(34px,9.5vw,56px)}}
.kv-more{background:var(--kv-paper);padding:clamp(72px,9vw,140px) var(--kv-gutter);position:relative}.kv-more-in{max-width:var(--kl-max);flex-direction:column;gap:clamp(28px,3.4vw,48px);margin:0 auto;display:flex}.kv-more-eyebrow{font:500 12px/1 var(--kl-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--kv-mute);align-items:center;gap:8px;margin:0 0 14px;display:flex}.kv-more-title{letter-spacing:-.04em;margin:0;font-size:clamp(34px,4.4vw,68px);font-weight:500;line-height:1.02}.kv-more-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.kv-more-list>li{display:flex}.kv-more-card{border-radius:var(--kl-r-card);background:var(--kl-card);width:100%;min-height:clamp(240px,24vw,320px);color:var(--kv-ink);transition:background-color var(--kl-dur-2) var(--kl-ease);flex-direction:column;padding:clamp(22px,2.4vw,32px);display:flex}.kv-more-card:hover{background:var(--kl-sunken)}.kv-more-card:focus-visible{outline:2px solid var(--kl-accent);outline-offset:3px}.kv-more-top{justify-content:space-between;align-items:center;display:flex}.kv-more-no{font:500 12px/1 var(--kl-font-mono);letter-spacing:.04em;color:var(--kv-mute)}.kv-more-dot{border-radius:50%;width:10px;height:10px}.kv-more-name{letter-spacing:-.035em;margin-top:clamp(40px,6vw,72px);font-size:clamp(26px,2.6vw,40px);font-weight:500;line-height:1.05}.kv-more-body{max-width:34ch;color:var(--kv-mute);text-wrap:pretty;margin-top:12px;font-size:clamp(14px,1.1vw,16px);line-height:1.5}.kv-more-cta{align-items:center;gap:6px;min-height:44px;margin-top:auto;padding-top:22px;font-size:14px;font-weight:500;display:inline-flex}.kv-more-cta svg{transition:transform var(--kl-dur-2) var(--kl-ease)}.kv-more-card:hover .kv-more-cta svg{transform:translate(2px,-2px)}@media (max-width:720px){.kv-more-list{grid-template-columns:minmax(0,1fr)}.kv-more-card{min-height:220px}}
.kv-lc{background:var(--kv-paper);padding:clamp(64px,8vw,128px) 0;position:relative}.kv-lc-in{max-width:var(--kl-max);padding:0 var(--kv-gutter);margin:0 auto}.kv-lc-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(24px,3vw,40px);display:flex}.kv-lc-eyebrow{font:500 12px/1 var(--kl-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--kv-mute);align-items:center;gap:8px;margin:0 0 14px;display:flex}.kv-lc-eyebrow i{background:var(--kv-accent);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite kv-lc-live}@keyframes kv-lc-live{50%{opacity:.35}}.kv-lc-title{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(32px,4.4vw,68px);font-weight:500;line-height:1.02}.kv-lc-lead{max-width:46ch;color:var(--kv-mute);text-wrap:pretty;margin:14px 0 0;font-size:clamp(14px,1.1vw,16px);line-height:1.5}.kv-lc-actions{flex:none;align-items:center;gap:8px;display:flex}.kv-lc-arrow{background:var(--kl-card);width:44px;height:44px;color:var(--kv-ink);cursor:pointer;transition:background var(--kl-dur-1) var(--kl-ease);border:0;border-radius:50%;place-items:center;display:grid}.kv-lc-arrow:hover{background:var(--kl-sunken)}.kv-lc-cta{background:var(--kv-ink);white-space:nowrap;height:44px;transition:opacity var(--kl-dur-1) var(--kl-ease);border-radius:999px;align-items:center;margin-left:4px;padding:0 20px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;color:#fff!important}.kv-lc-cta:hover{opacity:.86}.kv-lc-row{padding:4px max(var(--kv-gutter),calc((100vw - var(--kl-max)) / 2 + var(--kv-gutter))) 8px;scroll-padding-inline:max(var(--kv-gutter),calc((100vw - var(--kl-max)) / 2 + var(--kv-gutter)));overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-auto-columns:clamp(240px,21vw,300px);grid-auto-flow:column;gap:12px;margin:0;list-style:none;display:grid;overflow-x:auto}.kv-lc-row::-webkit-scrollbar{display:none}.kv-lc-row>li{scroll-snap-align:start;display:flex}.kv-lc-card{border-radius:var(--kl-r-card);background:var(--kl-card);width:100%;color:var(--kv-ink);transition:background var(--kl-dur-2) var(--kl-ease);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.kv-lc-card:hover{background:var(--kl-sunken)}.kv-lc-card:focus-visible,.kv-lc-arrow:focus-visible,.kv-lc-cta:focus-visible{outline:2px solid var(--kv-accent);outline-offset:3px}.kv-lc-cover{aspect-ratio:4/3;background:color-mix(in srgb,var(--kv-accent) 16%,#fff);display:block;position:relative;overflow:hidden}.kv-lc-cover img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--kl-ease);display:block}.kv-lc-card:hover .kv-lc-cover img{transform:scale(1.04)}.kv-lc-ph{letter-spacing:-.04em;color:color-mix(in srgb,var(--kv-accent) 70%,#0b0b0d);background:radial-gradient(120% 90% at 20% 10%,color-mix(in srgb,var(--kv-accent) 30%,#fff),color-mix(in srgb,var(--kv-accent) 12%,#fff) 70%);place-items:center;font-size:clamp(36px,3.4vw,48px);font-weight:600;display:grid;position:absolute;inset:0}.kv-lc-plat{color:var(--kv-ink);background:#ffffffe6;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:500;line-height:1;position:absolute;bottom:12px;left:12px}.kv-lc-body{flex-direction:column;flex:1;gap:6px;padding:16px 16px 18px;display:flex}.kv-lc-brand{color:var(--kv-mute);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.kv-lc-name{letter-spacing:-.015em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:17px;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.kv-lc-pay{flex-direction:column;margin-top:auto;padding-top:14px;display:flex}.kv-lc-pay small{color:var(--kv-mute);font-size:12px}.kv-lc-pay b{letter-spacing:-.03em;font-size:26px;font-weight:600;line-height:1.15}@media (max-width:720px){.kv-lc-head{flex-direction:column;align-items:flex-start}.kv-lc-arrow{display:none}.kv-lc-cta{margin-left:0}.kv-lc-row{grid-auto-columns:min(74vw,300px)}}@media (prefers-reduced-motion:reduce){.kv-lc-eyebrow i{animation:none}.kv-lc-cover img{transition:none}}
.kv-faq{background:var(--kv-paper);padding:clamp(72px,9vw,140px) var(--kv-gutter);position:relative}.kv-faq-in{max-width:var(--kl-max);grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:clamp(28px,5vw,96px);margin:0 auto;display:grid}.kv-faq-head{position:sticky;top:96px}.kv-faq-eyebrow{font:500 12px/1 var(--kl-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--kv-mute);margin:0 0 14px}.kv-faq-title{letter-spacing:-.04em;margin:0;font-size:clamp(34px,4.4vw,68px);font-weight:500;line-height:1.02}.kv-faq-list{flex-direction:column;gap:8px;display:flex}.kv-faq-item{border-radius:var(--kl-r-card);background:var(--kl-card);transition:background-color var(--kl-dur-2) var(--kl-ease)}.kv-faq-item:hover{background:var(--kl-sunken)}.kv-faq-item h3{font:inherit;margin:0}.kv-faq-item button{border-radius:inherit;text-align:left;letter-spacing:-.02em;width:100%;color:var(--kv-ink);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;padding:clamp(18px,1.8vw,24px) clamp(20px,2.2vw,30px);font-size:clamp(16px,1.35vw,20px);font-weight:500;line-height:1.3;display:flex}.kv-faq-item button:focus-visible{outline:2px solid var(--kl-accent);outline-offset:2px}.kv-faq-item button i{background:var(--kl-paper);border-radius:50%;flex:none;width:28px;height:28px;position:relative}.kv-faq-item button i:before,.kv-faq-item button i:after{content:"";background:var(--kv-ink);width:11px;height:1.6px;transition:transform var(--kl-dur-2) var(--kl-ease);border-radius:2px;margin:-.8px 0 0 -5.5px;position:absolute;top:50%;left:50%}.kv-faq-item button i:after{transform:rotate(90deg)}.kv-faq-item.is-open button i:after{transform:rotate(0)}.kv-faq-a{transition:grid-template-rows .5s var(--kl-ease);grid-template-rows:0fr;display:grid}.kv-faq-a>div{min-height:0;overflow:hidden}.kv-faq-item.is-open .kv-faq-a{grid-template-rows:1fr}.kv-faq-a p{max-width:46em;color:var(--kv-ink-2);margin:0;padding:0 clamp(20px,2.2vw,30px) clamp(20px,2vw,28px);font-size:clamp(14px,1.1vw,16px);line-height:1.6}@media (max-width:900px){.kv-faq-in{grid-template-columns:minmax(0,1fr)}.kv-faq-head{position:static}}@media (prefers-reduced-motion:reduce){.kv-faq-a{transition:none}}
.kv-start{--px:0;--py:0;min-height:100svh;padding:96px var(--kv-gutter);isolation:isolate;place-items:center;display:grid;position:relative;overflow:hidden}.kv-start-copy{z-index:2;text-align:center;flex-direction:column;align-items:center;max-width:1200px;display:flex;position:relative}.kv-start-h{letter-spacing:-.04em;margin:0;font-size:clamp(40px,8vw,128px);font-weight:500;line-height:1.06}.kv-start-line{display:block}.kv-start-words{vertical-align:bottom;margin-left:.08em;display:inline-grid}.kv-start-word{opacity:0;filter:blur(12px);transition:opacity .7s var(--kv-ease),transform .7s var(--kv-ease),filter .7s var(--kv-ease);pointer-events:none;white-space:nowrap;grid-area:1/1;transform:translateY(.35em)}.kv-start-word.is-on{opacity:1;filter:none;transition-delay:.12s;transform:none}.kv-start .kv-start-note{margin-top:clamp(24px,3vw,40px)}.kv-start-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.kv-start-actions .kv-btn{min-height:46px}.kv-start-cards{z-index:1;pointer-events:none;position:absolute;inset:0}.kv-start-card{width:var(--w);aspect-ratio:3/4;transform:translate3d(calc(var(--px)*var(--depth)*-1px),calc(var(--py)*var(--depth)*-1px),0);transition:transform .6s var(--kv-ease);will-change:transform;position:absolute}.kv-start-card-in{animation:kv-start-float var(--dur,10s) ease-in-out var(--delay,0s) infinite;transform:rotate(var(--t,0deg));position:absolute;inset:0}.kv-start-img,.kv-start-smear{background-image:url(/ugc-landing/demo/sort-contact-sheet.webp);background-repeat:no-repeat;background-size:600% 600%;border-radius:14px;display:block;position:absolute;inset:0}.kv-start-smear{opacity:.45;mix-blend-mode:multiply}.kv-start-smear.is-a{filter:blur(10px)hue-rotate(-50deg)saturate(2.2);transform:translate(-14px,-6px)}.kv-start-smear.is-b{filter:blur(12px)hue-rotate(110deg)saturate(2.2);transform:translate(16px,8px)}@keyframes kv-start-float{0%,to{transform:translate3d(0,0,0) rotate(var(--t,0deg))}50%{transform:translate3d(0,-18px,0) rotate(calc(var(--t,0deg) + 2.5deg))}}@media (max-width:760px){.kv-start{padding-top:120px;padding-bottom:96px}.kv-start-card{width:calc(var(--w)*.62)}.kv-start-card.is-hide-sm{display:none}.kv-start-actions .kv-btn{flex:180px;justify-content:center}}@media (prefers-reduced-motion:reduce){.kv-start-card,.kv-start-word{transition:none}.kv-start-card-in{animation:none}.kv-start-word:not(.is-on){display:none}}:lang(en) .kv-start-h{font-size:clamp(36px,6.6vw,104px)}:lang(en) .kv-start-words{margin-left:.26em}:lang(en) .kv-start-note{max-width:520px}@media (max-width:760px){:lang(en) .kv-start-h{font-size:clamp(26px,8.2vw,52px)}}:lang(en) .kv-start-words{justify-items:start}
.ug-ct{--px:0;--py:0;background:var(--kv-paper);padding:clamp(72px,9vw,140px) var(--kv-gutter);position:relative}.ug-ct-in{max-width:var(--kl-max);background:var(--kl-accent-soft);isolation:isolate;border-radius:clamp(24px,3vw,40px);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,88px);margin:0 auto;padding:clamp(28px,5vw,72px);display:grid;position:relative;overflow:hidden}.ug-ct-eyebrow{font:500 12px/1 var(--kl-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--kv-mute);margin:0 0 14px}.ug-ct-title{letter-spacing:-.04em;margin:0;font-size:clamp(36px,5vw,76px);font-weight:500;line-height:1.04}.ug-ct-line{display:block}:lang(zh) .ug-ct-title{letter-spacing:-.02em}.ug-ct-lead{max-width:30em;color:var(--kv-ink-2);margin:20px 0 0;font-size:clamp(14px,1.2vw,17px);line-height:1.55}.ug-ct-direct{flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px;display:flex}.ug-ct-direct-l{width:100%;color:var(--kv-mute);font-size:12px}.ug-ct-pill{background:var(--kl-btn-bg);border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:0 18px;font-size:13px;transition:background .2s;display:inline-flex;color:var(--kl-btn-ink)!important}.ug-ct-pill:hover{background:var(--kl-btn-hover)}.ug-ct-pill b{color:var(--kl-on-dark-2);font-weight:500}.ug-ct-pill:focus-visible,.ug-ct-toggle button:focus-visible,.ug-ct-ghost:focus-visible{outline:2px solid var(--kl-accent);outline-offset:2px}.ug-ct-stage{min-width:0;padding:clamp(8px,2vw,28px) clamp(0px,3vw,48px) clamp(8px,2vw,28px) 0;position:relative}.ug-ct-photo{pointer-events:none;z-index:0;width:min(42%,380px);transform:translate3d(calc(var(--px,0)*-8px),calc(var(--py,0)*-8px),0);transition:transform .6s var(--kv-ease);border-radius:clamp(22px,3vw,40px);position:absolute;inset:-24px -8px -24px 0;overflow:hidden}.ug-ct-photo img{object-fit:cover;object-position:50% 22%;width:100%;height:100%;display:block}@keyframes ug-ct-float{0%,to{transform:translate3d(0,0,0) rotate(var(--t))}50%{transform:translate3d(0,-12px,0) rotate(calc(var(--t) + 2deg))}}.ug-ct-card{z-index:1;border-radius:var(--kl-r-card);background:var(--kl-glass-bg);-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5);margin-left:clamp(0px,31%,260px);padding:clamp(20px,2.4vw,32px);position:relative}.ug-ct-form{flex-direction:column;gap:14px;display:flex}.ug-ct-toggle{flex-wrap:wrap;gap:6px;display:flex}.ug-ct-toggle button{background:var(--kl-paper);letter-spacing:-.01em;min-height:44px;color:var(--kv-ink);border:0;border-radius:999px;padding:0 16px;font-size:13px;font-weight:500;transition:background .2s,color .2s}.ug-ct-toggle button:hover{background:var(--kl-sunken)}.ug-ct-toggle button.is-on{background:var(--kl-btn-bg);color:var(--kl-btn-ink)}.ug-ct-hint{min-height:1.4em;color:var(--kv-mute);margin:-4px 0 2px;font-size:12px}.ug-ct-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ug-ct .cf-field{flex-direction:column;gap:6px;min-width:0;display:flex}.ug-ct .cf-label{color:var(--kv-ink-2);font-size:12px;font-weight:500}.ug-ct .cf-input,.ug-ct .cf-textarea{border-radius:var(--kl-r-md);background:var(--kl-paper);width:100%;min-height:44px;color:var(--kv-ink);font:inherit;outline-offset:-2px;border:0;outline:2px solid #0000;padding:11px 14px;font-size:16px;line-height:1.4;transition:background .2s,outline-color .2s}.ug-ct .cf-textarea{resize:vertical;min-height:100px}.ug-ct .cf-input::placeholder,.ug-ct .cf-textarea::placeholder{color:var(--kv-mute-2)}.ug-ct .cf-input:focus-visible,.ug-ct .cf-textarea:focus-visible{outline-color:var(--kl-accent)}.ug-ct .cf-field[data-invalid=true] .cf-input,.ug-ct .cf-field[data-invalid=true] .cf-textarea{outline-color:var(--kl-danger)}.ug-ct .cf-error{color:var(--kl-danger);margin:0;font-size:12px}.ug-ct .cf-submit{background:var(--kl-btn-bg);min-height:46px;color:var(--kl-btn-ink);font-size:var(--kl-btn-fs);border:0;border-radius:999px;align-self:flex-start;padding:0 24px;font-weight:500;transition:background .2s,opacity .2s}.ug-ct .cf-submit:hover{background:var(--kl-btn-hover)}.ug-ct .cf-submit:focus-visible{outline:2px solid var(--kl-accent);outline-offset:2px}.ug-ct .cf-submit:disabled{opacity:.6;cursor:progress}.ug-ct .cf-status{color:var(--kl-danger);margin:0;font-size:13px}.ug-ct .cf-status:empty{display:none}.ug-ct .cf-consent{color:var(--kv-mute);margin:0;font-size:12px}.ug-ct .cf-consent a{text-underline-offset:2px;text-decoration:underline}.ug-ct-done{flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(12px,3vw,40px) 0;display:flex}.ug-ct-done h3{letter-spacing:-.03em;margin:0;font-size:clamp(24px,2.6vw,36px);font-weight:500;line-height:1.1}.ug-ct-done p{max-width:26em;color:var(--kv-ink-2);margin:0;font-size:15px;line-height:1.55}.ug-ct-ghost{background:var(--kl-paper);border:0;border-radius:999px;min-height:44px;margin-top:8px;padding:0 20px;font-size:13px;font-weight:500}.ug-ct-ghost:hover{background:var(--kl-sunken)}.ug-ct-check{fill:none;width:64px;height:64px;stroke:var(--kl-accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.ug-ct-check circle{stroke-dasharray:151;stroke-dashoffset:151px;animation:ug-ct-draw .7s var(--kv-ease) forwards}.ug-ct-check path{stroke-dasharray:40;stroke-dashoffset:40px;animation:ug-ct-draw .45s var(--kv-ease) .5s forwards}@keyframes ug-ct-draw{to{stroke-dashoffset:0}}@media (max-width:980px){.ug-ct-in{grid-template-columns:minmax(0,1fr)}.ug-ct-stage{padding:0}.ug-ct-card{margin-left:0}.ug-ct-photo{opacity:1;width:100%;height:200px;inset:-16px 0 auto}.ug-ct-photo img{object-position:50% 25%}.ug-ct-stage{padding-top:56px}}@media (max-width:560px){.ug-ct-row{grid-template-columns:1fr}.ug-ct-pill{justify-content:space-between;width:100%}.ug-ct .cf-submit{align-self:stretch}}@media (prefers-reduced-motion:reduce){.ug-ct-check circle,.ug-ct-check path{stroke-dashoffset:0;animation:none}}
.ug-reels{gap:10px;display:grid}
.kv{--kv-paper:var(--kl-paper);--kv-ink:var(--kl-ink);--kv-ink-2:var(--kl-ink-2);--kv-mute:var(--kl-mute);--kv-line:var(--kl-line);--kv-card:var(--kl-card);--kv-dark:var(--kl-dark);--kv-accent:var(--kl-accent);--kv-radius:var(--kl-r-card);--kv-ease:var(--kl-ease);--kv-gutter:var(--kl-gutter);--kv-font:var(--kl-font);--kv-ink-soft:color-mix(in srgb,var(--kl-ink) 93%,#fff);--kv-mute-2:color-mix(in srgb,var(--kl-mute) 82%,#fff);font-family:var(--kv-font);color:var(--kv-ink);background:var(--kv-paper);-webkit-font-smoothing:antialiased}.kv *,.kv :before,.kv :after{box-sizing:border-box}.kv a{color:inherit;text-decoration:none}.kv button{font:inherit;color:inherit;cursor:pointer}@media (pointer:coarse){.kv{--kl-btn-h:44px}}.kv-h2{letter-spacing:-.035em;margin:0;font-size:clamp(40px,6vw,92px);font-weight:500;line-height:1.02}.kv-h2 .kv-arrow{margin-right:.18em;font-weight:400;display:inline-block}.kv-h3{letter-spacing:-.03em;margin:0;font-size:clamp(24px,2.6vw,40px);font-weight:500;line-height:1.1}.kv-body{letter-spacing:-.005em;color:var(--kv-ink);margin:0;font-size:clamp(13px,1vw,15px);line-height:1.5}.kv-small{color:var(--kv-mute);margin:0;font-size:12px;line-height:1.45}.kv-pill{background:var(--kl-card);letter-spacing:-.01em;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;height:34px;padding:0 15px;font-size:13px;font-weight:500;transition:background .2s,color .2s,border-color .2s,transform .2s;display:inline-flex}.kv-pill:hover{background:var(--kl-sunken)}.kv-pill.is-on,.kv-pill--dark{background:var(--kl-dark);color:var(--kl-on-dark);border-color:var(--kl-dark)}.kv-btn{height:var(--kl-btn-h);padding:0 var(--kl-btn-px);background:var(--kl-btn-bg);font-size:var(--kl-btn-fs);letter-spacing:-.01em;box-shadow:none;transition:transform .2s var(--kv-ease),background .2s;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;font-weight:500;display:inline-flex;color:var(--kl-btn-ink)!important}.kv-btn:hover{background:var(--kl-btn-hover)}.kv-btn--light{border-color:var(--kl-line-2);background:0 0;color:var(--kv-ink)!important}.kv-btn--light:hover{background:var(--kl-card)}.kv-ruler{pointer-events:none;background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--kl-ink) 20%,transparent) 0 1px,transparent 1px 6px);width:12px;position:absolute;top:12%;bottom:12%;right:10px;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.kv-window{background:var(--kl-card);border-radius:16px;overflow:hidden}.kv [data-reveal]{opacity:0;filter:blur(6px);transition:opacity .9s var(--kv-ease),transform .9s var(--kv-ease),filter .9s var(--kv-ease);transition-delay:calc(var(--d,0)*70ms);transform:translateY(24px)}.kv [data-reveal].is-in{opacity:1;filter:none;transform:none}@media (prefers-reduced-motion:reduce){.kv [data-reveal]{opacity:1;filter:none;transition:none;transform:none}}.kv-page{overflow-x:clip}.kv-page>main>*,.kv-page>footer{z-index:1;position:relative}.kv-page>main{max-width:none;margin:0;padding:0}
.kv-lang{background:color-mix(in srgb,var(--kl-ink) 5%,transparent);height:34px;font-family:var(--kv-font,inherit);border-radius:999px;flex:none;grid-template-columns:1fr 1fr;align-items:center;gap:2px;padding:3px;display:inline-grid;position:relative}.kv-lang-link{z-index:1;letter-spacing:0;border-radius:999px;justify-content:center;align-items:center;min-width:38px;height:28px;padding:0 10px;font-size:13px;font-weight:500;line-height:1;text-decoration:none;transition:color .2s;display:inline-flex;position:relative;color:var(--kl-ink-2)!important}.kv-lang-link[data-on]{color:var(--kl-ink)!important}.kv-lang-link:focus-visible{outline:2px solid var(--kv-accent,var(--kl-accent));outline-offset:1px}.kv-lang-pill{z-index:0;background:var(--kl-paper);border-radius:999px;width:calc(50% - 4px);transition:transform .38s cubic-bezier(.34,1.45,.5,1);position:absolute;top:3px;bottom:3px;left:3px;transform:translate(0)}.kv-lang[data-pos="1"] .kv-lang-pill{transform:translate(calc(100% + 2px))}.kv-lang-dark{background:#ffffff1a}.kv-lang-dark .kv-lang-link{color:#ffffffb3!important}.kv-lang-dark .kv-lang-link[data-on]{color:var(--kl-ink)!important}:lang(en) .kv{-webkit-hyphens:none;hyphens:none;font-feature-settings:"kern","liga","calt","cv11","ss03";font-optical-sizing:auto}:lang(en) .kv :is(h1,h2,h3,h4){text-wrap:balance;-webkit-hyphens:none;hyphens:none;letter-spacing:-.035em;font-feature-settings:"kern","liga","calt","cv11","ss03"}:lang(en) .kv :is(p,li,figcaption){text-wrap:pretty;-webkit-hyphens:none;hyphens:none}:lang(en) .kv :is(button,.kv-btn,.kv-pill){letter-spacing:-.01em}@media (max-width:860px){.kv-lang{height:46px;padding:3px}.kv-lang-link{min-width:52px;height:40px;padding:0 14px;font-size:14px}}.kv-lang-sheet{z-index:300;background:var(--kl-paper);color:var(--kl-ink);font-family:var(--kv-font,inherit);pointer-events:all;clip-path:inset(0 0 0 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;animation:.52s cubic-bezier(.7,0,.2,1) forwards kv-sheet-in;display:flex;position:fixed;inset:0}.kv-lang-sheet-mark{animation:.52s cubic-bezier(.34,1.45,.5,1) .12s backwards kv-sheet-mark;display:block}.kv-lang-sheet-word{letter-spacing:.02em;font-size:15px;font-weight:600;animation:.45s cubic-bezier(.2,.8,.2,1) .18s backwards kv-sheet-word;overflow:hidden}@keyframes kv-sheet-in{to{clip-path:inset(0)}}@keyframes kv-sheet-mark{0%{opacity:0;transform:scale(.2)rotate(-90deg)}}@keyframes kv-sheet-word{0%{opacity:0;transform:translateY(100%)}}html[data-kv-lang-in]:after{content:"";z-index:300;background:var(--kl-paper);pointer-events:none;animation:.6s cubic-bezier(.7,0,.2,1) 50ms forwards kv-sheet-out;position:fixed;inset:0}@keyframes kv-sheet-out{0%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0);visibility:hidden}}@media (prefers-reduced-motion:reduce){.kv-lang-pill{transition:none}.kv-lang-sheet,html[data-kv-lang-in]:after{display:none}}