/*! (c) KudosC / MrDevStack - ZynSoft. All rights reserved. Proprietary software: copying, redistribution or reverse engineering without written permission is prohibited. */
.kc-cg{--cg-bg: #20201f;--cg-ink: #ecebe7;--cg-muted: #9b9a94;--cg-soft: #2a2a28;--cg-line: rgba(255,255,255,.09);--cg-a: #ecebe7;--cg-b: #ecebe7;--cg-c: #ecebe7;--cg-ok: #3ccf8a;--cg-warn: #f0b24a;--cg-accent: #ecebe7;--cg-on: #20201f;--cg-tint: rgba(236,235,231,.1);--cg-grad: var(--cg-accent);--cg-code-bg: #171716;--cg-code-ink: #e6e5e0;--cg-pad: max(16px, env(safe-area-inset-left, 0px));--cg-pad-r: max(16px, env(safe-area-inset-right, 0px));--cg-ease: cubic-bezier(.22, 1, .36, 1);background:var(--cg-bg);color:var(--cg-ink);color-scheme:dark;display:flex;flex-direction:column;height:100%;min-height:0;max-width:100%;overflow:hidden;width:100%}.kc-cg .page-back-button{background:var(--cg-soft);border-color:var(--cg-line);color:var(--cg-ink)}.kc-cg *,.kc-cg *:before,.kc-cg *:after{box-sizing:border-box}.kc-cg .is-hidden{display:none!important}.kc-cg button{-webkit-tap-highlight-color:transparent;font-family:Manrope,system-ui,sans-serif}body[data-page=code-gen]{overflow:hidden;overscroll-behavior:none}body[data-page=code-gen] .creator-dock,body[data-page=code-gen][data-theme=dark] .creator-dock{display:none!important}body[data-page=code-gen] .app-view,body[data-page=code-gen] .app-layout{padding:0!important}body[data-page=code-gen] .app-glow{display:none}body[data-page=code-gen] .main-column>#page-code-gen:not(.is-hidden){animation:none;background:var(--cg-bg, #20201f);border:0;border-radius:0;box-shadow:none;display:block;height:100vh;height:100dvh;inset:0;margin:0;max-width:100vw;min-height:0;overflow:hidden;padding:0;position:fixed;width:100%;z-index:30}body[data-page=code-gen][data-theme] .main-column>#page-code-gen:not(.is-hidden){background:#20201f}.kc-cg-head{align-items:center;background:var(--cg-bg);border-bottom:1px solid transparent;display:flex;flex:0 0 auto;gap:11px;padding:calc(10px + env(safe-area-inset-top,0px)) var(--cg-pad-r) 10px var(--cg-pad);position:relative;transition:border-color .25s,box-shadow .25s;z-index:3}.kc-cg-head.is-scrolled{border-color:var(--cg-line);box-shadow:0 10px 24px -18px #000000b3}.kc-cg-head .page-back-button{flex:0 0 auto}.kc-cg-badge,.kc-cg-orb{align-items:center;background:linear-gradient(150deg,#2b2b29,#20201f 55%,#181817);border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff2b,inset 0 1px #ffffff24,0 8px 18px -8px #000000d9,0 0 22px -8px #ecebe759;display:inline-flex;flex:0 0 auto;justify-content:center;position:relative}.kc-cg-badge{height:48px;width:48px}.kc-cg-badge:after,.kc-cg-orb:after{background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 46%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.kc-cg-mark{display:block;filter:drop-shadow(0 0 5px rgba(255,255,255,.35));height:28px;width:28px}.kc-cg-title{display:grid;flex:1 1 auto;min-width:0}.kc-cg-menu{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--cg-soft);border:1px solid var(--cg-line);border-radius:12px;color:var(--cg-ink);cursor:pointer;display:inline-flex;flex:0 0 auto;height:42px;justify-content:center;margin-left:auto;position:relative;touch-action:manipulation;width:42px}.kc-cg-menu:active{background:var(--cg-tint);transform:scale(.94)}.kc-cg-menu>svg{fill:none;height:21px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:21px}.kc-cg-menu-n{background:var(--cg-accent);border-radius:99px;color:var(--cg-on);font:800 9.5px/1 Manrope,system-ui,sans-serif;min-width:16px;padding:3px 4px;position:absolute;right:-5px;text-align:center;top:-5px}.kc-cg-menu-n[hidden]{display:none}.kc-cg-head .page-back-button{touch-action:manipulation}.kc-cg-title strong{font-size:17px;font-weight:800;letter-spacing:-.02em;line-height:1.15}.kc-cg-title small{color:var(--cg-muted);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-cg-body{-webkit-overflow-scrolling:touch;display:block;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scroll-padding-top:12px;scrollbar-width:thin;scrollbar-color:var(--cg-line) transparent;background:var(--cg-bg);padding:0 0 calc(28px + env(safe-area-inset-bottom,0px));width:100%}.kc-cg-body::-webkit-scrollbar{width:6px}.kc-cg-body::-webkit-scrollbar-thumb{background:var(--cg-line);border-radius:9px}.kc-cg-wrap{margin:0 auto;max-width:780px;min-width:0;padding:0 var(--cg-pad-r) 0 var(--cg-pad);width:100%}.kc-cg-wrap>section{min-width:0}.kc-cg-card{background:transparent;border:0;border-radius:0;padding:0}.kc-cg-sec{border-top:1px solid var(--cg-line);padding:18px 0}.kc-cg-label{color:var(--cg-muted);font:800 10.5px/1 Manrope,system-ui,sans-serif;letter-spacing:.09em;margin:18px 0 9px;text-transform:uppercase}.kc-cg-hero{padding:6px 0 20px;position:relative}.kc-cg-hero>*{position:relative}.kc-cg-eyebrow{align-items:center;background:var(--cg-tint);border-radius:999px;color:var(--cg-ink);display:inline-flex;font:800 11px/1 Manrope,system-ui,sans-serif;gap:6px;letter-spacing:.04em;margin:4px 0 12px;padding:7px 11px}.kc-cg-eyebrow svg{fill:none;height:13px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2;width:13px}.kc-cg-hero h1{font-size:clamp(26px,7.4vw,38px);font-weight:800;letter-spacing:-.035em;line-height:1.07;margin:0;overflow-wrap:anywhere}.kc-cg-hero h1 span{color:var(--cg-muted)}.kc-cg-hero p{color:var(--cg-muted);font-size:14px;line-height:1.5;margin:10px 0 0;max-width:46ch}.kc-cg-seg{background:var(--cg-soft);border-radius:15px;display:grid;gap:4px;grid-template-columns:1fr 1fr;padding:4px}.kc-cg-seg button{align-items:center;background:transparent;border:0;border-radius:12px;color:var(--cg-muted);cursor:pointer;display:inline-flex;font:800 12.5px/1.1 Manrope,system-ui,sans-serif;gap:7px;justify-content:center;min-height:44px;min-width:0;padding:0 6px;transition:background .25s var(--cg-ease),color .2s,box-shadow .25s}.kc-cg-seg button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-cg-seg button svg{fill:none;flex:0 0 auto;height:16px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:16px}.kc-cg-seg button.is-active{background:var(--cg-accent);box-shadow:0 8px 18px -9px #0009;color:var(--cg-on)}.kc-cg-input{-webkit-appearance:none;appearance:none;background:var(--cg-soft);border:1.5px solid var(--cg-line);border-radius:16px;color:var(--cg-ink);display:block;font:500 16px/1.5 Manrope,system-ui,sans-serif;max-width:100%;min-height:96px;padding:13px 15px;resize:none;touch-action:manipulation;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.kc-cg-input::placeholder{color:color-mix(in srgb,var(--cg-muted) 80%,transparent)}.kc-cg-input:focus{background:var(--cg-bg);border-color:var(--cg-accent);box-shadow:0 0 0 4px var(--cg-tint);outline:0}.kc-cg-mono{font:500 13px/1.55 DM Mono,ui-monospace,SFMono-Regular,Menlo,monospace;max-height:42vh;min-height:140px;overflow:auto;resize:vertical;white-space:pre}.kc-cg-chips{-webkit-overflow-scrolling:touch;cursor:grab;display:flex;flex-wrap:nowrap;gap:7px;margin:0 calc(-1 * var(--cg-pad-r)) 0 calc(-1 * var(--cg-pad));overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:2px var(--cg-pad-r) 6px var(--cg-pad);scroll-padding:0 var(--cg-pad);scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x pan-y;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 26px),transparent 100%)}.kc-cg-chips::-webkit-scrollbar{display:none;height:0}.kc-cg-chips.is-drag{cursor:grabbing;scroll-snap-type:none;user-select:none}.kc-cg-chip{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap;background:var(--cg-soft);border:1.5px solid transparent;border-radius:999px;color:var(--cg-ink);cursor:pointer;font:700 12.5px/1 Manrope,system-ui,sans-serif;padding:10px 14px;transition:background .2s,color .2s,border-color .2s,transform .15s}.kc-cg-chip:active{transform:scale(.95)}.kc-cg-chip.is-active{background:var(--cg-tint);border-color:var(--cg-accent);color:var(--cg-ink)}.kc-cg-gobar{background:linear-gradient(to top,var(--cg-bg) 72%,transparent);bottom:0;margin:18px 0 0;padding:12px 0 2px;position:sticky;z-index:2}.kc-cg-go{align-items:center;background:var(--cg-grad);border:0;border-radius:16px;box-shadow:0 14px 26px -14px #000000e6;color:var(--cg-on);cursor:pointer;display:flex;font:800 15.5px/1 Manrope,system-ui,sans-serif;gap:9px;justify-content:center;min-height:54px;position:relative;overflow:hidden;transition:transform .18s var(--cg-ease),box-shadow .2s,opacity .2s;width:100%}.kc-cg-go:after{background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);content:"";inset:0;position:absolute;transform:translate(-120%)}.kc-cg-go:not(:disabled):after{animation:kcCgShine 4.2s ease-in-out 1.2s infinite}.kc-cg-go svg{fill:none;height:19px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:19px}.kc-cg-go:active{transform:scale(.98)}.kc-cg-go:disabled{cursor:wait;opacity:.75}.kc-cg-go.is-busy svg{animation:kcCgSpin 1.1s linear infinite}.kc-cg-meta{color:var(--cg-muted);font-size:11.5px;line-height:1.45;margin:10px 0 0;text-align:center}.kc-cg-progress{align-items:center;display:grid;gap:12px 14px;grid-template-columns:auto 1fr;padding:22px 0}.kc-cg-progress strong{display:block;font-size:14px}.kc-cg-progress small{color:var(--cg-muted);font-size:12px}.kc-cg-orb{animation:kcCgPulse 1.6s ease-in-out infinite;height:48px;width:48px}.kc-cg-bar{background:var(--cg-soft);border-radius:99px;grid-column:1 / -1;height:5px;overflow:hidden}.kc-cg-bar i{animation:kcCgSlide 1.4s ease-in-out infinite;background:var(--cg-grad);border-radius:99px;display:block;height:100%;width:40%}.kc-cg-skel{display:grid;gap:9px;grid-column:1 / -1;margin-top:6px}.kc-cg-skel i{animation:kcCgShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--cg-soft) 25%,color-mix(in srgb,var(--cg-soft) 50%,var(--cg-line)) 50%,var(--cg-soft) 75%);background-size:220% 100%;border-radius:8px;display:block;height:12px}.kc-cg-skel i:nth-child(1){width:92%}.kc-cg-skel i:nth-child(2){width:78%}.kc-cg-skel i:nth-child(3){width:58%}@keyframes kcCgSpin{to{transform:rotate(360deg)}}@keyframes kcCgPulse{0%,to{box-shadow:0 0 #ecebe747}50%{box-shadow:0 0 0 12px #ecebe700}}@keyframes kcCgSlide{0%{transform:translate(-100%)}to{transform:translate(260%)}}@keyframes kcCgShimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes kcCgShine{0%,55%{transform:translate(-120%)}85%,to{transform:translate(120%)}}@keyframes kcCgRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.kc-cg-wrap>section,.kc-cg-out>*{animation:kcCgRise .5s var(--cg-ease) both}.kc-cg-wrap>section:nth-child(2){animation-delay:.05s}.kc-cg-wrap>section:nth-child(3){animation-delay:.1s}@media (prefers-reduced-motion: reduce){.kc-cg-orb,.kc-cg-bar i,.kc-cg-go.is-busy svg,.kc-cg-go:after,.kc-cg-skel i,.kc-cg-wrap>section,.kc-cg-out>*{animation:none!important}.kc-cg-body{scroll-behavior:auto}}.kc-cg-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.kc-cg-pill{align-items:center;background:var(--cg-soft);border-radius:999px;color:var(--cg-muted);display:inline-flex;font:700 11.5px/1.2 Manrope,system-ui,sans-serif;gap:5px;max-width:100%;padding:7px 11px}.kc-cg-pill svg{fill:none;flex:0 0 auto;height:13px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2;width:13px}.kc-cg-pill.is-ok{background:color-mix(in srgb,var(--cg-ok) 14%,transparent);color:var(--cg-ok)}.kc-cg-pill.is-warn{background:color-mix(in srgb,var(--cg-warn) 16%,transparent);color:var(--cg-warn)}.kc-cg-sum{font-size:14px;line-height:1.6;margin-bottom:14px;overflow-wrap:anywhere}.kc-cg-sum p{margin:0 0 9px}.kc-cg-sum h4{font-size:14px;font-weight:800;margin:14px 0 6px}.kc-cg-sum ol,.kc-cg-sum ul{margin:0 0 9px;padding-left:22px}.kc-cg-sum li+li{margin-top:4px}.kc-cg-sum code{background:var(--cg-tint);border-radius:5px;font:500 12.5px DM Mono,ui-monospace,monospace;overflow-wrap:anywhere;padding:1px 5px}.kc-cg-tabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);display:flex;gap:6px;mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);overflow-x:auto;padding:0 22px 9px 0;scrollbar-width:none;scroll-behavior:smooth}.kc-cg-tabs::-webkit-scrollbar{display:none}.kc-cg-tab{background:var(--cg-soft);border:1.5px solid transparent;border-radius:10px;color:var(--cg-muted);cursor:pointer;flex:0 0 auto;font:600 12px/1 DM Mono,ui-monospace,monospace;max-width:70vw;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;white-space:nowrap}.kc-cg-tab.is-active{background:var(--cg-tint);border-color:var(--cg-accent);color:var(--cg-ink)}.kc-cg-codewrap{background:var(--cg-code-bg);border-radius:14px;max-width:100%;overflow:hidden;position:relative}.kc-cg-codebar{align-items:center;background:#ffffff0f;display:flex;gap:8px;justify-content:space-between;padding:6px 8px 6px 12px}.kc-cg-lang{align-items:center;color:#98a2b8;display:inline-flex;font:600 11px DM Mono,ui-monospace,monospace;gap:6px;letter-spacing:.03em;min-width:0}.kc-cg-lang svg{color:var(--cg-accent);fill:none;flex:0 0 auto;height:14px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:14px}.kc-cg-lang b{font-weight:600;white-space:nowrap}.kc-cg-lang i{color:#6f7a92;font-size:10.5px;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-cg-codebtns{display:inline-flex;flex:0 0 auto;gap:6px}.kc-cg-codebtns button{align-items:center;background:#ffffff1a;border:0;border-radius:9px;color:#e6edf3;cursor:pointer;display:inline-flex;font:800 11px/1 Manrope,system-ui,sans-serif;gap:6px;min-height:34px;padding:0 12px;transition:background .2s,transform .12s}.kc-cg-codebtns .kc-cg-copybtn{background:var(--cg-accent);color:var(--cg-on)}.kc-cg-codebtns button:active{transform:scale(.94)}.kc-cg-codebtns button svg{fill:none;height:14px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1;width:14px}.kc-cg-codebtns button.is-done{background:#1f9d63;color:#fff}.kc-cg-scroll{-webkit-overflow-scrolling:touch;max-height:54vh;overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}.kc-cg-scroll::-webkit-scrollbar{height:6px;width:6px}.kc-cg-scroll::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:6px}.kc-cg-pre{color:var(--cg-code-ink);margin:0;padding:12px 14px}.kc-cg-pre code{background:none;color:inherit;display:block;font:500 12px/1.6 DM Mono,ui-monospace,SFMono-Regular,Menlo,monospace;min-width:max-content;padding:0;tab-size:2;white-space:pre}.kc-cg-cut{background:#f0b24a24;color:#f0b24a;font:600 11.5px/1.4 Manrope,system-ui,sans-serif;margin:0;padding:9px 12px}.kc-cg-actions{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.kc-cg-actions button{align-items:center;background:var(--cg-soft);border:1.5px solid transparent;border-radius:14px;color:var(--cg-ink);cursor:pointer;display:inline-flex;flex-direction:column;font:700 11.5px/1.15 Manrope,system-ui,sans-serif;gap:6px;justify-content:center;min-height:62px;min-width:0;padding:8px 4px;text-align:center;transition:transform .15s,background .2s}.kc-cg-actions button:active{transform:scale(.96)}.kc-cg-actions button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-cg-actions button svg{fill:none;height:19px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:19px}.kc-cg-actions button.is-done{border-color:var(--cg-ok);color:var(--cg-ok)}.kc-cg-none{color:var(--cg-muted);font-size:13.5px;margin:4px 0}.kc-cg-issue{background:color-mix(in srgb,var(--cg-warn) 12%,transparent);border-radius:12px;color:var(--cg-warn);font:500 11.5px/1.45 DM Mono,ui-monospace,monospace;margin:14px 0 0;overflow-wrap:anywhere;padding:9px 11px}.kc-cg-error{padding:20px 0}.kc-cg-error strong{color:var(--cg-warn)}.kc-cg-error p{color:var(--cg-muted);font-size:13.5px;margin:6px 0 0;overflow-wrap:anywhere}.kc-cg-learned{margin-top:6px}.kc-cg-learned>.kc-cg-label{margin-top:16px;margin-bottom:6px}.kc-cg-learned-hint{color:var(--cg-muted);font-size:12px;line-height:1.4;margin:0 0 10px}.kc-cg-src-tag{color:var(--cg-muted);font:800 10px/1 Manrope,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase}.kc-cg-src-tag.is-used{color:var(--cg-ok)}.kc-cg-src-txt{font-size:13.5px;line-height:1.55;margin:0;overflow-wrap:anywhere}.kc-cg-src-note{color:var(--cg-muted)}.kc-cg-src-note{font-size:12px;margin:0}.kc-cg-src-files{display:flex;flex-wrap:wrap;gap:6px}.kc-cg-src-files span{color:var(--cg-muted);flex:0 0 100%;font:700 10.5px/1 Manrope,system-ui,sans-serif}.kc-cg-src-files code{background:var(--cg-code-bg);border-radius:7px;color:var(--cg-code-ink);font:500 11.5px DM Mono,ui-monospace,monospace;max-width:100%;overflow:hidden;padding:5px 8px;text-overflow:ellipsis;white-space:nowrap}.kc-cg-src-open{align-items:center;background:var(--cg-accent);border:0;border-radius:11px;color:var(--cg-on);cursor:pointer;display:inline-flex;font:800 12px/1 Manrope,system-ui,sans-serif;gap:7px;justify-self:start;min-height:40px;padding:0 14px}.kc-cg-src-open:active{transform:scale(.96)}.kc-cg-src-open svg{fill:none;height:15px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1;width:15px}.kc-cg-history>.kc-cg-label{margin-top:0}.kc-cg-his{align-items:center;border-top:1px solid var(--cg-line);cursor:pointer;display:flex;gap:8px;justify-content:space-between;min-height:56px;padding:9px 0;transition:background .2s}.kc-cg-his:first-of-type{border-top:0}.kc-cg-his:active{background:var(--cg-soft)}.kc-cg-his-tx{display:grid;gap:2px;min-width:0}.kc-cg-his-tx strong{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-cg-his-tx small{color:var(--cg-muted);font-size:11.5px}.kc-cg-del{background:transparent;border:0;border-radius:12px;color:var(--cg-muted);cursor:pointer;flex:0 0 auto;height:44px;width:44px}.kc-cg-del:active{background:var(--cg-soft);color:var(--cg-warn)}.kc-cg-del svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:18px}.kc-cg-privacy{align-items:center;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto}.kc-cg-priv-ic{align-items:center;background:var(--cg-tint);border-radius:13px;color:var(--cg-ink);display:inline-flex;height:40px;justify-content:center;width:40px}.kc-cg-priv-ic svg{fill:none;height:19px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:19px}.kc-cg-priv-tx{display:grid;gap:3px;min-width:0}.kc-cg-priv-tx strong{font-size:13.5px}.kc-cg-priv-tx small{color:var(--cg-muted);font-size:11.5px;line-height:1.45;overflow-wrap:anywhere}.kc-cg-switch{background:color-mix(in srgb,var(--cg-muted) 35%,transparent);border:0;border-radius:99px;cursor:pointer;height:30px;padding:0;position:relative;transition:background .25s;width:50px}.kc-cg-switch:after{background:#fff;border-radius:50%;box-shadow:0 1px 4px #00000059;content:"";height:24px;left:3px;position:absolute;top:3px;transition:transform .28s var(--cg-ease);width:24px}.kc-cg-switch.is-on{background:var(--cg-ok)}.kc-cg-switch.is-on:after{transform:translate(20px)}@media (min-width: 860px){.kc-cg-hero{padding-top:22px}.kc-cg-sec{padding:24px 0}.kc-cg-scroll{max-height:64vh}.kc-cg-hero h1{font-size:40px}}@media (max-width: 380px){.kc-cg-title small{display:none}.kc-cg-seg button{font-size:11.5px;gap:5px}.kc-cg-chip{font-size:12px;padding:9px 12px}}.kc-cg-from{align-items:center;display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;border-bottom:1px solid var(--cg-line)}.kc-cg-from>span{color:var(--cg-muted);font:700 11px/1.2 Manrope,system-ui,sans-serif}.kc-cg-from.is-own>span{color:var(--cg-muted)}.kc-cg-from-chip{align-items:center;background:var(--cg-soft);border:1px solid var(--cg-line);border-radius:999px;color:var(--cg-ink);display:inline-flex;font:600 11.5px/1.2 Manrope,system-ui,sans-serif;gap:6px;max-width:100%;padding:6px 10px}.kc-cg-from-chip b{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-cg-from-chip em{color:var(--cg-muted);font-style:normal}.kc-cg-from-chip i{color:var(--cg-ok);font-style:normal;font-weight:800}.kc-cg-runbar{align-items:center;background:var(--cg-accent);border:0;border-radius:16px;box-shadow:0 14px 26px -16px #000000e6;color:var(--cg-on);cursor:pointer;display:flex;font-family:Manrope,system-ui,sans-serif;gap:12px;margin-top:12px;min-height:58px;padding:9px 14px 9px 10px;text-align:left;transition:transform .16s var(--cg-ease);width:100%}.kc-cg-runbar:active{transform:scale(.985)}.kc-cg-runbar>svg{background:var(--cg-on);border-radius:12px;color:var(--cg-accent);fill:currentColor;flex:0 0 auto;height:38px;padding:10px;stroke:currentColor;stroke-linejoin:round;stroke-width:1.5;width:38px}.kc-cg-runbar>span{display:grid;flex:1 1 auto;gap:2px;min-width:0}.kc-cg-runbar strong{font-size:14.5px;font-weight:800;letter-spacing:-.01em}.kc-cg-runbar small{font-size:11.5px;font-weight:600;opacity:.62;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-cg-runbar>i{display:inline-flex;flex:0 0 auto}.kc-cg-runbar>i svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:18px}.kc-cg-taken{display:grid;gap:10px}.kc-cg-tk{background:var(--cg-code-bg);border:1px solid var(--cg-line);border-radius:13px;min-width:0;overflow:hidden}.kc-cg-tk-bar{align-items:center;background:#ffffff0d;display:flex;gap:8px;justify-content:space-between;padding:5px 6px 5px 11px}.kc-cg-tk-file{align-items:center;color:var(--cg-ink);display:inline-flex;font:600 12px DM Mono,ui-monospace,monospace;gap:7px;min-width:0}.kc-cg-tk-file svg{color:var(--cg-ok);fill:none;flex:0 0 auto;height:14px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:14px}.kc-cg-tk-file b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-cg-tk-file i{color:var(--cg-muted);flex:0 0 auto;font-size:10.5px;font-style:normal}.kc-cg-tk-copy{align-items:center;background:#ffffff1a;border:0;border-radius:9px;color:#e6edf3;cursor:pointer;display:inline-flex;flex:0 0 auto;font:800 11px/1 Manrope,system-ui,sans-serif;gap:6px;min-height:32px;padding:0 11px}.kc-cg-tk-copy:active{transform:scale(.94)}.kc-cg-tk-copy svg{fill:none;height:13px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1;width:13px}.kc-cg-tk-loc{align-items:flex-start;border-bottom:1px solid var(--cg-line);color:var(--cg-muted);display:flex;gap:8px;padding:8px 11px}.kc-cg-tk-loc>svg{fill:none;flex:0 0 auto;height:15px;margin-top:2px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:15px}.kc-cg-tk-loc>span{display:grid;gap:3px;min-width:0}.kc-cg-tk-loc em{font:800 9.5px/1 Manrope,system-ui,sans-serif;font-style:normal;letter-spacing:.09em;text-transform:uppercase}.kc-cg-tk-loc code{background:none;color:var(--cg-code-ink);font:500 12px DM Mono,ui-monospace,monospace;overflow-wrap:anywhere;padding:0}.kc-cg-tk-into{font-size:11.5px}.kc-cg-tk-into code{color:var(--cg-ok)}.kc-cg-tk-scroll{-webkit-overflow-scrolling:touch;max-height:300px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}.kc-cg-tk-scroll .kc-cg-pre{padding:10px 12px}.kc-cg-tk-scroll .kc-cg-pre code{font-size:11.5px}html.kc-cg-pv-open,html.kc-cg-pv-open body{overflow:hidden}.kc-cg-pv{--pv-bg: #20201f;--pv-ink: #ecebe7;--pv-muted: #9b9a94;--pv-soft: #2a2a28;--pv-line: rgba(255,255,255,.09);--pv-ease: cubic-bezier(.22, 1, .36, 1);background:var(--pv-bg);color:var(--pv-ink);color-scheme:dark;display:flex;flex-direction:column;font-family:Manrope,system-ui,sans-serif;height:100vh;height:100dvh;inset:0;opacity:0;position:fixed;transform:translateY(24px);transition:opacity .25s ease,transform .35s var(--pv-ease);width:100%;z-index:4000}.kc-cg-pv.is-open{opacity:1;transform:none}.kc-cg-pv *,.kc-cg-pv *:before,.kc-cg-pv *:after{box-sizing:border-box}.kc-cg-pv button{-webkit-tap-highlight-color:transparent;font-family:inherit}.kc-cg-pv-bar{align-items:center;background:var(--pv-bg);border-bottom:1px solid var(--pv-line);display:flex;flex:0 0 auto;gap:8px;padding:calc(8px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 8px max(12px,env(safe-area-inset-left,0px))}.kc-cg-pv-btn{align-items:center;background:var(--pv-soft);border:0;border-radius:12px;color:var(--pv-ink);cursor:pointer;display:inline-flex;flex:0 0 auto;height:40px;justify-content:center;width:40px}.kc-cg-pv-btn:active{transform:scale(.93)}.kc-cg-pv-btn svg,.kc-cg-pv-seg svg,.kc-cg-pv-err svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:18px}.kc-cg-pv-title{display:grid;flex:1 1 auto;min-width:0}.kc-cg-pv-title strong{font-size:14.5px;font-weight:800;letter-spacing:-.01em;line-height:1.15}.kc-cg-pv-title small{color:var(--pv-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-cg-pv-seg{background:var(--pv-soft);border-radius:13px;display:inline-flex;flex:0 0 auto;gap:3px;padding:3px}.kc-cg-pv-seg button{align-items:center;background:transparent;border:0;border-radius:10px;color:var(--pv-muted);cursor:pointer;display:inline-flex;font:800 12px/1 inherit;gap:6px;height:34px;justify-content:center;padding:0 11px;transition:background .25s var(--pv-ease),color .2s}.kc-cg-pv-seg button.is-active{background:#ecebe7;color:#20201f}.kc-cg-pv-err{align-items:center;background:#f0b24a29;border:0;border-radius:12px;color:#f0b24a;cursor:pointer;display:inline-flex;flex:0 0 auto;font:800 12px/1 inherit;gap:5px;height:40px;padding:0 11px}.kc-cg-pv-err[hidden]{display:none}.kc-cg-pv-stage{align-items:center;background:radial-gradient(120% 80% at 50% 0%,#2a2a28,#1a1a19 70%);display:flex;flex:1 1 auto;justify-content:center;min-height:0;overflow:hidden;width:100%}.kc-cg-pv-fit{flex:0 0 auto;overflow:hidden;position:relative;transition:width .32s var(--pv-ease),height .32s var(--pv-ease)}.kc-cg-pv-dev-frame{background:#fff;display:flex;flex-direction:column;left:0;overflow:hidden;position:absolute;top:0;transform-origin:0 0;transition:width .32s var(--pv-ease),height .32s var(--pv-ease)}.kc-cg-pv-screen{background:#fff;flex:1 1 auto;min-height:0;position:relative}.kc-cg-pv-iframe{background:#fff;border:0;display:block;height:100%;inset:0;position:absolute;width:100%}.kc-cg-pv-fail{align-items:center;background:#fff;color:#20201f;display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;padding:24px;position:absolute;text-align:center;z-index:2}.kc-cg-pv-fail strong{font-size:15px}.kc-cg-pv-fail p{color:#6b6a64;font-size:12.5px;line-height:1.5;margin:0;max-width:300px}.kc-cg-pv-fail div{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.kc-cg-pv-fail button{background:#20201f;border:0;border-radius:10px;color:#fff;cursor:pointer;font:700 12.5px/1 inherit;padding:11px 16px}.kc-cg-pv-fail button+button{background:#ecebe7;color:#20201f}.kc-cg-pv-load{align-items:flex-start;background:#fff;display:flex;inset:0;position:absolute;z-index:1}.kc-cg-pv-load i{animation:kcCgSlide 1.1s ease-in-out infinite;background:#20201f;display:block;height:3px;width:35%}.kc-cg-pv-chrome{align-items:center;background:#2a2a28;display:none;flex:0 0 auto;gap:7px;height:38px;padding:0 14px}.kc-cg-pv-chrome i{background:#55554f;border-radius:50%;height:11px;width:11px}.kc-cg-pv-chrome i:nth-child(1){background:#ff6159}.kc-cg-pv-chrome i:nth-child(2){background:#ffbd2e}.kc-cg-pv-chrome i:nth-child(3){background:#28c940}.kc-cg-pv-chrome span{align-items:center;background:#1a1a19;border-radius:8px;color:#9b9a94;display:inline-flex;flex:1 1 auto;font:500 12px DM Mono,ui-monospace,monospace;gap:7px;height:26px;margin-left:10px;max-width:520px;min-width:0;padding:0 11px;white-space:nowrap}.kc-cg-pv-chrome span svg{fill:none;flex:0 0 auto;height:12px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:12px}.kc-cg-pv[data-mode=desktop] .kc-cg-pv-chrome{display:flex}.kc-cg-pv[data-mode=desktop] .kc-cg-pv-dev-frame{border-radius:10px 10px 0 0;box-shadow:0 30px 70px -20px #000c}.kc-cg-pv[data-mode=phone]:not(.is-bare) .kc-cg-pv-fit{border-radius:42px;box-shadow:0 0 0 9px #0c0c0b,0 0 0 10px #3a3a37,0 40px 80px -20px #000000d9}.kc-cg-pv[data-mode=phone]:not(.is-bare) .kc-cg-pv-dev-frame{border-radius:42px}.kc-cg-pv-notch{background:#0c0c0b;border-radius:99px;display:none;height:22px;left:50%;position:absolute;top:9px;transform:translate(-50%);width:92px;z-index:3}.kc-cg-pv[data-mode=phone]:not(.is-bare) .kc-cg-pv-notch{display:block}.kc-cg-pv.is-bare .kc-cg-pv-fit,.kc-cg-pv.is-bare .kc-cg-pv-dev-frame{border-radius:0;box-shadow:none}.kc-cg-pv-note{background:var(--pv-bg);border-top:1px solid var(--pv-line);color:var(--pv-muted);flex:0 0 auto;font-size:11px;margin:0;padding:7px 14px calc(7px + env(safe-area-inset-bottom,0px));text-align:center}@media (max-width: 520px){.kc-cg-pv-seg button span{display:none}.kc-cg-pv-seg button{padding:0 11px}.kc-cg-pv-title small .kc-cg-pv-size{display:none}}@media (prefers-reduced-motion: reduce){.kc-cg-pv,.kc-cg-pv-fit,.kc-cg-pv-dev-frame,.kc-cg-pv-load i{animation:none!important;transition:none!important}}.kc-cg-learned{margin-left:calc(-1 * var(--cg-pad));margin-right:calc(-1 * var(--cg-pad-r))}.kc-cg-learned>.kc-cg-label,.kc-cg-learned-hint{padding-left:var(--cg-pad);padding-right:var(--cg-pad-r)}.kc-cg-srcs{display:block}.kc-cg-lrow{-webkit-tap-highlight-color:transparent;align-items:center;background:transparent;border:0;border-top:1px solid var(--cg-line);color:var(--cg-ink);cursor:pointer;display:flex;font-family:Manrope,system-ui,sans-serif;gap:12px;min-height:62px;padding:10px var(--cg-pad-r) 10px var(--cg-pad);text-align:left;touch-action:manipulation;width:100%}.kc-cg-lrow:last-child{border-bottom:1px solid var(--cg-line)}.kc-cg-lrow:active{background:var(--cg-soft)}.kc-cg-lrow>b{background:var(--cg-accent);border-radius:6px;color:var(--cg-on);flex:0 0 auto;font-size:9px;letter-spacing:.06em;padding:4px 7px;text-transform:uppercase}.kc-cg-lrow.is-used>b{background:var(--cg-ok);color:#0e2a1c}.kc-cg-lrow-tx{display:grid;flex:1 1 auto;gap:3px;min-width:0}.kc-cg-lrow-tx strong{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-cg-lrow-tx small{color:var(--cg-muted);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-cg-lrow>i{color:var(--cg-muted);display:inline-flex;flex:0 0 auto}.kc-cg-lrow>i svg{fill:none;height:19px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:19px}.kc-cg{position:relative}.kc-cg-fs{background:var(--cg-bg);display:flex;flex-direction:column;inset:0;opacity:0;position:absolute;transform:translate(26px);transition:opacity .18s ease,transform .22s var(--cg-ease);z-index:20}.kc-cg-fs.is-open{opacity:1;transform:none}.kc-cg-fs-bar{align-items:center;border-bottom:1px solid var(--cg-line);display:flex;flex:0 0 auto;gap:12px;padding:calc(10px + env(safe-area-inset-top,0px)) var(--cg-pad-r) 10px var(--cg-pad)}.kc-cg-fs-bar .page-back-button{touch-action:manipulation}.kc-cg-fs-title{display:grid;gap:2px;min-width:0}.kc-cg-fs-title small{color:var(--cg-muted);font:800 10px/1 Manrope,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase}.kc-cg-fs-title strong{font-size:16px;font-weight:800;letter-spacing:-.015em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-cg-fs-title em{color:var(--cg-muted);font-size:12px;font-style:normal}.kc-cg-fs-body{-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:18px var(--cg-pad-r) calc(32px + env(safe-area-inset-bottom,0px)) var(--cg-pad)}.kc-cg-fs-inner{display:grid;gap:14px;margin:0 auto;max-width:780px;min-width:0}.kc-cg-fs .kc-cg-tk-scroll{max-height:none}.kc-cg-fs .kc-cg-tk{border-left:0;border-radius:0;border-right:0;margin:0 calc(-1 * var(--cg-pad-r)) 0 calc(-1 * var(--cg-pad))}.kc-cg-drawer{inset:0;position:absolute;transition:visibility 0s linear .25s;visibility:hidden;z-index:25}.kc-cg-drawer.is-open{transition-delay:0s;visibility:visible}.kc-cg-dr-scrim{background:#0000008c;inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.kc-cg-drawer.is-open .kc-cg-dr-scrim{opacity:1}.kc-cg-dr-panel{background:var(--cg-bg);border-left:1px solid var(--cg-line);bottom:0;box-shadow:-18px 0 40px -20px #000c;display:flex;flex-direction:column;max-width:100%;padding:calc(12px + env(safe-area-inset-top,0px)) 0 env(safe-area-inset-bottom,0px);position:absolute;right:0;top:0;transform:translate(100%);transition:transform .24s var(--cg-ease);width:min(360px,88vw)}.kc-cg-drawer.is-open .kc-cg-dr-panel{transform:none}.kc-cg-dr-head{align-items:center;display:flex;justify-content:space-between;padding:2px 14px 10px 18px}.kc-cg-dr-head strong{font-size:17px;font-weight:800;letter-spacing:-.02em}.kc-cg-dr-x{align-items:center;background:var(--cg-soft);border:0;border-radius:11px;color:var(--cg-ink);cursor:pointer;display:inline-flex;height:38px;justify-content:center;touch-action:manipulation;width:38px}.kc-cg-dr-x svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-width:2.2;width:18px}.kc-cg-dr-new{align-items:center;background:var(--cg-accent);border:0;border-radius:13px;color:var(--cg-on);cursor:pointer;display:flex;font:800 13px/1 Manrope,system-ui,sans-serif;gap:8px;justify-content:center;margin:2px 16px 10px;min-height:44px;touch-action:manipulation}.kc-cg-dr-new:active{transform:scale(.97)}.kc-cg-dr-new svg{fill:none;height:17px;stroke:currentColor;stroke-linecap:round;stroke-width:2.4;width:17px}.kc-cg-dr-list{-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 14px 0 18px}.kc-cg-dr-list .kc-cg-his:first-child{border-top:0}.kc-cg-dr-empty{align-items:center;color:var(--cg-muted);display:grid;gap:8px;justify-items:center;padding:44px 14px;text-align:center}.kc-cg-dr-empty svg{fill:none;height:34px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;width:34px}.kc-cg-dr-empty strong{color:var(--cg-ink);font-size:14px}.kc-cg-dr-empty p{font-size:12px;line-height:1.5;margin:0;max-width:24ch}.kc-cg-dr-note{align-items:center;border-top:1px solid var(--cg-line);color:var(--cg-muted);display:flex;font-size:11.5px;gap:8px;line-height:1.4;margin:0;padding:12px 18px}.kc-cg-dr-note svg{fill:none;flex:0 0 auto;height:15px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:15px}@media (prefers-reduced-motion: reduce){.kc-cg-fs,.kc-cg-dr-panel,.kc-cg-dr-scrim{transition:none}}.kc-cg-how{border-top:1px solid var(--cg-line);margin:4px 0 16px;padding-top:14px}.kc-cg-how-row{display:grid;font-size:13px;gap:10px;grid-template-columns:96px 1fr;line-height:1.5;padding:5px 0}.kc-cg-how-row b{color:var(--cg-muted);font-weight:700}.kc-cg-how-row span{overflow-wrap:anywhere}.kc-cg-how-checks{display:grid;gap:6px 14px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));list-style:none;margin:10px 0 0;padding:0}.kc-cg-how-checks li{align-items:center;display:flex;font-size:12.5px;gap:7px}.kc-cg-how-checks li svg{fill:none;flex:0 0 auto;height:14px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4;width:14px}.kc-cg-how-checks li.is-ok svg{color:var(--cg-ok)}.kc-cg-how-checks li.is-bad svg{color:var(--cg-warn)}.kc-cg-how-checks em{color:var(--cg-muted);font-style:normal}.kc-cg-how-fixes{color:var(--cg-muted);font-size:12px;line-height:1.55;margin:10px 0 0}