:root{--bg: #09090b;--ink: #fafafa;--muted: #a1a1aa;--faint: #7d7d86;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--accent: #3bb3bd;--sans: "Segoe UI Variable Display", "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--wrap: 1240px;--gutter: clamp(20px, 4vw, 32px);--band-y: 96px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,p,ol,ul,figure,pre{margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}.display{font-weight:500;letter-spacing:-.035em;line-height:1.05;text-wrap:balance}.skip-link{position:absolute;left:12px;top:-60px;z-index:20;padding:10px 14px;border-radius:8px;background:var(--ink);color:#09090b;font-size:14px;font-weight:600;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:12px}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:center;padding:18px var(--gutter);background:color-mix(in srgb,var(--bg) 58%,transparent);backdrop-filter:saturate(120%) blur(7px)}.wordmark{font-size:19px;font-weight:500;letter-spacing:-.03em;text-decoration:none}.wordmark__clip{font-weight:620}.wordmark__press{color:var(--muted);transition:color .15s ease}.wordmark:hover .wordmark__press{color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:1px solid transparent;border-radius:8px;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:-.005em;line-height:1.5;text-decoration:none;white-space:nowrap;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.btn--lg{padding:14px 24px;border-radius:10px;font-size:15px}.btn--primary{background:var(--ink);color:#09090b;font-weight:600}.btn--primary:hover{background:#fff;transform:translateY(-1px)}.btn--primary:active{transform:translateY(0)}.btn--quiet{color:var(--muted);border-color:var(--line-strong)}.btn--quiet:hover{color:var(--ink);border-color:#ffffff47;background:#ffffff05}.btn__glyph{width:14px;height:14px;flex:none}.btn__ext{font-size:11px;opacity:.65}.gh{width:16px;height:16px;flex:none}.hero{position:relative;padding:72px 0 60px;overflow:hidden}.hero__grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;opacity:.55;mask-image:radial-gradient(125% 105% at 50% 0%,#000 25%,transparent 78%);pointer-events:none}.hero__inner{position:relative;z-index:2;text-align:center}.hero__title{max-width:20ch;margin:40px auto 22px;font-size:clamp(44px,6.2vw,84px);line-height:1.14}.hero__sub{max-width:640px;margin:0 auto 36px;color:var(--muted);font-size:clamp(16px,1.4vw,19px);letter-spacing:-.005em;line-height:1.55;text-wrap:pretty}.cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.cta__source{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:var(--muted);font-size:14px;text-decoration:none;transition:color .15s ease}.cta__source:hover{color:var(--ink)}.cta__meta{margin-top:20px;color:var(--faint);font-size:13px}.floats{position:absolute;inset:0;z-index:1;pointer-events:none}.float{position:absolute;top:var(--y);left:calc(50% + var(--x));margin-left:var(--ml, -36px);transform:translate3d(var(--px, 0px),var(--py, 0px),0) rotate(var(--rot, 0deg));transition:transform .55s cubic-bezier(.22,1,.36,1);will-change:transform}.float__tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:72px;height:72px;border:1px solid var(--line-strong);border-radius:26%;background:radial-gradient(circle at 30% 25%,var(--tint, rgba(255, 255, 255, .07)),#121216 68%);box-shadow:0 20px 48px -16px #000000a6,inset 0 1px #ffffff0d;backface-visibility:hidden;rotate:var(--tilt, 0deg);animation:drift 9s ease-in-out infinite}.float__tile--lg{width:92px;height:92px}.float__tile--lg .float__glyph{width:24px;height:24px}.float__tile--lg .float__label{font-size:13px}.float__tile--md{width:76px;height:76px}.float__glyph{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.float__label{color:#d4d4d8;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.04em}.float--a{--x: -520px;--y: 25px;--ml: -46px;--tint: rgba(121, 192, 255, .14);--tilt: -9deg}.float--e{--x: -500px;--y: 245px;--ml: -38px;--tint: rgba(232, 200, 132, .12);--tilt: 6deg}.float--b{--x: -430px;--y: 445px;--ml: -38px;--tint: rgba(210, 168, 255, .13);--tilt: 5deg}.float--c{--x: 545px;--y: 100px;--ml: -46px;--tint: rgba(255, 255, 255, .07);--tilt: 8deg}.float--d{--x: 520px;--y: 300px;--ml: -38px;--tint: rgba(126, 231, 135, .12);--tilt: -6deg}.float--f{--x: 470px;--y: 450px;--ml: -38px;--tint: rgba(59, 179, 189, .14);--tilt: -4deg}.float--a .float__glyph{color:#79c0ff}.float--b .float__glyph{color:#d2a8ff}.float--c .float__glyph{color:#a1a1aa}.float--d .float__glyph{color:#7ee787}.float--e .float__glyph{color:#e8c884}.float--f .float__glyph{color:var(--accent)}.float--b .float__tile{animation-delay:-3.3s}.float--e .float__tile{animation-delay:-1.1s}.float--f .float__tile{animation-delay:-5.5s}.float--c .float__tile{animation-delay:-4.4s}.float--d .float__tile{animation-delay:-6.6s}@keyframes drift{0%,to{transform:translate3d(0,-5px,0)}50%{transform:translate3d(0,5px,0)}}.shot{margin-top:56px}.shot--inline{margin-top:0}.shot__frame{position:relative;aspect-ratio:16 / 10;border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;background:#121216}.fig{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 28% 18%,#ffffff0d,#141417 72%);color:#d7d7dc;font-size:13px}.fig__inner{position:relative;display:flex;flex-direction:column;justify-content:center;gap:12px;height:100%;padding:22px 26px}.fig__tag{position:absolute;top:10px;left:10px;padding:3px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#0000008c;color:#ffffffbf;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.fig__label{flex:none;width:76px;color:var(--faint);font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.fig__rows{display:grid;gap:10px;margin:6px 0 0;padding:0;list-style:none}.fig__row{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#ffffff04}.fig__field{flex:1 1 auto;min-width:0;max-width:260px;padding:6px 12px;border:1px solid var(--line-strong);border-radius:8px;background:#ffffff08;color:var(--ink);font-family:inherit;font-size:13px;font-weight:600;caret-color:var(--accent)}.fig__field[readonly]{cursor:default}.fig__field[readonly]:focus{outline:none}#figTools.is-live .fig__field{border-color:#3bb3bd8c}.fig__range{-webkit-appearance:none;appearance:none;flex:1 1 auto;min-width:80px;max-width:230px;height:20px;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.fig__range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#ffffff24}.fig__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border:0;border-radius:50%;background:var(--ink)}.fig__range::-moz-range-track{height:4px;border-radius:2px;background:#ffffff24}.fig__range::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--ink)}.fig__range:disabled{cursor:default;opacity:.8}.fig__value{margin-left:auto;color:var(--ink);font-family:var(--mono);font-size:12.5px;font-weight:650;white-space:nowrap}.fig__chips{display:inline-flex;flex-wrap:wrap;gap:8px}.fig__chip{display:inline-flex;align-items:baseline;gap:7px;padding:6px 12px;border:1px solid var(--line-strong);border-radius:8px;background:#ffffff08;font-family:var(--mono);font-size:12.5px}.fig__chip b{color:var(--accent)}.fig__keys{display:inline-flex;gap:6px}.fig__keys kbd{opacity:.45;transition:opacity .25s ease,border-color .25s ease}.fig__keys kbd.is-on{opacity:1;border-color:#3bb3bd99}.fig__status{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0 0;color:var(--muted);font-size:13px;font-weight:600;text-align:center}.fig__check{width:16px;height:16px;flex:none;fill:none;stroke:var(--faint);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s ease}.fig__status.is-done{color:var(--ink)}.fig__status.is-done .fig__check{stroke:#7ee787;filter:drop-shadow(0 0 6px rgba(126,231,135,.45))}.fig--js .fig__row{opacity:0;translate:0 10px}.fig--js.is-play .fig__row{opacity:1;translate:0 0;transition:opacity .45s ease var(--d, 0s),translate .45s ease var(--d, 0s)}.fig--js .fig__result{opacity:0;translate:0 10px}.fig--js.is-play .fig__result.is-on{opacity:1;translate:0 0;transition:opacity .5s ease,translate .5s ease}.fig--story .fig__inner{gap:10px}.fig__file{display:flex;align-items:center;gap:11px;align-self:flex-start;max-width:100%;padding:9px 15px 9px 11px;border:1px solid var(--line-strong);border-radius:10px;background:#ffffff08}.fig__fileicon{flex:none;width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#3e7cc480,#3e7cc426);box-shadow:inset 0 0 0 1px #3e7cc473}.fig__filename{color:var(--ink);font-family:var(--mono);font-size:13px;font-weight:650;white-space:nowrap}.fig__filesize{color:var(--muted);font-family:var(--mono);font-size:12.5px;white-space:nowrap}.fig__settings{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.fig__setting{display:inline-flex;align-items:center;gap:12px}.fig__setting .fig__label{width:auto}.fig__sizefield{display:inline-flex;align-items:baseline;gap:7px;min-width:76px;padding:6px 12px;border:1px solid var(--line-strong);border-radius:8px;background:#ffffff08;color:var(--ink);font-family:var(--mono);font-size:13px;font-weight:650}.fig__sizefield [data-target]{display:inline-block;min-width:2ch}.fig__unit{color:var(--faint);font-size:11.5px;font-weight:400}.fig__presets{display:inline-flex;flex-wrap:wrap;gap:6px}.fig__preset{padding:6px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;white-space:nowrap;transition:border-color .25s ease,background-color .25s ease,color .25s ease}.fig__preset.is-on{border-color:#3e7cc4b3;background:#3e7cc41f;color:var(--ink)}.fig__go{padding:8px 20px;border-radius:9px;background:#3e7cc4;color:#fff;font-size:13px;font-weight:650;white-space:nowrap;transition:transform .12s ease,filter .12s ease}.fig__go.is-pressed{transform:scale(.94);filter:brightness(1.2)}.fig__progress{height:6px;border-radius:3px;background:#ffffff17;overflow:hidden}.fig__progress span{display:block;width:100%;height:100%;border-radius:3px;background:#3e7cc4}.fig--js .fig__progress span{width:0%}.fig--js.is-play .fig__progress span.is-run{width:100%;transition:width 1.4s linear}.fig__result{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 14px;border:1px solid rgba(126,231,135,.4);border-radius:10px;background:#7ee7870f}.fig__verdict{color:#7ee787;font-size:12.5px;font-weight:650;white-space:nowrap}.fig__fine{margin:0;color:var(--faint);font-size:11.5px}.fig__cursor{position:absolute;top:0;left:0;z-index:3;width:23px;height:23px;opacity:0;pointer-events:none;transition:transform .7s cubic-bezier(.3,.7,.3,1),opacity .3s ease}.fig__cursor svg{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));overflow:visible}.fig__cursor.is-on{opacity:1}.fig__cursor.is-click:after{content:"";position:absolute;top:-5px;left:-5px;width:15px;height:15px;border:2px solid rgba(255,255,255,.7);border-radius:50%;animation:figping .45s ease-out}@keyframes figping{0%{transform:scale(.6);opacity:1}to{transform:scale(1.8);opacity:0}}.fig--js .fig__file{opacity:0;translate:0 12px}.fig--js.is-play .fig__file{opacity:1;translate:0 0;transition:opacity .5s ease,translate .5s ease}.fig__spark{position:absolute;z-index:4;pointer-events:none;border-radius:1px}.shot__frame>img,.shot__frame>video{display:block;width:100%;height:100%;object-fit:cover}.band{border-top:1px solid var(--line);padding-block:var(--band-y)}.band--cta{padding-block:120px;text-align:center}.band--cta .prose--center{margin-bottom:42px}.cta--center{gap:18px 14px}.cta__note{max-width:62ch;margin:30px auto 0;color:var(--faint);font-size:13px;line-height:1.6;text-wrap:pretty}.cta__note a{color:var(--muted);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}.cta__note a:hover{color:var(--ink)}.h2{max-width:17ch;margin-bottom:18px;font-size:clamp(32px,4vw,48px)}.cta__title{max-width:32ch;margin:0 auto 22px;font-size:clamp(40px,6vw,72px)}.eyebrow{margin-bottom:14px;color:var(--faint);font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.prose{max-width:56ch;color:var(--muted);font-size:16px;line-height:1.6;text-wrap:pretty}.prose--center{max-width:60ch;margin-inline:auto;font-size:clamp(16px,1.4vw,18px)}.prose a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}.prose a:hover{text-decoration-color:var(--accent)}.steps{display:grid;grid-template-columns:repeat(3,1fr);padding:0;list-style:none}.step{position:relative;overflow:visible;padding-inline:clamp(20px,3.4vw,44px);border-left:1px solid var(--line)}.step__icon{position:absolute;inset:auto auto 0 50%;width:150px;height:150px;margin-left:-75px;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;opacity:.12;pointer-events:none}.step:nth-child(1) .step__icon{stroke:#8ea3d6;animation:stepsnip 7s ease-in-out infinite}.step:nth-child(2) .step__icon{stroke:var(--accent);animation:stepfocus 6s ease-in-out infinite}.step:nth-child(3) .step__icon{stroke:#7ee787;animation:steprise 6.5s ease-in-out infinite}@keyframes stepsnip{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes stepfocus{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.045);opacity:.17}}@keyframes steprise{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.step__label,.step__body{position:relative;z-index:1}.step:first-child{padding-left:0;border-left:0}.step:last-child{padding-right:0}.step__label{font-size:21px;font-weight:560;letter-spacing:-.02em}.step__body{margin-top:12px;color:var(--muted);font-size:16px;line-height:1.6;text-wrap:pretty}kbd{display:inline-block;min-width:22px;padding:1px 6px;border:1px solid var(--line-strong);border-radius:5px;background:#ffffff0a;color:var(--ink);font-family:var(--mono);font-size:13px;line-height:1.5;text-align:center}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,80px)}.split__copy .prose{max-width:44ch}.split__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.checks{margin:28px 0 0;padding:0;list-style:none;color:var(--muted);font-size:15px}.checks li{position:relative;padding:10px 0 10px 30px;line-height:1.5}.checks li:first-child{padding-top:0}.checks li:last-child{padding-bottom:0}.checks li:before{content:"";position:absolute;left:3px;top:17px;width:10px;height:5px;border-left:1.6px solid #7ee787;border-bottom:1.6px solid #7ee787;transform:rotate(-45deg)}.checks li:first-child:before{top:5px}.termwrap{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#0d0d10;max-width:100%}.term__bar{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line);background:#ffffff06}.term__dots{display:inline-flex;gap:6px}.term__dots i{width:10px;height:10px;border-radius:50%}.term__dots i:nth-child(1){background:#ff5f57}.term__dots i:nth-child(2){background:#febc2e}.term__dots i:nth-child(3){background:#28c840}.term__title{color:var(--faint);font-family:var(--mono);font-size:12px;letter-spacing:.02em}.term{margin:0;padding:26px 28px;border:1px solid var(--line);border-radius:12px;background:#0d0d10;color:#c9c9d1;font-family:var(--mono);font-size:13.5px;line-height:2;text-align:left;overflow-x:auto}.term--inwrap{border:0;border-radius:0;background:transparent}.tok-cmd{color:#7ee787}.tok-yarn{color:#d2a8ff}.tok-url{color:#79c0ff}.tok-arg{color:#c9c9d1}.term code{font:inherit}.term__p{color:var(--faint);user-select:none}.term__cursor{display:inline-block;width:8px;height:1em;margin-left:6px;translate:0 2px;background:var(--muted);animation:blink 1.1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.why{max-width:680px;margin-bottom:48px}.mockfine{margin-top:18px;color:var(--faint);font-size:12.5px;text-align:center}.appmock{position:relative;overflow:hidden;border:1px solid var(--line-strong);border-radius:16px;background:#0e0e11;box-shadow:0 40px 90px -40px #000c,inset 0 1px #ffffff0a;color:#d7d7dc;font-size:13px;text-align:left;user-select:none;-webkit-user-select:none}.appmock input{user-select:text;-webkit-user-select:text}.appmock button{font-family:inherit}.appmock__titlebar{display:flex;align-items:center;gap:20px;padding:10px 14px;border-bottom:1px solid var(--line)}.appmock__brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:13.5px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.appmock__brand svg{width:18px;height:18px;fill:#3e7cc4;stroke:#0e0e11;stroke-width:1.4}.appmock__winbtns{display:inline-flex;gap:16px;margin-left:auto;color:var(--faint);font-size:12px}.appmock__winbtns i{font-style:normal}.appmock__toolbar{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.appmock__simple{display:inline-flex;align-items:center;margin-left:auto;padding:9px 20px;border-radius:999px;background:#3e7cc4;color:#fff;font-size:12.5px;font-weight:650;white-space:nowrap}.appmock__name{display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:180px;flex:1 1 220px;padding:5px 12px;border:1px solid var(--line-strong);border-radius:9px;background:#ffffff05}.appmock__namelabel{color:var(--faint);font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.appmock__name input{width:100%;padding:0;border:0;background:transparent;color:var(--ink);font-family:inherit;font-size:13px;font-weight:650}.appmock__name input:focus{outline:none}.appmock__export{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:0;border-radius:10px;background:#3e7cc4;color:#fff;font-size:13.5px;font-weight:650;cursor:pointer;white-space:nowrap;transition:background-color .15s ease}.appmock__export:hover{background:#4c88cf}.appmock__export svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.appmock__main{display:grid;grid-template-columns:minmax(0,1fr) 232px;gap:12px;padding:12px 14px 14px}.appmock__stage{display:grid;gap:10px;align-content:start;min-width:0}.appmock__screen{position:relative;aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#000}.appmock__screen video{display:block;width:100%;height:100%;object-fit:cover;background:#000;filter:saturate(.88) brightness(.9) contrast(1.03);-webkit-user-drag:none}.appmock__screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(9,9,11,.16),transparent 28%,transparent 72%,rgba(9,9,11,.2))}.appmock__screen video[hidden]{display:none}.appmock__novideo{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#191b20,#131418)}.appmock__novideo[hidden]{display:none}.appmock__novideo span{color:var(--faint);font-size:12.5px}.appmock__demotag{position:absolute;top:10px;left:10px;padding:3px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#0000008c;color:#ffffffbf;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.appmock__transport{display:flex;align-items:center;justify-content:center;gap:12px}.appmock__io{display:inline-flex;align-items:center;gap:10px}.appmock__iobtn{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--line-strong);border-radius:10px;background:#ffffff08;color:var(--ink);font-family:var(--mono);font-size:14px;font-weight:700;cursor:pointer}.appmock__iobtn:hover{border-color:#ffffff4d}.appmock__play{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#3e7cc4;color:#fff;cursor:pointer;transition:background-color .15s ease}.appmock__play:hover{background:#4c88cf}.appmock__play svg{width:16px;height:16px;fill:currentColor}.appmock__play.is-nudge{animation:playnudge 1.4s ease-in-out 2}@keyframes playnudge{0%,to{box-shadow:0 0 #3e7cc400}50%{box-shadow:0 0 0 12px #3e7cc440}}.appmock__timeline{position:relative;height:50px;touch-action:none;cursor:pointer}.appmock__tltrack{position:absolute;left:0;right:0;top:11px;height:28px;border:1px solid var(--line);border-radius:7px;background:#ffffff0d}.appmock__tlrange{position:absolute;top:11px;height:28px;border-radius:7px;background:#3bb3bd66;box-shadow:inset 0 0 0 1px #3bb3bd8c}.appmock__tlhead{position:absolute;top:4px;bottom:4px;width:2px;margin-left:-1px;border-radius:1px;background:var(--ink)}.appmock__tlhead:after{content:"";position:absolute;top:-3px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--ink)}.appmock__handle{position:absolute;top:11px;width:16px;height:28px;margin-left:-8px;padding:0;border:0;background:transparent;cursor:ew-resize;touch-action:none}.appmock__handle i{display:block;width:5px;height:100%;margin:0 auto;border-radius:3px;background:#ffffffd9}.appmock__tlmeta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:var(--muted);font-family:var(--mono);font-size:11.5px}.appmock__hint{color:var(--faint);font-family:var(--sans);font-size:12px}.appmock__total strong{color:var(--ink);font-weight:650}.appmock__clips{display:flex;flex-direction:column;gap:12px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#ffffff04}.appmock__clipshead{display:flex;align-items:flex-start;justify-content:space-between}.appmock__clipstitle{color:var(--ink);font-size:14px;font-weight:700}.appmock__clipssub{margin-top:2px;color:var(--faint);font-size:12px}.appmock__x{color:var(--faint);font-size:13px}.appmock__clipcard{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:transparent}.appmock__clipcard.is-on{border-color:#3e7cc4a6;background:#3e7cc412}.appmock__clipslist{display:grid;gap:10px}.appmock__clipnum{display:grid;place-items:center;flex:none;width:24px;height:24px;border:1px solid var(--line-strong);border-radius:50%;color:var(--muted);font-family:var(--mono);font-size:12px}.appmock__cliptexts{display:grid;gap:2px;min-width:0}.appmock__cliprange{color:var(--ink);font-family:var(--mono);font-size:13px;font-weight:650;white-space:nowrap}.appmock__clipmeta{color:var(--muted);font-family:var(--mono);font-size:11.5px;white-space:nowrap}.appmock__clipsfoot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);color:var(--faint);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}.appmock__clipsfoot strong{display:block;margin-top:3px;color:var(--ink);font-family:var(--mono);font-size:13px;letter-spacing:0}.appmock__overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;background:#050508b8;backdrop-filter:blur(6px)}.appmock__overlay[hidden]{display:none}.appmock__dialog{width:min(680px,100%);max-height:100%;overflow-y:auto;padding:20px 22px 22px;border:1px solid var(--line-strong);border-radius:16px;background:#141417;box-shadow:0 30px 70px -20px #000000d9}.appmock__dlghead{display:flex;align-items:center;justify-content:space-between;gap:12px}.appmock__dlghead h3{margin:0;color:var(--ink);font-size:17px;font-weight:700;letter-spacing:-.02em}.appmock__dlgclose{padding:6px 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:14px;cursor:pointer}.appmock__dlgclose:hover{color:var(--ink)}.appmock__banner{margin-top:12px;padding:9px 12px;border-radius:8px;background:#3e7cc41a;color:#8ea3d6;font-size:12.5px;line-height:1.55}.appmock__group{margin:16px 0 8px;color:var(--faint);font-size:10.5px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.appmock__group[hidden],.appmock__cards[hidden]{display:none}.appmock__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.appmock__cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}.appmock__card{padding:12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.appmock__card strong{display:block;color:var(--ink);font-size:13.5px;font-weight:650}.appmock__card span{display:block;margin-top:4px;font-size:12px;line-height:1.55}.appmock__card:hover{border-color:#ffffff40}.appmock__card.is-on{border-color:#3e7cc4b3;background:#3e7cc41a}.appmock__sizerow{display:flex;align-items:center;gap:12px;margin-top:14px;color:var(--ink);font-size:13px;font-weight:550}.appmock__sizewrap{display:inline-flex;align-items:center;gap:8px;color:var(--faint);font-family:var(--mono);font-size:13px}.appmock__sizewrap input{width:84px;padding:7px 10px;border:1px solid var(--line-strong);border-radius:8px;background:#ffffff08;color:var(--ink);font-family:var(--mono);font-size:13px;appearance:textfield}.appmock__sizewrap input::-webkit-outer-spin-button,.appmock__sizewrap input::-webkit-inner-spin-button{appearance:none}.appmock__sizerow.is-off,.appmock__cards.is-off{opacity:.45}.appmock__dlgfoot{display:flex;justify-content:flex-end;margin-top:18px}.appmock__work{display:grid;justify-items:center;gap:8px;width:min(420px,100%);padding:28px 28px 24px;border:1px solid var(--line-strong);border-radius:16px;background:#141417;box-shadow:0 30px 70px -20px #000000d9;text-align:center}.appmock__workicon{width:40px;height:40px;padding:9px;border:1px solid var(--line-strong);border-radius:50%;fill:none;stroke:#8ea3d6;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.appmock__workicon--ok{stroke:#7ee787}.appmock__workeyebrow{color:var(--faint);font-size:10.5px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.appmock__worktitle{color:var(--ink);font-size:17px;font-weight:700;letter-spacing:-.02em}.appmock__workmeta{display:flex;justify-content:space-between;width:100%;color:var(--muted);font-family:var(--mono);font-size:12px}.appmock__workbar{width:100%;height:6px;border-radius:3px;background:#ffffff17;overflow:hidden}.appmock__workbar span{display:block;width:0%;height:100%;border-radius:3px;background:#3e7cc4}.appmock__abort{margin-top:6px;padding:8px 20px;border:1px solid var(--line-strong);border-radius:9px;background:transparent;color:var(--ink);font-size:13px;font-weight:550;cursor:pointer}.appmock__abort:hover{border-color:#ffffff4d}.appmock__donesize{color:var(--ink);font-size:26px;font-weight:700;letter-spacing:-.02em}.appmock__donename{color:var(--faint);font-family:var(--mono);font-size:12px}.appmock__doneready{color:var(--muted);font-size:13px}.confetti-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti-layer i{position:absolute;display:block}@media(max-width:900px){.appmock__main{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.appmock__hint{display:none}.appmock__cards,.appmock__cards--3{grid-template-columns:minmax(0,1fr)}.appmock__dialog{padding:16px}.appmock__overlay{padding:12px}}.foot{border-top:1px solid var(--line);padding-block:32px}.foot__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}.foot__legal{color:var(--faint);font-size:13px}.foot__links{display:flex;flex-wrap:wrap;gap:8px 22px}.foot__links a{color:var(--muted);font-size:13px;text-decoration:none;transition:color .15s ease}.foot__links a:hover{color:var(--ink)}@media(max-width:1180px){.floats{display:none}}@media(max-width:900px){.split{grid-template-columns:minmax(0,1fr)}.split__copy .prose,.h2{max-width:100%}.split--fork .termwrap{order:2}.split--fork .split__copy{order:1}}@media(max-width:820px){.steps{grid-template-columns:minmax(0,1fr)}.step{padding:26px 0 0;border-left:0;border-top:1px solid var(--line)}.step__icon{width:104px;height:104px;margin-left:-52px;bottom:0;opacity:.1}.step:first-child{padding-top:0;border-top:0}}@media(max-width:760px){:root{--band-y: 64px}.band--cta{padding-block:96px}.hero__title{margin-top:14px;font-size:clamp(40px,11vw,56px)}.term{white-space:pre-wrap;overflow-wrap:anywhere}}@media(max-width:520px){.cta .btn{width:100%}.shot__frame{aspect-ratio:4 / 3}.fig__inner{gap:8px;padding:38px 14px 14px;justify-content:flex-start}.shot__frame:has(.fig){aspect-ratio:auto}.shot__frame:has(#figTools){min-height:380px}.shot__frame:has(.fig--story){min-height:352px}.fig__row{flex-wrap:wrap;gap:8px;padding:8px 10px}.fig__label{width:100%}.fig__value{margin-left:0}.fig__file{padding:7px 11px 7px 9px}.fig__settings{gap:8px 12px}.fig__result{padding:8px 10px}.foot__inner{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.term__cursor{opacity:1}}