.kfd-window{width:100%;max-width:520px;background:linear-gradient(#0d0f13,#0d0f13) padding-box,linear-gradient(155deg,rgba(255,255,255,.16),rgba(255,255,255,.04) 35%,rgba(45,212,168,.22)) border-box;border:1px solid transparent;border-radius:16px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 80px rgba(45,212,168,.06)}.kfd-titlebar{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.015)}.kfd-dots{display:flex;gap:5px}.kfd-dots span{width:9px;height:9px;border-radius:50%}.kfd-dots span:first-child{background:#ff5f56}.kfd-dots span:nth-child(2){background:#ffbd2e}.kfd-dots span:nth-child(3){background:#27c93f}.kfd-title{font-size:11px;color:var(--text-muted);flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kfd-ai-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#7df0d2;background:rgba(45,212,168,.1);border:1px solid rgba(45,212,168,.25);padding:3px 9px;border-radius:100px;white-space:nowrap}.kfd-ai-badge svg{width:11px;height:11px}.kfd-body{padding:18px}.kfd-cams{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:16px}.kfd-cam{border-radius:10px;overflow:hidden;border:1.5px solid rgba(255,255,255,.08);background:#13161b;transition:border-color .3s,box-shadow .3s}.kfd-cam.live{border-color:var(--cam-color);box-shadow:0 0 20px color-mix(in srgb,var(--cam-color) 35%,transparent),inset 0 0 24px color-mix(in srgb,var(--cam-color) 8%,transparent)}.kfd-cam-face{aspect-ratio:4/3;flex-direction:column;gap:8px;background:linear-gradient(165deg,rgba(255,255,255,.03),transparent 70%)}.kfd-avatar,.kfd-cam-face{display:flex;align-items:center;justify-content:center}.kfd-avatar{width:38px;height:38px;border-radius:50%;font-weight:800;font-size:16px;font-family:var(--font-display)}.kfd-voice{display:flex;gap:2.5px;height:14px;align-items:center}.kfd-voice span{width:3px;height:3px;border-radius:2px;background:rgba(255,255,255,.18);transition:background .3s}.kfd-voice.talking span{background:var(--cam-color,#2dd4a8);animation:kfdVoice .55s ease-in-out infinite alternate}@keyframes kfdVoice{0%{height:3px}to{height:13px}}.kfd-cam-label{display:flex;align-items:center;justify-content:space-between;padding:6px 9px;border-top:1px solid rgba(255,255,255,.05)}.kfd-cam-name{font-size:9.5px;font-weight:700;letter-spacing:.08em;color:var(--text-muted)}.kfd-live-pill{font-size:8.5px;font-weight:800;color:#ff5f56;letter-spacing:.06em;animation:kfdBlink 1.1s step-end infinite}@keyframes kfdBlink{50%{opacity:.35}}.kfd-timeline{gap:10px}.kfd-timeline,.kfd-tl-label{display:flex;align-items:center}.kfd-tl-label{gap:5px;font-size:9.5px;font-weight:700;color:var(--text-muted);letter-spacing:.05em;white-space:nowrap}.kfd-tl-label svg{width:11px;height:11px;color:var(--primary)}.kfd-tl-track{flex:1 1;height:26px;border-radius:6px;position:relative;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);display:flex;align-items:stretch;gap:2px;padding:3px;overflow:hidden;justify-content:flex-end}.kfd-tl-seg{border-radius:3px;flex-shrink:0;opacity:.85}.kfd-playhead{position:absolute;right:10px;top:-2px;bottom:-2px;width:2px;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.7)}.kfd-screen{aspect-ratio:16/9;border-radius:10px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.07);margin-bottom:14px}.kfd-screen-bg{position:absolute;inset:0;background:linear-gradient(180deg,#16233c,#0e1a2e 55%,#0a1322)}.kfd-screen-sun{position:absolute;top:14%;left:50%;transform:translateX(-50%);width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,rgba(45,212,168,.85),rgba(45,212,168,.15) 70%,transparent);filter:blur(2px);animation:kfdSun 7s ease-in-out infinite alternate}@keyframes kfdSun{0%{transform:translateX(-58%) translateY(0)}to{transform:translateX(-42%) translateY(8px)}}.kfd-screen-hill{position:absolute;bottom:-18%;border-radius:50%}.kfd-screen-hill.a{left:-12%;width:75%;height:55%;background:#10243a}.kfd-screen-hill.b{right:-15%;width:80%;height:62%;background:#0c1c30}.kfd-captions{position:absolute;left:0;right:0;bottom:11%;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:0 16px;font-family:var(--font-display);font-weight:800;font-size:clamp(17px,2.4vw,24px)}.kfd-cap-word{color:rgba(255,255,255,.45);transition:color .2s;position:relative}.kfd-cap-word.done{color:#fff}.kfd-captions.pop .kfd-cap-word.on{color:#2dd4a8;animation:kfdPop .42s cubic-bezier(.34,1.56,.64,1);text-shadow:0 0 22px rgba(45,212,168,.55)}@keyframes kfdPop{0%{transform:scale(.6)}65%{transform:scale(1.25)}to{transform:scale(1)}}.kfd-captions.bounce .kfd-cap-word.on{color:#fbbf24;display:inline-block;animation:kfdBounce .45s cubic-bezier(.34,1.56,.64,1);text-shadow:0 0 22px rgba(251,191,36,.5)}@keyframes kfdBounce{0%{transform:translateY(0)}45%{transform:translateY(-12px)}to{transform:translateY(0)}}.kfd-captions.karaoke .kfd-cap-word{color:rgba(255,255,255,.85)}.kfd-captions.karaoke .kfd-cap-word.done,.kfd-captions.karaoke .kfd-cap-word.on{color:#fff}.kfd-captions.karaoke .kfd-cap-word.done:after,.kfd-captions.karaoke .kfd-cap-word.on:after{content:"";position:absolute;left:-3px;right:-3px;top:-2px;bottom:-2px;background:rgba(167,139,250,.32);border-radius:6px;z-index:-1}.kfd-captions.karaoke .kfd-cap-word.on:after{animation:kfdKaraoke .4s ease-out}@keyframes kfdKaraoke{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1)}}.kfd-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kfd-preset-pill{font-size:11px;font-weight:700;font-family:var(--font);padding:6px 14px;border-radius:100px;cursor:pointer;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:var(--text-dim);transition:all .2s}.kfd-preset-pill:hover{color:#fff;border-color:rgba(45,212,168,.4)}.kfd-preset-pill.active{background:rgba(45,212,168,.12);border-color:rgba(45,212,168,.5);color:#2dd4a8}.kfd-preset-more{font-size:11px;color:var(--text-muted)}.kfd-wave-wrap{border-radius:10px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.015);padding:18px 14px;margin-bottom:14px}.kfd-wave{height:92px;display:flex;align-items:center;position:relative}.kfd-bar{display:inline-block;width:8px;margin-right:3px;border-radius:3px;flex-shrink:0;background:linear-gradient(180deg,#2dd4a8,rgba(45,212,168,.35))}.kfd-bar.silent{background:rgba(255,255,255,.12)}.kfd-bar.flagged{background:rgba(244,63,94,.75);box-shadow:0 0 10px rgba(244,63,94,.4)}.kfd-scanline{position:absolute;top:-8px;bottom:-8px;width:2px;background:linear-gradient(180deg,transparent,#5eead4,transparent);box-shadow:0 0 14px rgba(94,234,212,.8);border-radius:2px}.kfd-silence-status{display:flex;align-items:center;justify-content:space-between;min-height:24px}.kfd-status{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text-dim);font-weight:500}.kfd-status.warn{color:#fb7185}.kfd-status.ok{color:#34d399;font-weight:600}.kfd-spinner{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:2px solid rgba(94,234,212,.25);border-top-color:#5eead4;animation:kfdSpin .7s linear infinite}@keyframes kfdSpin{to{transform:rotate(1turn)}}.kfd-duration{font-family:var(--font-display);font-size:15px;font-weight:800;color:var(--text-dim);transition:color .4s}.kfd-duration.cut{color:#2dd4a8;text-shadow:0 0 16px rgba(45,212,168,.4)}@media (prefers-reduced-motion:reduce){.kfd-cap-word.on,.kfd-live-pill,.kfd-screen-sun,.kfd-spinner,.kfd-voice.talking span{animation:none!important}}.kfp{position:relative;width:100%;max-width:560px;border-radius:20px;overflow:hidden;background:linear-gradient(#0c0e12,#0c0e12) padding-box,linear-gradient(155deg,rgba(255,255,255,.18),rgba(255,255,255,.05) 35%,rgba(45,212,168,.3)) border-box;border:1px solid transparent;box-shadow:0 50px 120px rgba(0,0,0,.6),0 0 90px rgba(45,212,168,.07);will-change:transform}.kfp-glare{position:absolute;inset:0;z-index:5;pointer-events:none;transition:opacity .35s}.kfp-titlebar{display:flex;align-items:center;gap:9px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.015)}.kfp-logo{width:18px;height:18px;border-radius:5px}.kfp-title{font-family:var(--font-display);font-weight:800;font-size:13px;color:#fff;letter-spacing:-.01em}.kfp-host{margin-left:auto;font-size:10px;font-weight:700;color:#b59cf5;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.3);padding:3px 10px;border-radius:100px;letter-spacing:.04em}.kfp-body,.kfp-rail{display:flex}.kfp-rail{width:158px;flex-shrink:0;padding:10px 8px;border-right:1px solid rgba(255,255,255,.05);flex-direction:column;gap:3px}.kfp-tool{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--text-muted);padding:8px 10px;border-radius:9px;position:relative;transition:all .35s var(--ease)}.kfp-tool svg{width:13px;height:13px;flex-shrink:0}.kfp-tool.on{color:#9ff5de;background:rgba(45,212,168,.09);box-shadow:inset 0 0 0 1px rgba(45,212,168,.25),inset 0 0 18px rgba(45,212,168,.05)}.kfp-tool-dot{position:absolute;right:9px;width:5px;height:5px;border-radius:50%;background:#2dd4a8;box-shadow:0 0 8px rgba(45,212,168,.9);animation:kfdBlink 1.2s step-end infinite}.kfp-stage{flex:1 1;padding:14px 16px 12px;display:flex;flex-direction:column;gap:10px;min-width:0}.kfp-ai-chip{align-self:flex-end;display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:700;color:#7df0d2;background:rgba(45,212,168,.08);border:1px solid rgba(45,212,168,.25);padding:4px 10px;border-radius:100px}.kfp-ai-chip svg{width:10px;height:10px;animation:kfpSparkle 2.2s ease-in-out infinite}@keyframes kfpSparkle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25) rotate(18deg);opacity:.7}}.kfp-tl{position:relative;border-radius:10px;padding:9px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.06);flex-direction:column;gap:6px}.kfp-tl,.kfp-track{display:flex;overflow:hidden}.kfp-track{height:22px;border-radius:5px;gap:3px}.kfp-clip{border-radius:4px;height:100%}.kfp-clip.a{width:30%;background:linear-gradient(180deg,#2a6f5d,#1d5446);border:1px solid rgba(45,212,168,.35)}.kfp-clip.b{width:22%;background:linear-gradient(180deg,#4f4787,#3b3566);border:1px solid rgba(139,92,246,.35)}.kfp-clip.a2{width:26%;background:linear-gradient(180deg,#2a6f5d,#1d5446);border:1px solid rgba(45,212,168,.35)}.kfp-clip.c{width:18%;background:linear-gradient(180deg,#28607f,#1d4a63);border:1px solid rgba(34,211,238,.35)}.kfp-wave{display:flex;align-items:center;gap:2px;width:100%;height:100%;padding:0 2px}.kfp-wave i{flex:1 1;border-radius:1.5px;min-height:2px;background:linear-gradient(180deg,#2dd4a8,rgba(45,212,168,.35));animation:kfpWave 1.6s ease-in-out infinite alternate}.kfp-wave.dim i{background:rgba(139,92,246,.5)}@keyframes kfpWave{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}.kfp-track.a1,.kfp-track.a2t{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:5px}.kfp-playhead{position:absolute;top:4px;bottom:4px;width:2px;border-radius:2px;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.8);animation:kfpPlay 7s linear infinite}.kfp-playhead:before{content:"";position:absolute;top:-4px;left:-4px;border:5px solid transparent;border-top-color:#fff}@keyframes kfpPlay{0%{left:4%}to{left:96%}}.kfp-statusbar{display:flex;align-items:center;justify-content:space-between}.kfp-status-ok{font-size:10.5px;font-weight:600;color:#34d399}.kfp-time{font-family:var(--font-display);font-size:11px;font-weight:800;color:var(--text-dim);letter-spacing:.05em}@media (max-width:1024px){.kfp{max-width:100%}}@media (max-width:520px){.kfp-rail{width:44px}.kfp-tool span{display:none}.kfp-tool{justify-content:center;padding:8px 0}.kfp-tool-dot{display:none}}@media (prefers-reduced-motion:reduce){.kfp-ai-chip svg,.kfp-playhead,.kfp-wave i{animation:none!important}}.hero-demo.kfp-slot{background:none!important;border:none!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;overflow:visible!important;border-radius:0!important;display:flex;align-items:center;justify-content:center}.hero-demo.kfp-slot:after,.hero-demo.kfp-slot:before{content:none!important}.hero-demo.kfp-slot:hover{transform:none}.kfd-window{position:relative}.kfd-glare{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;transition:opacity .4s ease}.kfd-hint{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 0 12px;font-size:11.5px;font-weight:600;color:rgba(45,212,168,.75);letter-spacing:.02em;border-top:1px solid rgba(255,255,255,.05);-webkit-user-select:none;-moz-user-select:none;user-select:none}.kfd-hint svg{width:13px;height:13px;animation:kfdHintPulse 2.4s ease-in-out infinite}@keyframes kfdHintPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.18);opacity:1}}.kfd-cam.clickable{cursor:pointer;-webkit-tap-highlight-color:transparent}.kfd-cam.clickable:hover{border-color:color-mix(in srgb,var(--cam-color) 55%,transparent)}.kfd-cam.clickable:focus-visible{outline:2px solid var(--cam-color);outline-offset:2px}.kfd-wave.armed{cursor:pointer}.kfd-wave.armed:hover .kfd-bar.flagged{background:rgba(244,63,94,.85);box-shadow:0 0 12px rgba(244,63,94,.5)}.kfd-cut-btn{display:inline-flex;align-items:center;gap:5px;margin-left:4px;padding:3px 11px;border-radius:100px;background:rgba(244,63,94,.14);border:1px solid rgba(244,63,94,.45);color:#fda4af;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease}.kfd-cut-btn:hover{background:rgba(244,63,94,.25);transform:translateY(-1px);box-shadow:0 4px 14px rgba(244,63,94,.25)}@media (prefers-reduced-motion:reduce){.kfd-hint svg{animation:none}}