/*! (c) KudosC / MrDevStack - ZynSoft. All rights reserved. Proprietary software: copying, redistribution or reverse engineering without written permission is prohibited. */
.kc-ml-composer,.kc-ml-view,.kc-ml-card{--ml-bg: #f5f5f2;--ml-s1: #ffffff;--ml-s2: #ecece8;--ml-line: rgba(32, 32, 31, .12);--ml-line2: rgba(32, 32, 31, .22);--ml-text: #20201f;--ml-muted: #6c6c66;--ml-accent: #20201f;--ml-on-accent: #f5f5f2;--ml-code-bg: #171716;--ml-code-ink: #e8e8e3;--ml-good: #4fae78;--ml-bad: #e0635a}body[data-theme=dark] .kc-ml-composer,body[data-theme=dark] .kc-ml-view,body[data-theme=dark] .kc-ml-card{--ml-bg: #20201f;--ml-s1: #292927;--ml-s2: #333331;--ml-line: rgba(255, 255, 255, .09);--ml-line2: rgba(255, 255, 255, .17);--ml-text: #f3f3ef;--ml-muted: #a5a59e;--ml-accent: #f3f3ef;--ml-on-accent: #20201f}body.kc-ml-open{overflow:hidden}.kc-snip.is-motion{--accent: #d9a441}.kc-ml-top{align-items:center;background:color-mix(in srgb,var(--ml-bg) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--ml-line);display:flex;flex:0 0 auto;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 10px) clamp(12px,3vw,28px) 10px}.kc-ml-title{display:grid;flex:1 1 auto;min-width:0}.kc-ml-title small{color:var(--ml-muted);font:700 10px DM Mono,ui-monospace,monospace;letter-spacing:.16em}.kc-ml-title strong{color:var(--ml-text);font-size:17px;letter-spacing:-.02em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-ml-icon{align-items:center;background:var(--ml-s1);border:1px solid var(--ml-line2);border-radius:11px;color:var(--ml-text);cursor:pointer;display:inline-flex;flex:0 0 auto;height:40px;justify-content:center;padding:0;width:40px}.kc-ml-icon svg{height:19px;width:19px}.kc-ml-icon.is-small{border-radius:10px;height:34px;width:34px}.kc-ml-icon:hover{background:var(--ml-s2)}.kc-ml-btn{align-items:center;background:var(--ml-s1);border:1px solid var(--ml-line2);border-radius:11px;color:var(--ml-text);cursor:pointer;display:inline-flex;font:800 12.5px/1 Manrope,system-ui,sans-serif;gap:7px;justify-content:center;min-height:40px;padding:0 14px;transition:transform .12s ease,background .15s ease}.kc-ml-btn svg{flex:0 0 auto;height:16px;width:16px}.kc-ml-btn:active{transform:scale(.97)}.kc-ml-btn:hover{background:var(--ml-s2)}.kc-ml-btn.is-primary{background:var(--ml-accent);border-color:var(--ml-accent);color:var(--ml-on-accent)}.kc-ml-btn.is-primary:hover{filter:brightness(.94)}.kc-ml-btn em{background:color-mix(in srgb,currentColor 14%,transparent);border-radius:99px;font:700 10.5px DM Mono,ui-monospace,monospace;font-style:normal;padding:3px 7px}.kc-ml-seg{background:var(--ml-s1);border:1px solid var(--ml-line);border-radius:13px;display:inline-flex;gap:3px;padding:3px}.kc-ml-seg button{align-items:center;background:transparent;border:0;border-radius:10px;color:var(--ml-muted);cursor:pointer;display:inline-flex;flex:1 1 0;font:800 12.5px/1 Manrope,system-ui,sans-serif;gap:7px;justify-content:center;padding:10px 14px;transition:background .15s,color .15s}.kc-ml-seg button svg{height:15px;width:15px}.kc-ml-seg button.is-active{background:var(--ml-accent);color:var(--ml-on-accent)}.kc-ml-seg.is-small button{font-size:11.5px;padding:7px 11px}.kc-ml-bar{align-items:center;border-bottom:1px solid var(--ml-line);color:var(--ml-text);display:flex;flex:0 0 auto;gap:10px;padding:10px clamp(12px,3vw,20px)}.kc-ml-bar b{font-size:13px;letter-spacing:-.01em}.kc-ml-size,.kc-ml-status{color:var(--ml-muted);flex:1 1 auto;font:600 11px DM Mono,ui-monospace,monospace;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-ml-status:before{background:var(--ml-good);border-radius:50%;content:"";display:inline-block;height:7px;margin-right:7px;vertical-align:1px;width:7px}.kc-ml-status.is-bad{color:var(--ml-bad)}.kc-ml-status.is-bad:before{background:var(--ml-bad)}.kc-ml-verr{align-items:center;background:color-mix(in srgb,var(--ml-bad) 14%,transparent);border:1px solid color-mix(in srgb,var(--ml-bad) 45%,transparent);border-radius:99px;color:var(--ml-bad);cursor:pointer;display:inline-flex;font:700 11px DM Mono,ui-monospace,monospace;gap:6px;max-width:46%;padding:5px 10px}.kc-ml-verr[hidden]{display:none}.kc-ml-verr svg{flex:0 0 auto;height:14px;width:14px}.kc-ml-verr b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-ml-screen{background:#fff;inset:0;overflow:hidden;position:absolute}.kc-ml-iframe{background:#fff;border:0;display:block;height:100%;width:100%}.kc-ml-poster{align-items:center;background:var(--ml-s1);color:var(--ml-muted);display:flex;flex-direction:column;font-size:12px;gap:10px;inset:0;justify-content:center;padding:16px;position:absolute;text-align:center;transition:opacity .25s ease,visibility .25s ease}.kc-ml-poster svg{height:30px;opacity:.55;width:30px}.kc-ml-screen.is-ready+.kc-ml-poster{opacity:0;pointer-events:none;visibility:hidden}.kc-ml-screen.is-failed+.kc-ml-poster span{font-size:0}.kc-ml-screen.is-failed+.kc-ml-poster span:after{content:"The preview didn\2019t load. Open it full screen or download the .zip.";font-size:12px}.kc-ml-screen:has(.kc-ml-iframe):not(.is-ready):not(.is-failed)+.kc-ml-poster{background:var(--ml-s1)}.kc-ml-card{display:grid;gap:10px;margin-top:2px}.kc-ml-stage{aspect-ratio:16 / 10;background:var(--ml-s1);border:1px solid var(--ml-line);border-radius:14px;isolation:isolate;max-height:380px;overflow:hidden;position:relative;width:100%}.kc-ml-card .kc-ml-iframe{pointer-events:none}.kc-ml-chip{align-items:center;background:#141413b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);border-radius:99px;color:#f3f3ef;display:inline-flex;font:800 9.5px/1 DM Mono,ui-monospace,monospace;gap:6px;left:10px;letter-spacing:.14em;padding:6px 9px 6px 8px;pointer-events:none;position:absolute;top:10px;z-index:3}.kc-ml-chip i{animation:kcMlPulse 1.8s ease-in-out infinite;background:#5fd08a;border-radius:50%;height:6px;width:6px}@keyframes kcMlPulse{50%{opacity:.35;transform:scale(.7)}}.kc-ml-expand{align-items:center;background:#141413b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);border-radius:11px;color:#f3f3ef;cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:0;position:absolute;right:10px;top:10px;width:34px;z-index:3}.kc-ml-expand svg{height:16px;width:16px}.kc-ml-files{display:flex;flex-wrap:wrap;gap:6px}.kc-ml-file{align-items:center;background:var(--ml-s2);border-radius:8px;color:var(--ml-muted);display:inline-flex;font:600 10.5px DM Mono,ui-monospace,monospace;gap:6px;padding:5px 8px}.kc-ml-file b{color:var(--ml-text);font-weight:600}.kc-ml-file i{font-style:normal;opacity:.75}.kc-ml-actions{display:flex;flex-wrap:nowrap;gap:8px}.kc-ml-actions .kc-ml-btn{flex:1 1 0;font-size:12px;gap:6px;min-height:36px;min-width:0;padding:0 10px;white-space:nowrap}.kc-ml-actions .kc-ml-btn span{overflow:hidden;text-overflow:ellipsis}.kc-ml-actions .kc-ml-btn svg{height:15px;width:15px}.kc-ml-composer,.kc-ml-view{background:var(--ml-bg);color:var(--ml-text);display:flex;flex-direction:column;font-family:Manrope,system-ui,sans-serif;inset:0;position:fixed;z-index:90}.kc-ml-composer.is-hidden,.kc-ml-view.is-hidden{display:none}.kc-ml-composer{opacity:0;transform:translateY(14px);transition:opacity .2s ease,transform .2s ease}.kc-ml-composer.is-in{opacity:1;transform:none}.kc-ml-post{background:var(--ml-s2);border:0;border-radius:99px;color:var(--ml-muted);cursor:pointer;font:800 13px/1 Manrope,system-ui,sans-serif;min-height:36px;padding:0 20px;transition:background .15s,color .15s}.kc-ml-post.is-ready{background:var(--ml-accent);color:var(--ml-on-accent)}.kc-ml-post:disabled{opacity:.6}.kc-ml-ctabs,.kc-ml-vtabs{align-self:stretch;display:flex;flex:0 0 auto;margin:10px clamp(12px,3vw,28px) 0}.kc-ml-ctabs button,.kc-ml-vtabs button{flex:1 1 0}.kc-ml-cbody{display:block;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.kc-ml-editor{display:grid;gap:14px;margin:0 auto;max-width:820px;padding:16px clamp(14px,3vw,28px) calc(36px + env(safe-area-inset-bottom,0px))}.kc-ml-composer[data-tab=preview] .kc-ml-editor,.kc-ml-composer[data-tab=code] .kc-ml-live{display:none}.kc-ml-live{display:flex;flex-direction:column;min-height:0}.kc-ml-live .kc-ml-stage{aspect-ratio:auto;border-left:0;border-radius:0;border-right:0;flex:1 1 auto;max-height:none;min-height:320px}.kc-ml-intro{color:var(--ml-muted);font-size:13px;line-height:1.55;margin:0}.kc-ml-intro b{color:var(--ml-text);font:600 12px DM Mono,ui-monospace,monospace}.kc-ml-etabs{border-bottom:1px solid var(--ml-line);display:flex;gap:2px;margin-bottom:-6px}.kc-ml-etabs button{align-items:center;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--ml-muted);cursor:pointer;display:inline-flex;font:600 12.5px DM Mono,ui-monospace,monospace;gap:8px;padding:10px 14px}.kc-ml-etabs button i{background:transparent;border-radius:50%;height:6px;width:6px}.kc-ml-etabs button.has-code i{background:var(--ml-good)}.kc-ml-etabs button.is-active{border-bottom-color:var(--ml-text);color:var(--ml-text)}.kc-ml-ta{background:var(--ml-code-bg);border:1px solid var(--ml-line2);border-radius:14px;box-sizing:border-box;color:var(--ml-code-ink);font:13px/1.65 DM Mono,ui-monospace,monospace;min-height:300px;outline:0;padding:14px;resize:vertical;tab-size:2;width:100%}.kc-ml-ta:focus{border-color:var(--ml-text)}.kc-ml-ta::placeholder{color:#77776f}.kc-ml-editrow{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:-6px}.kc-ml-editrow span{color:var(--ml-muted);font:600 11px DM Mono,ui-monospace,monospace}.kc-ml-link{background:transparent;border:0;color:var(--ml-text);cursor:pointer;font:800 12px Manrope,system-ui,sans-serif;padding:6px 0;text-decoration:underline;text-underline-offset:3px}.kc-ml-field{color:var(--ml-text);display:grid;gap:7px}.kc-ml-field>span{align-items:baseline;display:flex;font-size:12.5px;font-weight:800;justify-content:space-between}.kc-ml-field em{color:var(--ml-muted);font:600 11px DM Mono,ui-monospace,monospace;font-style:normal}.kc-ml-field input,.kc-ml-field textarea{background:var(--ml-s1);border:1px solid var(--ml-line2);border-radius:12px;box-sizing:border-box;color:var(--ml-text);font:500 15px/1.4 Manrope,system-ui,sans-serif;outline:0;padding:12px 14px;width:100%}.kc-ml-field textarea{resize:vertical}.kc-ml-field input:focus,.kc-ml-field textarea:focus{border-color:var(--ml-text)}.kc-ml-tagbox{align-items:center;background:var(--ml-s1);border:1px solid var(--ml-line2);border-radius:12px;display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px}.kc-ml-tagbox:focus-within{border-color:var(--ml-text)}.kc-ml-tagbox>span{display:contents}.kc-ml-tagbox input{background:transparent;border:0;flex:1 1 90px;font:500 14px Manrope,system-ui,sans-serif;min-width:70px;outline:0;padding:4px 2px;width:auto}.kc-ml-tag{align-items:center;background:var(--ml-s2);border:0;border-radius:99px;color:var(--ml-text);cursor:pointer;display:inline-flex;font:700 12px Manrope,system-ui,sans-serif;gap:6px;padding:6px 8px 6px 11px}.kc-ml-tag b{color:var(--ml-muted);font-size:14px;line-height:1}.kc-ml-note{color:var(--ml-muted);font-size:12px;line-height:1.55;margin:0}@media (min-width: 980px){.kc-ml-ctabs,.kc-ml-vtabs{display:none}.kc-ml-cbody{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);overflow:hidden}.kc-ml-composer .kc-ml-editor,.kc-ml-composer[data-tab] .kc-ml-editor{display:grid;margin:0;max-width:none;overflow-y:auto;padding-bottom:40px}.kc-ml-composer .kc-ml-live,.kc-ml-composer[data-tab] .kc-ml-live{border-left:1px solid var(--ml-line);display:flex}.kc-ml-live .kc-ml-stage{border-bottom:0}}.kc-ml-vbody,.kc-ml-vprev,.kc-ml-vcode{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.kc-ml-view[data-tab=preview] .kc-ml-vcode,.kc-ml-view[data-tab=code] .kc-ml-vprev{display:none}.kc-ml-vstage{align-items:center;background:radial-gradient(circle at 1px 1px,var(--ml-line) 1px,transparent 0) 0 0 / 18px 18px,var(--ml-bg);display:flex;flex:1 1 auto;justify-content:center;min-height:0;overflow:hidden;position:relative}.kc-ml-fit{flex:0 0 auto;position:relative}.kc-ml-dev{background:#fff;border:1px solid var(--ml-line2);border-radius:12px;box-shadow:0 24px 60px #00000059;left:0;overflow:hidden;position:absolute;top:0;transform-origin:0 0}.kc-ml-view[data-mode=phone] .kc-ml-dev{border-radius:30px;border-width:6px}.kc-ml-view.is-bare .kc-ml-dev{border:0;border-radius:0;box-shadow:none}.kc-ml-dev .kc-ml-iframe{pointer-events:auto}.kc-ml-safe{color:var(--ml-muted);flex:0 0 auto;font-size:11px;margin:0;padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px));text-align:center}.kc-ml-vcode{border-top:1px solid var(--ml-line);overflow-y:auto;-webkit-overflow-scrolling:touch}.kc-ml-ftabs{background:var(--ml-bg);border-bottom:1px solid var(--ml-line);display:flex;flex:0 0 auto;gap:2px;overflow-x:auto;padding:0 10px;position:sticky;scrollbar-width:none;top:0;z-index:2}.kc-ml-ftabs::-webkit-scrollbar{display:none}.kc-ml-ftabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--ml-muted);cursor:pointer;flex:0 0 auto;font:600 12.5px DM Mono,ui-monospace,monospace;padding:12px}.kc-ml-ftabs button.is-active{border-bottom-color:var(--ml-text);color:var(--ml-text)}.kc-ml-codebar{align-items:center;background:var(--ml-code-bg);display:flex;flex:0 0 auto;gap:10px;justify-content:space-between;padding:8px 10px 8px 14px}.kc-ml-codename{align-items:baseline;color:#a5a59e;display:inline-flex;font:600 11px DM Mono,ui-monospace,monospace;gap:10px}.kc-ml-codename b{color:#e8e8e3;font-weight:600}.kc-ml-codename i{font-style:normal;opacity:.7}.kc-ml-copy{align-items:center;background:#ffffff17;border:0;border-radius:9px;color:#f3f3ef;cursor:pointer;display:inline-flex;font:800 11.5px/1 Manrope,system-ui,sans-serif;gap:6px;padding:8px 12px}.kc-ml-copy svg{height:14px;width:14px}.kc-ml-copy.is-done{background:#2f7d52}.kc-ml-code{background:var(--ml-code-bg);color:var(--ml-code-ink);flex:0 0 auto;font:12.5px/1.7 DM Mono,ui-monospace,monospace;margin:0;max-height:56vh;min-height:160px;outline:0;overflow:auto;padding:14px 16px 20px;tab-size:2;white-space:pre}.kc-ml-code code{font:inherit}.kc-ml-code .tk-c{color:#7a7a73;font-style:italic}.kc-ml-code .tk-s{color:#a9cf8f}.kc-ml-code .tk-n{color:#e6a07c}.kc-ml-code .tk-k,.kc-ml-code .tk-t{color:#e6c07b}.kc-ml-code .tk-a,.kc-ml-code .tk-f{color:#8fcfd6}.kc-ml-about{display:grid;gap:10px;padding:18px clamp(14px,3vw,22px) calc(26px + env(safe-area-inset-bottom,0px))}.kc-ml-who{align-items:center;cursor:pointer;display:flex;gap:10px}.kc-ml-who .mini-avatar{height:38px;width:38px}.kc-ml-who span:last-child{display:grid}.kc-ml-who strong{color:var(--ml-text);font-size:13.5px}.kc-ml-who small{color:var(--ml-muted);font-size:11.5px}.kc-ml-about h3{color:var(--ml-text);font-size:18px;letter-spacing:-.02em;line-height:1.25;margin:2px 0 0}.kc-ml-about p{color:var(--ml-muted);font-size:13.5px;line-height:1.6;margin:0;white-space:pre-line;overflow-wrap:anywhere}.kc-ml-about .kc-snip.kc-ml-vfoot{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;padding:4px 0 0}.kc-ml-about .kc-snip.kc-ml-vfoot:before{display:none}@media (min-width: 980px){.kc-ml-vbody{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(380px,.9fr)}.kc-ml-view[data-tab] .kc-ml-vprev,.kc-ml-view[data-tab] .kc-ml-vcode{display:flex}.kc-ml-vcode{border-left:1px solid var(--ml-line);border-top:0}.kc-ml-code{max-height:46vh}}@media (prefers-reduced-motion: reduce){.kc-ml-chip i{animation:none}.kc-ml-composer{transition:none}}.kc-snip.is-motion .kc-snip-tags i,.kc-ml-about .kc-snip-tags i{background:var(--ml-s2, #333331);border-radius:99px;color:var(--ml-muted, #a5a59e);font:700 11px Manrope,system-ui,sans-serif;padding:5px 10px}