@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-ext-wght-normal.1zrieox9119mb.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-wght-normal.2whpih27xg_2r.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-ext-wght-normal.1xlj4-0oa5zql.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-wght-normal.1fxkn-ggzj93z.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-vietnamese-wght-normal.1ahvy37o8m5gt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-ext-wght-normal.2ktx6yqc-sbf1.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-wght-normal.0rpdhg_4ubdtf.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@layer kit{:root{--bg:#fafaf9;--bg-2:#f1f1ef;--card:#fff;--fg:#111;--muted:#6b6b6b;--line:#e6e6e3;--accent:#ff5a1f;--accent-fg:#fff;--danger:#e5484d;--ok:#30a46c;--font-body:var(--font-sans,ui-sans-serif, system-ui, sans-serif);--font-display:var(--font-body);--font-code:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);--tracking-display:-.03em;--radius:14px;--radius-sm:10px;--radius-pill:999px;--shadow-1:0 1px 1px #0000000a, 0 2px 4px #0000000a;--shadow-2:0 1px 1px #0000000a, 0 4px 8px #0000000d, 0 12px 24px #0000000f;--shadow-3:0 2px 2px #0000000d, 0 8px 16px #00000014, 0 24px 48px #0000001f;--dur-0:0s;--dur-1:.12s;--dur-2:.18s;--dur-3:.26s;--dur-page:.52s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-in:cubic-bezier(.55, 0, 1, .45);--spring:linear(0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017 19.4%, 1.067, 1.087 24.1%, 1.085, 1.068 28.3%, 1.01 33.9%, .993 37.5%, .986 40.6%, .997 51.5%, 1.002 59.2%, 1);--stagger:40ms;--hit:44px;--focus:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){:root{--focus:0 0 0 3px color-mix(in oklab, var(--accent) 45%, transparent)}}@media (prefers-reduced-motion:reduce){:root{--dur-1:0s;--dur-2:0s;--dur-3:.12s;--dur-page:.16s;--stagger:0s;--spring:var(--ease-out)}*,:before,:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@keyframes sk-rise{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes sk-fade{0%{opacity:0}to{opacity:1}}@keyframes sk-shake{0%,to{transform:none}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes sk-draw{to{stroke-dashoffset:0}}@keyframes sk-burst{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}@keyframes sk-spin{to{transform:rotate(360deg)}}.sk-rise,.sk-stagger>*{animation:sk-rise var(--dur-3) var(--spring) both}.sk-stagger>:nth-child(2){animation-delay:calc(var(--stagger) * 1)}.sk-stagger>:nth-child(3){animation-delay:calc(var(--stagger) * 2)}.sk-stagger>:nth-child(4){animation-delay:calc(var(--stagger) * 3)}.sk-stagger>:nth-child(5){animation-delay:calc(var(--stagger) * 4)}.sk-stagger>:nth-child(n+6){animation-delay:calc(var(--stagger) * 5)}.sk-shake{animation:sk-shake .24s var(--ease-out)}.sk-tilt{transition:transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);transform:perspective(700px)rotateX(0)rotateY(0)}.sk-tilt:hover{box-shadow:var(--shadow-3);transform:perspective(700px)rotateX(2deg)rotateY(-3deg)translateY(-2px)}.sk-flourish{place-items:center;display:inline-grid;position:relative}.sk-flourish svg path{stroke-dasharray:24;stroke-dashoffset:24px;animation:sk-draw var(--dur-3) var(--ease-out) forwards}.sk-flourish:after{content:"";border:2px solid var(--ok);animation:sk-burst .42s var(--ease-out) forwards;pointer-events:none;border-radius:50%;position:absolute;inset:-6px}.sk-btn{min-height:var(--hit);border-radius:var(--radius-pill);background:var(--fg);color:var(--bg);font:500 .95rem/1 var(--font-body);cursor:pointer;transition:transform var(--dur-1) var(--ease-out), background-color var(--dur-1) var(--ease-out), opacity var(--dur-1) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 1.1rem;display:inline-flex}.sk-btn:hover{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.sk-btn:hover{background:color-mix(in oklab, var(--fg) 86%, var(--bg))}}.sk-btn:active{transition-timing-function:var(--spring);transform:scale(.97)}.sk-btn:focus-visible,.sk-pill:focus-visible,.sk-icon-btn:focus-visible{box-shadow:var(--focus);outline:none}.sk-btn:disabled{opacity:.5;cursor:default;transform:none}.sk-btn:has(.sk-btn-aside){text-align:center;white-space:normal;flex-wrap:wrap;gap:.2rem .3em;max-width:100%;padding-block:.6rem;line-height:1.2}.sk-btn-aside{opacity:.72;font-weight:400}.sk-btn-quiet{color:var(--fg);border-color:var(--line);background:0 0}.sk-btn-quiet:hover{background:var(--bg-2)}.sk-btn-chatgpt{color:#fff;background:#0d0d0d}.sk-btn-chatgpt:hover{background:#2a2a2a}.sk-icon-btn{min-width:var(--hit);min-height:var(--hit);color:var(--muted);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out);background:0 0;border:0;place-items:center;font-size:1.5rem;display:inline-grid}.sk-icon-btn:hover{background:var(--bg-2);color:var(--fg)}.sk-link{color:var(--fg);text-underline-offset:3px;min-height:var(--hit);align-items:center;font-size:.9rem;display:inline-flex}.sk-field{color:var(--muted);gap:.35rem;font-size:.85rem;display:grid}.sk-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.sk-stack{justify-items:start;gap:.75rem;display:grid}.sk-stack>.sk-row,.sk-stack>.sk-field,.sk-stack>p{justify-self:stretch}.sk-panel input,.sk-panel select{min-height:var(--hit);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card);color:var(--fg);font:.95rem var(--font-body);transition:border-color var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);flex:14rem;padding:0 .9rem}.sk-panel input:focus,.sk-panel select:focus{border-color:var(--accent);box-shadow:var(--focus);outline:none}.sk-panel code,.sk-copy code{font-family:var(--font-code);font-size:.82rem}.sk-muted{color:var(--muted)}.sk-error{color:var(--danger);background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.sk-error{background:color-mix(in oklab, var(--danger) 10%, transparent)}}.sk-error{border-radius:var(--radius-sm);animation:sk-shake .24s var(--ease-out);margin:0;padding:.7rem .9rem}.sk-error a{color:inherit;font-weight:600}.sk-tag{border-radius:var(--radius-pill);background:var(--ok);align-items:center;min-height:28px;padding:0 .65rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.sk-tag{background:color-mix(in oklab, var(--ok) 14%, transparent)}}.sk-tag{color:var(--ok)}@supports (color:color-mix(in lab, red, red)){.sk-tag{color:color-mix(in oklab, var(--ok) 70%, var(--fg))}}.sk-tag{white-space:nowrap;font-size:.78rem;font-weight:600}.sk-pill{min-height:var(--hit);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--card);align-items:center;gap:.5rem;padding:0 1rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.sk-pill{background:color-mix(in oklab, var(--card) 80%, transparent)}}.sk-pill{color:var(--fg);font:500 .88rem var(--font-body);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out)}.sk-pill:hover{border-color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.sk-pill:hover{border-color:color-mix(in oklab, var(--fg) 25%, var(--line))}}.sk-pill:active{transform:scale(.97)}.sk-dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.sk-dot.is-on{background:var(--ok);box-shadow:0 0 0 3px var(--ok)}@supports (color:color-mix(in lab, red, red)){.sk-dot.is-on{box-shadow:0 0 0 3px color-mix(in oklab, var(--ok) 25%, transparent)}}.sk-dialog{border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);background:var(--bg);width:min(40rem,100vw - 2rem);max-height:min(90vh,52rem);color:var(--fg);box-shadow:var(--shadow-3);margin:auto;padding:1.25rem;overflow-x:hidden}.sk-dialog[open]{animation:sk-rise var(--dur-3) var(--spring)}.sk-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:sk-fade var(--dur-2) var(--ease-out);background:#00000073}.sk-dialog-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.sk-dialog-head h2{font:600 1.15rem/1.2 var(--font-display);letter-spacing:var(--tracking-display);margin:0}.sk-panel{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.sk-cards{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}.sk-cards>*{animation:sk-rise var(--dur-3) var(--spring) both}.sk-cards>:nth-child(2){animation-delay:var(--stagger)}.sk-cards>:nth-child(3){animation-delay:calc(var(--stagger) * 2)}.sk-cards>:nth-child(4){animation-delay:calc(var(--stagger) * 3)}.sk-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-1);transition:border-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);padding:1rem}.sk-card.is-active{border-color:var(--ok)}@supports (color:color-mix(in lab, red, red)){.sk-card.is-active{border-color:color-mix(in oklab, var(--ok) 55%, var(--line))}}.sk-card.is-active{box-shadow:var(--shadow-2)}.sk-card-head{grid-template-columns:auto 1fr auto;align-items:start;gap:.85rem;display:grid}.sk-card-head h3{font:600 1rem/1.25 var(--font-display);margin:0 0 .15rem}.sk-card-head p{margin:0;font-size:.88rem;line-height:1.45}.sk-card-icon{background:var(--bg-2);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.sk-card-icon svg{fill:none;width:20px;height:20px;stroke:var(--fg);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.sk-card-body:not(:empty){margin-top:.85rem}.sk-detail{color:var(--muted);margin:.6rem 0 0;font-size:.85rem}.sk-local{border-radius:var(--radius);border:1px dashed var(--line);padding:.9rem 1rem;font-size:.9rem}.sk-local p{margin:0 0 .6rem}.sk-copy{border-radius:var(--radius-sm);background:var(--bg-2);align-items:center;gap:.5rem;padding:.35rem .35rem .35rem .8rem;display:flex;overflow:hidden}.sk-copy code{white-space:nowrap;flex:1;min-width:0;overflow-x:auto}.sk-gate{place-items:center;min-height:60vh;padding:2rem 1rem;display:grid}.sk-gate-inner{width:min(40rem,100%)}.sk-gate-title{font:600 clamp(1.5rem, 3vw, 2rem)/1.1 var(--font-display);letter-spacing:var(--tracking-display);margin:0 0 .4rem}.sk-gate-inner>p{margin:0 0 1.25rem}.sk-spinner{border:2px solid var(--line);border-top-color:var(--fg);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite sk-spin}}:root{--bg:#f4f2ee;--card:#fff;--ink:#141413;--muted:#6a675f;--line:#e4e0d8;--accent:#c8643f;--soft:#ece8e0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121211;--card:#1b1b19;--ink:#f2f0ea;--muted:#a09c93;--line:#2f2e2a;--accent:#ee8a62;--soft:#24231f}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter Variable,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}.btn{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 16px;font-weight:550;text-decoration:none;transition:background .15s,opacity .15s;display:inline-flex}.btn:hover{background:var(--soft)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn-primary:hover{background:var(--ink);opacity:.88}.btn-sm{border-radius:8px;min-height:32px;padding:5px 11px;font-size:13px}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px}.field{gap:6px;font-size:13px;font-weight:550;display:grid}.field>span{color:var(--muted);font-weight:500}.input{border:1px solid var(--line);background:var(--bg);border-radius:9px;width:100%;min-height:38px;padding:8px 10px;font-size:14px;font-weight:400}textarea.input{resize:vertical;min-height:84px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.55}.input:focus,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=range]{width:100%;accent-color:var(--accent)}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}pre{color:#ebe7de;background:#151513;border-radius:12px;max-height:420px;margin:0;padding:16px;font-size:12.5px;line-height:1.6;overflow:auto}.pk-pitch-landing{max-width:620px;font-size:15px;line-height:1.6}.pk-pitch-landing p{margin:0 0 12px}.pk-pitch-landing .pk-pitch-cta{font-weight:600}.small{font-size:13px}.row{align-items:center;gap:8px;display:flex}.wrap-row{flex-wrap:wrap}.stack{gap:12px;display:grid}.stack-sm{gap:6px;display:grid}.err{color:#c0392b;margin:0;font-size:13px}@media (prefers-color-scheme:dark){.err{color:#ff8a7a}}.linkish{text-underline-offset:2px;cursor:pointer;color:var(--ink);background:0 0;border:0;padding:0;font-weight:550;text-decoration:underline}.logo{align-items:center;gap:9px;font-weight:650;text-decoration:none;display:inline-flex}.onb{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.onb-card{width:100%;max-width:520px;padding:28px}.onb-card h1{letter-spacing:-.02em;margin:4px 0 6px;font-size:26px}.onb-card>.muted{margin:0 0 18px}.add{gap:8px;margin-bottom:12px;display:grid}.drop{border:1.5px dashed var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;font-size:13px;display:flex}.drop-sm{padding:10px}.add .row .input{flex:1}.thumbs{gap:6px;margin:0 0 14px;padding:0;list-style:none;display:grid}.thumbs li{align-items:center;gap:10px;font-size:13px;display:flex}.thumbs img{object-fit:cover;border-radius:4px;width:88px;height:24px}.pg{min-height:100dvh}.pg-top{border-bottom:1px solid var(--line);background:var(--card);z-index:5;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.pg-main{grid-template-columns:330px 1fr;align-items:start;display:grid}.pg-side{border-right:1px solid var(--line);background:var(--card);min-height:calc(100dvh - 56px);padding-bottom:40px}.panel{border-bottom:1px solid var(--line)}.panel summary{cursor:pointer;padding:13px 16px;font-size:14px;font-weight:600;list-style:none}.panel summary::-webkit-details-marker{display:none}.panel summary:after{content:"–";float:right;color:var(--muted)}.panel:not([open]) summary:after{content:"+"}.panel-body{gap:12px;padding:0 16px 16px;display:grid}.slider-head{color:var(--muted);justify-content:space-between;font-weight:500;display:flex}.slider-head output{font-variant-numeric:tabular-nums;color:var(--ink)}.row-field{grid-template-columns:1fr auto;align-items:center}.row-field input[type=color]{border:1px solid var(--line);background:0 0;border-radius:7px;width:44px;height:30px;padding:2px}.check{align-items:center;gap:8px;font-size:13px;display:flex}.imglist{gap:8px;margin:0;padding:0;list-style:none;display:grid}.imglist li{grid-template-columns:64px 1fr auto;align-items:center;gap:8px;display:grid}.imglist img{object-fit:cover;background:var(--soft);border-radius:5px;width:64px;height:40px}.imgmeta{gap:3px;min-width:0;display:grid}.imgmeta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.input-sm{min-height:28px;padding:3px 7px;font-size:12px}.imgbtns{gap:2px;display:flex}.imgbtns button{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:6px;width:24px;height:24px;padding:0;font-size:11px}.imgbtns button:disabled{opacity:.35}.seg{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg button{cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 11px;font-size:13px;font-weight:550}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.pg-stage{gap:16px;min-width:0;padding:20px;display:grid}.guide{padding:14px 18px;font-size:14px}.guide-head{justify-content:space-between;gap:12px;margin-bottom:6px;display:flex}.guide ol{gap:4px;margin:0;padding-left:18px;display:grid}.guide .linkish{margin-left:4px;font-size:13px}.guide code{background:var(--soft);border-radius:4px;padding:1px 4px;font-size:12px}.preview{overflow:hidden}.fake-page{background:var(--card);gap:10px;padding:28px 28px 8px;display:grid}.fake-page span{background:var(--soft);border-radius:5px;height:10px}.fake-page span:first-child{width:42%}.fake-page span:nth-child(2){width:68%}.fake-page span:nth-child(3){width:55%}.code{gap:10px;min-width:0;padding:16px;display:grid}.code-head{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.code p{margin:0}.dl{gap:8px;display:grid}.dl p{margin:0}.foot{text-align:center;margin:8px 0 24px}@media (max-width:860px){.pg-main{grid-template-columns:1fr}.pg-side{border-right:0;order:2;min-height:0}.pg-stage{padding:16px}.hide-sm{display:none}}:root{--fg:var(--ink);--bg-2:var(--soft);--accent-fg:#fff;--font-body:"Inter Variable", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-display:var(--font-body);--publik-bg:var(--bg);--publik-card:var(--card);--publik-ink:var(--ink);--publik-muted:var(--muted);--publik-line:var(--line);--publik-accent:var(--ink);--publik-accent-ink:var(--bg);--publik-hover:var(--soft)}.ai-by{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}