.kk-page{--kk-bg:#0d0e12;--kk-panel:#171922;--kk-line:#2b2e3b;--kk-text:#f8f8fb;--kk-muted:#a0a3b3;--kk-pink:#fe2c55;--kk-cyan:#25f4ee;background:var(--kk-bg);min-height:100vh;color:var(--kk-text);font-family:Inter Variable,Inter,system-ui,sans-serif;line-height:1.5}.kk-page *{box-sizing:border-box}.kk-page a{color:inherit;text-decoration:none}.kk-page button{font:inherit;cursor:pointer}.kk-page button:focus-visible,.kk-page a:focus-visible,.kk-page input:focus-visible{outline:2px solid var(--kk-cyan);outline-offset:3px}.kk-header{border-bottom:1px solid var(--kk-line);z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0e12e8;align-items:center;gap:42px;height:72px;padding:0 max(24px,50vw - 620px);display:flex;position:sticky;top:0}.kk-brand{letter-spacing:-.5px;white-space:nowrap;align-items:center;gap:9px;font-weight:750;display:flex}.kk-brand img{width:25px;height:25px}.kk-header nav{color:#a8a9b7;gap:26px;margin-left:auto;font-size:12px;display:flex}.kk-header nav a:hover{color:#fff}.kk-header-cta,.kk-primary{background:var(--kk-pink);border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:11px;font-weight:700;display:inline-flex}.kk-header-cta:hover,.kk-primary:hover{background:#e7214a}.kk-hero{grid-template-columns:1fr minmax(430px,540px);align-items:center;gap:72px;max-width:1240px;margin:0 auto;padding:78px 24px 82px;display:grid}.kk-kicker{color:var(--kk-cyan);letter-spacing:1.7px;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.kk-hero-copy h1{letter-spacing:-4px;margin:21px 0;font-size:clamp(50px,6vw,82px);font-weight:780;line-height:.98}.kk-hero-copy h1 em{color:#ff5479;font-style:normal;display:block}.kk-hero-copy p{max-width:500px;color:var(--kk-muted);font-size:15px;line-height:1.85}.kk-tags{flex-wrap:wrap;gap:7px;margin:25px 0 31px;display:flex}.kk-tags span{color:#d8d9e1;border:1px solid #383b48;border-radius:5px;padding:5px 9px;font-size:10px}.kk-hero-note{color:#777b8a;margin-top:16px;font-size:10px;display:block}.kk-hero-media{background:#161821;border:1px solid #3b3e4c;border-radius:17px;padding:11px;transform:rotate(1deg);box-shadow:0 25px 70px #0008}.kk-video-shell{aspect-ratio:16/10;background:#07080b;border-radius:10px;position:relative;overflow:hidden}.kk-video-shell video{object-fit:cover;width:100%;height:100%;display:block}.kk-video-label{color:#fff;background:#08090dcc;border:1px solid #ffffff38;border-radius:5px;padding:7px 10px;font-size:10px;position:absolute;bottom:12px;right:12px}.kk-media-caption{color:#8b8e9e;letter-spacing:1.5px;padding:12px 5px 2px;font-size:9px;display:block}.kk-create{background:linear-gradient(110deg,#171a25,#15161e);border:1px solid #323543;border-radius:16px;grid-template-columns:1fr 1.15fr;gap:50px;max-width:1150px;margin:0 auto 95px;padding:35px;display:grid}.kk-create-intro h2,.kk-section-heading h2{letter-spacing:-1.2px;margin:12px 0;font-size:31px;line-height:1.15}.kk-create-intro>p{color:var(--kk-muted);max-width:360px;font-size:12px;line-height:1.8}.kk-order{color:#b8bbc8;align-items:center;gap:8px;margin-top:31px;font-size:10px;display:flex}.kk-order span{border:1px solid #333747;border-radius:6px;align-items:center;gap:7px;padding:9px;display:flex}.kk-order b{color:var(--kk-cyan);font-size:11px}.kk-form{color:#1a1b23;background:#fafafd;border-radius:11px;padding:22px}.kk-form-head{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:14px;font-weight:750;display:flex}.kk-form-head small{color:#7f8492}.kk-upload-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kk-upload{color:#545966;cursor:pointer;background:#f5f6fa;border:1px dashed #c1c6d2;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:160px;display:flex;position:relative;overflow:hidden}.kk-upload svg{color:#7e8494}.kk-upload strong{font-size:11px}.kk-upload small{color:#989daa;font-size:9px}.kk-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.kk-upload img{object-fit:cover;width:100%;height:100%}.kk-upload-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#08090dcc;border-radius:4px;padding:5px 7px;font-size:9px;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}.kk-upload button{color:#fff;background:#000b;border:0;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:7px;right:7px}.kk-form-options{border-top:1px solid #e2e4ea;border-bottom:1px solid #e2e4ea;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0;padding:13px 0;display:grid}.kk-form-options span{gap:3px;font-size:10px;display:grid}.kk-form-options strong{color:#838895;font-weight:500}.kk-form-options b{font-size:11px}.kk-cyan{color:#098c88}.kk-generate{background:var(--kk-pink);color:#fff;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;padding:12px;font-size:11px;font-weight:700;display:flex}.kk-generate:disabled{opacity:.62;cursor:not-allowed}.kk-form-note{color:#8a8e9d;text-align:center;margin:11px 0 0;font-size:9px;line-height:1.6}.kk-form-error{color:#c41f46;text-align:center;margin:11px 0 0;font-size:10px;line-height:1.6}.kk-generated-result{border-top:1px solid #e2e4ea;margin-top:18px;padding-top:15px}.kk-generated-result p{margin:0 0 9px;font-size:11px;font-weight:700}.kk-generated-result video{background:#0d0e12;border-radius:7px;width:100%;display:block}.kk-generated-result a{color:#b7193e;align-items:center;gap:6px;margin-top:10px;font-size:11px;font-weight:700;display:inline-flex}.kk-explain{grid-template-columns:1fr 1fr;align-items:end;gap:90px;max-width:1150px;margin:0 auto 100px;padding:0;display:grid}.kk-explain h2{letter-spacing:-1.2px;margin-top:13px;font-size:33px;line-height:1.2}.kk-explain>p{color:var(--kk-muted);font-size:13px;line-height:2}.kk-steps,.kk-gallery,.kk-faq{border-top:1px solid var(--kk-line);max-width:1150px;margin:0 auto;padding:80px 0}.kk-step-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:34px;display:grid}.kk-step-grid article{background:var(--kk-panel);border:1px solid var(--kk-line);border-radius:9px;min-height:170px;padding:22px}.kk-step-grid article>span{color:var(--kk-cyan);font-size:11px;font-weight:700}.kk-step-grid h3{margin:18px 0 8px;font-size:15px}.kk-step-grid p{color:var(--kk-muted);font-size:11px;line-height:1.8}.kk-gallery-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:34px;display:grid}.kk-gallery figure{background:var(--kk-panel);border:1px solid var(--kk-line);border-radius:9px;margin:0;overflow:hidden}.kk-gallery img{aspect-ratio:1.45;object-fit:cover;width:100%;display:block}.kk-gallery figcaption{color:#c6c8d2;padding:13px 14px;font-size:11px}.kk-faq-list{max-width:780px;margin-top:29px}.kk-faq-list>div{border-bottom:1px solid var(--kk-line)}.kk-faq-list button{color:#f1f1f5;text-align:left;background:0 0;border:0;justify-content:space-between;width:100%;padding:18px 0;font-size:13px;display:flex}.kk-faq-list p{color:var(--kk-muted);margin:0;padding:0 30px 18px 0;font-size:12px;line-height:1.9}.kk-rotate{color:var(--kk-cyan);transform:rotate(180deg)}.kk-footer{border-top:1px solid var(--kk-line);color:#858998;align-items:center;gap:25px;max-width:1150px;margin:0 auto;padding:28px 0 45px;font-size:11px;display:flex}.kk-footer .kk-brand{color:#f3f3f7}.kk-footer>span{flex:1}.kk-footer>a:last-child{color:#c6c8d2;align-items:center;gap:5px;display:flex}.kk-footer>a:last-child:hover{color:var(--kk-cyan)}.kk-article-links{border-top:1px solid var(--kk-line);max-width:1150px;margin:0 auto;padding:80px 0}.kk-article-link-grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:32px;display:grid}.kk-article-link-grid a{border:1px solid var(--kk-line);background:var(--kk-panel);border-radius:9px;gap:9px;min-height:185px;padding:22px;transition:border-color .2s,transform .2s;display:grid;position:relative}.kk-article-link-grid a:hover{border-color:var(--kk-cyan);transform:translateY(-3px)}.kk-article-link-grid span{color:var(--kk-cyan);letter-spacing:1.3px;font-size:9px;font-weight:700}.kk-article-link-grid strong{max-width:390px;font-size:16px;line-height:1.35}.kk-article-link-grid small{color:var(--kk-muted);padding-right:25px;font-size:11px;line-height:1.7}.kk-article-link-grid svg{color:#c6c8d2;position:absolute;bottom:20px;right:20px}@media (width<=900px){.kk-hero{grid-template-columns:1fr;gap:43px;padding-top:54px}.kk-hero-copy{max-width:650px}.kk-hero-media{width:100%;max-width:620px;margin:0 auto}.kk-create{grid-template-columns:1fr;gap:30px;margin:0 24px 70px}.kk-explain,.kk-steps,.kk-gallery,.kk-faq,.kk-article-links,.kk-footer{margin-left:24px;margin-right:24px}.kk-explain{gap:35px}.kk-header{gap:20px}.kk-header nav{gap:13px}}@media (width<=600px){.kk-header{height:62px;padding:0 16px}.kk-header nav{display:none}.kk-header-cta{margin-left:auto;padding:8px 10px;font-size:10px}.kk-brand{font-size:13px}.kk-brand img{width:22px;height:22px}.kk-hero{padding:45px 17px 58px}.kk-hero-copy h1{letter-spacing:-2.7px;font-size:56px}.kk-hero-copy p{font-size:13px}.kk-create{gap:25px;margin:0 16px 63px;padding:19px}.kk-create-intro h2,.kk-section-heading h2{font-size:26px}.kk-order{flex-wrap:wrap}.kk-order svg{display:none}.kk-upload-grid{grid-template-columns:1fr 1fr}.kk-upload{height:132px}.kk-form-options{gap:5px}.kk-explain,.kk-steps,.kk-gallery,.kk-faq,.kk-footer{margin-left:17px;margin-right:17px}.kk-explain{margin-bottom:55px;display:block}.kk-explain>p{margin-top:22px}.kk-steps,.kk-gallery,.kk-faq{padding:56px 0}.kk-step-grid,.kk-gallery-grid,.kk-article-link-grid{grid-template-columns:1fr;gap:10px}.kk-step-grid article{min-height:auto}.kk-gallery img{aspect-ratio:1.5}.kk-footer{gap:14px;display:grid}.kk-footer>span{grid-row:2}.kk-footer>a:last-child{grid-row:3}}