.mock[data-astro-cid-nvh2j7n7]{container-type:inline-size;position:absolute;inset:0;overflow:hidden;background:#f4ece1;color:#2b1a12;font-family:var(--display);line-height:1.5}.mk[data-astro-cid-nvh2j7n7]{padding:0 5cqi}.mk-nav[data-astro-cid-nvh2j7n7]{display:flex;align-items:center;justify-content:space-between;height:7.5cqi;border-bottom:.1cqi solid rgb(43 26 18 / .1);font-size:1.35cqi}.mk-logo[data-astro-cid-nvh2j7n7]{display:flex;align-items:center;gap:.8cqi;font-size:2cqi;font-weight:900}.mk-logo[data-astro-cid-nvh2j7n7] i[data-astro-cid-nvh2j7n7]{width:2.4cqi;height:2.4cqi;border-radius:50% 50% 50% 0;background:#e8743b}.mk-links[data-astro-cid-nvh2j7n7]{display:flex;gap:3cqi;color:#2b1a12b3}.mk-btn[data-astro-cid-nvh2j7n7]{position:relative;display:inline-flex;align-items:center;padding:1.2cqi 2.6cqi;border-radius:99px;background:#2b1a12;color:#f4ece1;font-size:1.4cqi;font-weight:700}.mk-btn--sm[data-astro-cid-nvh2j7n7]{padding:.8cqi 1.8cqi;font-size:1.25cqi}.mk-hero[data-astro-cid-nvh2j7n7]{position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:3cqi;padding-block:4cqi 2cqi}.mk-copy[data-astro-cid-nvh2j7n7]{display:flex;flex-direction:column;align-items:flex-start}.mk-tag[data-astro-cid-nvh2j7n7]{padding:.5cqi 1.4cqi;border-radius:99px;background:#e8743b26;color:#b8521f;font-size:1.2cqi;font-weight:700}.mk-title[data-astro-cid-nvh2j7n7]{position:relative;margin-top:1.6cqi;font-size:4.6cqi;font-weight:900;line-height:1.22;letter-spacing:-.02em}.mk-title[data-astro-cid-nvh2j7n7] em[data-astro-cid-nvh2j7n7]{font-style:normal;color:#e8743b}.mk-text[data-astro-cid-nvh2j7n7]{max-width:40cqi;margin-top:1.6cqi;color:#2b1a12b3;font-family:var(--body);font-size:1.5cqi;line-height:1.8}.mk-actions[data-astro-cid-nvh2j7n7]{position:relative;display:flex;align-items:center;gap:2.4cqi;margin-top:3.2cqi}.mk-link[data-astro-cid-nvh2j7n7]{font-size:1.4cqi;font-weight:700}.mk-stats[data-astro-cid-nvh2j7n7]{display:flex;align-items:center;gap:.8cqi;margin-top:3cqi;color:#2b1a12a6;font-size:1.2cqi}.mk-stats[data-astro-cid-nvh2j7n7] b[data-astro-cid-nvh2j7n7]{color:#2b1a12}.mk-stats[data-astro-cid-nvh2j7n7] i[data-astro-cid-nvh2j7n7]{width:.4cqi;height:.4cqi;margin-inline:.8cqi;border-radius:50%;background:currentColor}.mk-art[data-astro-cid-nvh2j7n7]{position:relative}.mk-art[data-astro-cid-nvh2j7n7] svg[data-astro-cid-nvh2j7n7]{width:100%;height:auto;overflow:visible}.steam[data-astro-cid-nvh2j7n7] path[data-astro-cid-nvh2j7n7]{stroke-dasharray:40;animation:steam 3s ease-in-out infinite;opacity:0}.steam[data-astro-cid-nvh2j7n7] path[data-astro-cid-nvh2j7n7]:nth-child(2){animation-delay:.6s}.steam[data-astro-cid-nvh2j7n7] path[data-astro-cid-nvh2j7n7]:nth-child(3){animation-delay:1.2s}@keyframes steam{0%{opacity:0;transform:translateY(8px);stroke-dashoffset:40}40%{opacity:.8}to{opacity:0;transform:translateY(-10px);stroke-dashoffset:0}}.mk-cards[data-astro-cid-nvh2j7n7]{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:2.4cqi;margin-top:2cqi}.mk-card[data-astro-cid-nvh2j7n7]{position:relative;display:flex;align-items:center;gap:1.4cqi;padding:1.6cqi;border-radius:2cqi;background:#fff;box-shadow:0 1cqi 3cqi -1.5cqi #2b1a1240}.mk-card[data-astro-cid-nvh2j7n7] i[data-astro-cid-nvh2j7n7]{flex:none;width:5cqi;height:5cqi;border-radius:1.4cqi}.mk-card[data-astro-cid-nvh2j7n7] b[data-astro-cid-nvh2j7n7]{display:block;font-size:1.45cqi}.mk-card[data-astro-cid-nvh2j7n7] small[data-astro-cid-nvh2j7n7]{color:#2b1a1299;font-family:var(--body);font-size:1.2cqi}.an-frame[data-astro-cid-nvh2j7n7]{position:absolute;inset:2.6cqi -1.2cqi .6cqi;border:.12cqi dashed #3d7bff;pointer-events:none}.an-frame[data-astro-cid-nvh2j7n7] b[data-astro-cid-nvh2j7n7],.an-sel[data-astro-cid-nvh2j7n7] b[data-astro-cid-nvh2j7n7],.an-gap[data-astro-cid-nvh2j7n7] b[data-astro-cid-nvh2j7n7],.an-space[data-astro-cid-nvh2j7n7] b[data-astro-cid-nvh2j7n7],.an-hover[data-astro-cid-nvh2j7n7] b[data-astro-cid-nvh2j7n7]{position:absolute;font-family:var(--mono);font-size:max(9px,1.05cqi);font-weight:600;line-height:1;white-space:nowrap;direction:ltr;unicode-bidi:isolate-override}.an-frame[data-astro-cid-nvh2j7n7] b[data-astro-cid-nvh2j7n7]{bottom:calc(100% + .5cqi);right:0;color:#3d7bff}.an-frame--cards[data-astro-cid-nvh2j7n7]{inset:-1.2cqi}.an-sel[data-astro-cid-nvh2j7n7]{position:absolute;inset:-.6cqi -.8cqi;border:.15cqi solid #3d7bff;pointer-events:none}.an-sel[data-astro-cid-nvh2j7n7] i[data-astro-cid-nvh2j7n7]{position:absolute;width:.9cqi;height:.9cqi;border:.15cqi solid #3d7bff;background:#fff}.an-sel[data-astro-cid-nvh2j7n7] .h1[data-astro-cid-nvh2j7n7]{top:-.45cqi;left:-.45cqi}.an-sel[data-astro-cid-nvh2j7n7] .h2[data-astro-cid-nvh2j7n7]{top:-.45cqi;right:-.45cqi}.an-sel[data-astro-cid-nvh2j7n7] .h3[data-astro-cid-nvh2j7n7]{bottom:-.45cqi;left:-.45cqi}.an-sel[data-astro-cid-nvh2j7n7] .h4[data-astro-cid-nvh2j7n7]{bottom:-.45cqi;right:-.45cqi}.an-sel[data-astro-cid-nvh2j7n7] b[data-astro-cid-nvh2j7n7]{top:calc(100% + .9cqi);left:50%;padding:.4cqi .8cqi;border-radius:.4cqi;background:#3d7bff;color:#fff;transform:translate(-50%)}.an-gap[data-astro-cid-nvh2j7n7]{position:absolute;bottom:100%;right:6cqi;width:.12cqi;height:3.2cqi;background:#ff4d8d}.an-gap[data-astro-cid-nvh2j7n7]:before,.an-gap[data-astro-cid-nvh2j7n7]:after,.an-space[data-astro-cid-nvh2j7n7]:before,.an-space[data-astro-cid-nvh2j7n7]:after{content:"";position:absolute;background:#ff4d8d}.an-gap[data-astro-cid-nvh2j7n7]:before,.an-gap[data-astro-cid-nvh2j7n7]:after{left:-.5cqi;width:1.1cqi;height:.12cqi}.an-gap[data-astro-cid-nvh2j7n7]:before{top:0}.an-gap[data-astro-cid-nvh2j7n7]:after{bottom:0}.an-gap[data-astro-cid-nvh2j7n7] b[data-astro-cid-nvh2j7n7],.an-space[data-astro-cid-nvh2j7n7] b[data-astro-cid-nvh2j7n7]{padding:.3cqi .5cqi;border-radius:.3cqi;background:#ff4d8d;color:#fff}.an-gap[data-astro-cid-nvh2j7n7] b[data-astro-cid-nvh2j7n7]{top:50%;left:.8cqi;transform:translateY(-50%)}.an-space[data-astro-cid-nvh2j7n7]{position:absolute;top:50%;left:-2.4cqi;width:2.4cqi;height:.12cqi;background:#ff4d8d}.an-space[data-astro-cid-nvh2j7n7]:before,.an-space[data-astro-cid-nvh2j7n7]:after{top:-.5cqi;width:.12cqi;height:1.1cqi}.an-space[data-astro-cid-nvh2j7n7]:before{left:0}.an-space[data-astro-cid-nvh2j7n7]:after{right:0}.an-space[data-astro-cid-nvh2j7n7] b[data-astro-cid-nvh2j7n7]{bottom:.8cqi;left:50%;transform:translate(-50%)}.an-hover[data-astro-cid-nvh2j7n7]{position:absolute;inset:0;border-radius:inherit;background:#3d7bff59;outline:.12cqi solid #3d7bff;pointer-events:none}.an-hover[data-astro-cid-nvh2j7n7] b[data-astro-cid-nvh2j7n7]{top:calc(100% + .8cqi);right:0;padding:.5cqi .8cqi;border-radius:.4cqi;background:#1b1d24;color:#9fc2ff}.an-pin[data-astro-cid-nvh2j7n7]{position:absolute;top:6%;left:-2cqi;z-index:2;display:flex;align-items:center;gap:.8cqi;font-family:var(--body)}.an-pin[data-astro-cid-nvh2j7n7] i[data-astro-cid-nvh2j7n7]{display:grid;place-items:center;width:3cqi;height:3cqi;border-radius:50% 50% 50% 0;background:#ff4d8d;color:#fff;font-size:1.2cqi;font-style:normal;font-weight:700}.an-pin[data-astro-cid-nvh2j7n7] span[data-astro-cid-nvh2j7n7]{padding:.6cqi 1.2cqi;border-radius:1cqi;background:#fff;box-shadow:0 .6cqi 2cqi -.6cqi #0000004d;font-size:1.1cqi;white-space:nowrap}@container (max-width: 560px){.mk[data-astro-cid-nvh2j7n7]{padding:0 6cqi}.mk-nav[data-astro-cid-nvh2j7n7]{height:15cqi;font-size:3.4cqi}.mk-logo[data-astro-cid-nvh2j7n7]{gap:2cqi;font-size:5cqi}.mk-logo[data-astro-cid-nvh2j7n7] i[data-astro-cid-nvh2j7n7]{width:5cqi;height:5cqi}.mk-links[data-astro-cid-nvh2j7n7]{display:none}.mk-btn[data-astro-cid-nvh2j7n7]{padding:2.8cqi 6cqi;font-size:3.6cqi}.mk-btn--sm[data-astro-cid-nvh2j7n7]{padding:2cqi 4cqi;font-size:3.2cqi}.mk-hero[data-astro-cid-nvh2j7n7]{grid-template-columns:1fr;gap:4cqi;padding-block:7cqi 4cqi}.mk-art[data-astro-cid-nvh2j7n7]{order:-1;width:62%;margin-inline:auto}.mk-tag[data-astro-cid-nvh2j7n7]{padding:1.2cqi 3cqi;font-size:3.2cqi}.mk-title[data-astro-cid-nvh2j7n7]{margin-top:3.5cqi;font-size:9.6cqi}.mk-text[data-astro-cid-nvh2j7n7]{max-width:none;margin-top:3cqi;font-size:3.8cqi}.mk-actions[data-astro-cid-nvh2j7n7]{gap:5cqi;margin-top:6cqi}.mk-link[data-astro-cid-nvh2j7n7]{font-size:3.6cqi}.mk-stats[data-astro-cid-nvh2j7n7],.mk-cards[data-astro-cid-nvh2j7n7],.an-pin[data-astro-cid-nvh2j7n7] span[data-astro-cid-nvh2j7n7],.an-frame[data-astro-cid-nvh2j7n7] b[data-astro-cid-nvh2j7n7]{display:none}.an-frame[data-astro-cid-nvh2j7n7],.an-sel[data-astro-cid-nvh2j7n7] b[data-astro-cid-nvh2j7n7],.an-gap[data-astro-cid-nvh2j7n7] b[data-astro-cid-nvh2j7n7],.an-space[data-astro-cid-nvh2j7n7] b[data-astro-cid-nvh2j7n7],.an-hover[data-astro-cid-nvh2j7n7] b[data-astro-cid-nvh2j7n7]{font-size:9px}.an-sel[data-astro-cid-nvh2j7n7]{border-width:1.5px}.an-sel[data-astro-cid-nvh2j7n7] i[data-astro-cid-nvh2j7n7]{width:6px;height:6px;border-width:1.5px}.an-sel[data-astro-cid-nvh2j7n7] .h1[data-astro-cid-nvh2j7n7],.an-sel[data-astro-cid-nvh2j7n7] .h2[data-astro-cid-nvh2j7n7]{top:-3px}.an-sel[data-astro-cid-nvh2j7n7] .h3[data-astro-cid-nvh2j7n7],.an-sel[data-astro-cid-nvh2j7n7] .h4[data-astro-cid-nvh2j7n7]{bottom:-3px}.an-sel[data-astro-cid-nvh2j7n7] .h1[data-astro-cid-nvh2j7n7],.an-sel[data-astro-cid-nvh2j7n7] .h3[data-astro-cid-nvh2j7n7]{left:-3px}.an-sel[data-astro-cid-nvh2j7n7] .h2[data-astro-cid-nvh2j7n7],.an-sel[data-astro-cid-nvh2j7n7] .h4[data-astro-cid-nvh2j7n7]{right:-3px}.an-gap[data-astro-cid-nvh2j7n7]{height:6cqi;width:1.5px}.an-pin[data-astro-cid-nvh2j7n7] i[data-astro-cid-nvh2j7n7]{width:7cqi;height:7cqi;font-size:3cqi}}.stage-wrap[data-astro-cid-c5o4azsb]{position:relative;perspective:1800px}.stage[data-astro-cid-c5o4azsb]{position:relative;aspect-ratio:16 / 10.4;overflow:hidden;border:1px solid var(--line-2);border-radius:20px;background:#f4ece1;box-shadow:0 0 0 6px #ffffff08,0 60px 120px -40px #000000e6;direction:ltr;text-align:left;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;transform-origin:50% 0}@media(min-width:761px){@supports (animation-timeline: view()){.stage[data-astro-cid-c5o4azsb]{animation:tilt linear both;animation-timeline:view();animation-range:entry 0% cover 30%}}}@keyframes tilt{0%{transform:rotateX(24deg) scale(.92)}to{transform:none}}.layer[data-astro-cid-c5o4azsb]{position:absolute;inset:0;display:flex;flex-direction:column}.layer--design[data-astro-cid-c5o4azsb]{clip-path:inset(0 0 0 var(--pos))}.bar[data-astro-cid-c5o4azsb]{position:relative;z-index:2;display:flex;flex:none;align-items:center;gap:14px;height:44px;padding:0 14px;font-family:var(--mono);font-size:12px}.bar[data-astro-cid-c5o4azsb] svg[data-astro-cid-c5o4azsb]{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bar--browser[data-astro-cid-c5o4azsb]{background:#e7dfd3;color:#6b5a4d;border-bottom:1px solid rgb(43 26 18 / .1)}.dots[data-astro-cid-c5o4azsb]{display:flex;gap:6px}.dots[data-astro-cid-c5o4azsb] i[data-astro-cid-c5o4azsb]{width:11px;height:11px;border-radius:50%;background:#ff5f57}.dots[data-astro-cid-c5o4azsb] i[data-astro-cid-c5o4azsb]:nth-child(2){background:#febc2e}.dots[data-astro-cid-c5o4azsb] i[data-astro-cid-c5o4azsb]:nth-child(3){background:#28c840}.nav-ico[data-astro-cid-c5o4azsb]{display:flex;gap:4px;opacity:.6}.url[data-astro-cid-c5o4azsb]{display:flex;flex:0 1 340px;align-items:center;justify-content:center;gap:6px;height:28px;margin-inline:auto;border-radius:8px;background:#ffffffa6;color:#3b2a1f}.url[data-astro-cid-c5o4azsb] svg[data-astro-cid-c5o4azsb]{width:13px;height:13px}.live[data-astro-cid-c5o4azsb]{display:flex;align-items:center;gap:6px;color:#1f8a3c;font-weight:700}.live[data-astro-cid-c5o4azsb] i[data-astro-cid-c5o4azsb]{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.bar--tool[data-astro-cid-c5o4azsb]{background:#1c1d22;color:#c9ccd6;border-bottom:1px solid #2a2c33}.tools[data-astro-cid-c5o4azsb]{display:flex;gap:4px}.tools[data-astro-cid-c5o4azsb] svg[data-astro-cid-c5o4azsb]{width:30px;height:30px;padding:7px;border-radius:7px}.tools[data-astro-cid-c5o4azsb] svg[data-astro-cid-c5o4azsb]:first-child{background:#3d7bff;color:#fff}.file[data-astro-cid-c5o4azsb]{margin-inline:auto;color:#e6e8ee}.file[data-astro-cid-c5o4azsb] em[data-astro-cid-c5o4azsb]{margin-inline:4px;color:#6c7080;font-style:normal}.zoom[data-astro-cid-c5o4azsb]{display:flex;align-items:center;gap:10px;color:#9a9fae}.av[data-astro-cid-c5o4azsb]{display:grid;place-items:center;width:24px;height:24px;margin-inline-end:-14px;border:2px solid #1c1d22;border-radius:50%;color:#fff;font-family:var(--body);font-size:11px;font-style:normal;font-weight:700}.av--a[data-astro-cid-c5o4azsb]{background:var(--pink)}.av--b[data-astro-cid-c5o4azsb]{background:#6b8f00;margin-inline-end:4px}.body[data-astro-cid-c5o4azsb]{position:relative;flex:1;overflow:hidden}.layers[data-astro-cid-c5o4azsb]{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;width:170px;padding:10px;border:1px solid #2a2c33;border-radius:12px;background:#1c1d22f0;color:#c9ccd6;font-family:var(--mono);font-size:11px;box-shadow:0 20px 40px -16px #00000080}.layers[data-astro-cid-c5o4azsb] b[data-astro-cid-c5o4azsb]{margin-bottom:6px;padding:0 6px;color:#fff;font-weight:600}.layers[data-astro-cid-c5o4azsb] span[data-astro-cid-c5o4azsb]{display:flex;gap:8px;padding:4px 6px;border-radius:6px}.layers[data-astro-cid-c5o4azsb] span[data-astro-cid-c5o4azsb]:nth-child(n+4){padding-left:20px}.layers[data-astro-cid-c5o4azsb] i[data-astro-cid-c5o4azsb]{width:12px;color:#6c7080;font-style:normal}.layers[data-astro-cid-c5o4azsb] .on[data-astro-cid-c5o4azsb]{background:#3d7bff;color:#fff}.layers[data-astro-cid-c5o4azsb] .on[data-astro-cid-c5o4azsb] i[data-astro-cid-c5o4azsb]{color:#fff}.codebox[data-astro-cid-c5o4azsb]{position:absolute;bottom:60px;left:16px;width:min(360px,46%);overflow:hidden;border:1px solid #262a35;border-radius:12px;background:#0d0f15f5;box-shadow:0 24px 50px -20px #0009}.codebox__head[data-astro-cid-c5o4azsb]{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #262a35;color:#7d8597;font-family:var(--mono);font-size:11px}.codebox[data-astro-cid-c5o4azsb] pre[data-astro-cid-c5o4azsb]{margin:0;padding:12px;color:#c9d1e3;font-family:var(--mono);font-size:11.5px;line-height:1.75;white-space:pre}.k[data-astro-cid-c5o4azsb]{color:#d4ff3a}.p[data-astro-cid-c5o4azsb]{color:#7cd5ff}.v[data-astro-cid-c5o4azsb]{color:#ffb86b}.s[data-astro-cid-c5o4azsb]{color:#ff8fb8}.caret[data-astro-cid-c5o4azsb]{display:inline-block;width:7px;height:14px;margin-left:3px;vertical-align:-2px;background:var(--lime);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.tag[data-astro-cid-c5o4azsb]{position:absolute;bottom:16px;z-index:3;display:flex;align-items:baseline;gap:8px;padding:6px 14px;border-radius:999px;background:#07080bd1;color:#fff;font-family:var(--display);font-size:.875rem;font-weight:700;pointer-events:none}.tag[data-astro-cid-c5o4azsb] small[data-astro-cid-c5o4azsb]{color:var(--muted);font-family:var(--mono);font-size:.6875rem;font-weight:500}.tag--code[data-astro-cid-c5o4azsb]{left:16px}.tag--design[data-astro-cid-c5o4azsb]{right:16px}.handle[data-astro-cid-c5o4azsb]{position:absolute;top:0;bottom:0;left:var(--pos);z-index:4;width:2px;background:var(--lime);transform:translate(-50%)}.handle[data-astro-cid-c5o4azsb]:focus-visible{outline:none}.knob[data-astro-cid-c5o4azsb]{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--lime);color:var(--lime-ink);box-shadow:0 8px 20px -8px #00000080;transform:translate(-50%,-50%);transition:transform .3s var(--ease-out),box-shadow .3s ease}.knob[data-astro-cid-c5o4azsb] svg[data-astro-cid-c5o4azsb]{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.is-dragging[data-astro-cid-c5o4azsb] .knob[data-astro-cid-c5o4azsb],.handle[data-astro-cid-c5o4azsb]:hover .knob[data-astro-cid-c5o4azsb],.handle[data-astro-cid-c5o4azsb]:focus-visible .knob[data-astro-cid-c5o4azsb]{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 0 6px #ffffff40,0 8px 20px -8px #00000080}.hint[data-astro-cid-c5o4azsb]{position:absolute;top:calc(50% - 64px);left:50%;padding:4px 12px;border-radius:999px;background:#fff;color:#111;font-family:var(--display);font-size:.8125rem;font-weight:800;white-space:nowrap;transform:translate(-50%);animation:bob 1.8s ease-in-out infinite;transition:opacity .3s ease}.hint[data-astro-cid-c5o4azsb]:after{content:"";position:absolute;top:100%;left:50%;border:6px solid transparent;border-top-color:#fff;transform:translate(-50%)}.is-touched[data-astro-cid-c5o4azsb] .hint[data-astro-cid-c5o4azsb]{opacity:0}@keyframes bob{50%{translate:0 -5px}}@media(max-width:760px){.stage[data-astro-cid-c5o4azsb]{aspect-ratio:4 / 5.4;border-radius:16px}.layers[data-astro-cid-c5o4azsb],.nav-ico[data-astro-cid-c5o4azsb],.live[data-astro-cid-c5o4azsb],.zoom[data-astro-cid-c5o4azsb],.file[data-astro-cid-c5o4azsb] em[data-astro-cid-c5o4azsb],.file[data-astro-cid-c5o4azsb],.codebox[data-astro-cid-c5o4azsb]{display:none}.tag--code[data-astro-cid-c5o4azsb]{top:56px;bottom:auto;left:10px}.tag--design[data-astro-cid-c5o4azsb]{right:10px}.tag--design[data-astro-cid-c5o4azsb]{bottom:12px}.url[data-astro-cid-c5o4azsb]{flex-basis:auto}}