.color-chip.svelte-1nwy29x{border:3px solid var(--ink);background:var(--cream);min-height:4.25rem;color:var(--ink);box-shadow:.24rem .24rem 0 var(--ink);cursor:pointer;border-radius:1rem;align-items:center;gap:.7rem;padding:.58rem .72rem;transition:transform .14s,box-shadow .14s,background .14s;display:flex}.color-chip.svelte-1nwy29x:hover{box-shadow:.34rem .34rem 0 var(--ink);background:var(--cream-strong);transform:translate(-.08rem,-.08rem)}.color-chip.svelte-1nwy29x:active{box-shadow:.12rem .12rem 0 var(--ink);transform:translate(.12rem,.12rem)}.color-chip.svelte-1nwy29x:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}.swatch.svelte-1nwy29x{border:3px solid var(--ink);background:var(--chip-color);border-radius:.72rem;flex:none;width:2.25rem;height:2.25rem}.chip-text.svelte-1nwy29x{text-align:left;gap:.1rem;display:grid}.chip-text.svelte-1nwy29x strong:where(.svelte-1nwy29x){letter-spacing:0;font-size:.98rem}.chip-text.svelte-1nwy29x small:where(.svelte-1nwy29x){text-transform:uppercase;font-size:.78rem;font-weight:900}.palette-bar.svelte-1dly4e8{border:4px solid var(--ink);background:var(--cream-strong);min-height:7rem;box-shadow:.55rem .55rem 0 var(--ink);border-radius:1.35rem;display:flex;overflow:hidden}.palette-segment.svelte-1dly4e8{width:var(--segment-width);background:var(--segment-color);min-width:3.25rem;color:var(--ink);transform-origin:0;place-items:end start;padding:.8rem;font-size:clamp(.7rem,1.6vw,.9rem);font-weight:900;line-height:1.05;animation:.65s cubic-bezier(.22,1,.36,1) both svelte-1dly4e8-grow-segment;display:grid;position:relative}.palette-segment.svelte-1dly4e8+.palette-segment:where(.svelte-1dly4e8){border-left:3px solid color-mix(in srgb, var(--ink) 70%, transparent)}.palette-segment.svelte-1dly4e8 span:where(.svelte-1dly4e8),.palette-segment.svelte-1dly4e8 strong:where(.svelte-1dly4e8){background:color-mix(in srgb, var(--cream) 82%, transparent);border-radius:999px;padding:.18rem .35rem}.palette-segment.svelte-1dly4e8 span:where(.svelte-1dly4e8){opacity:0;transition:opacity .16s,transform .16s;position:absolute;top:.7rem;left:.7rem;transform:translateY(-.25rem)}.palette-segment.svelte-1dly4e8:hover span:where(.svelte-1dly4e8),.palette-segment.svelte-1dly4e8:focus-within span:where(.svelte-1dly4e8){opacity:1;transform:translateY(0)}@keyframes svelte-1dly4e8-grow-segment{0%{transform:scaleX(.02)}to{transform:scaleX(1)}}@media (width<=620px){.palette-bar.svelte-1dly4e8{min-height:5.5rem;box-shadow:.35rem .35rem 0 var(--ink);border-width:3px}.palette-segment.svelte-1dly4e8{min-width:2.65rem;padding:.55rem .4rem}.palette-segment.svelte-1dly4e8 span:where(.svelte-1dly4e8){display:none}}@media (prefers-reduced-motion:reduce){.palette-segment.svelte-1dly4e8{animation:none}}.demo-shell.svelte-8r5r8o{border:4px solid var(--ink);background:var(--teal);box-shadow:.8rem .8rem 0 var(--ink);border-radius:1.65rem;gap:clamp(1rem,2.5vw,1.6rem);padding:clamp(1rem,3vw,2.1rem);display:grid}.demo-copy.svelte-8r5r8o{gap:.65rem;max-width:52rem;display:grid}.demo-copy.svelte-8r5r8o h2:where(.svelte-8r5r8o){margin:0;font-size:clamp(2.2rem,5.6vw,4.9rem);line-height:.98}.demo-copy.svelte-8r5r8o p:where(.svelte-8r5r8o):not(.eyebrow){max-width:48rem;margin:0;font-size:clamp(1rem,2vw,1.25rem);font-weight:800;line-height:1.38}.demo-form.svelte-8r5r8o,.result-panel.svelte-8r5r8o{border:4px solid var(--ink);background:var(--cream);border-radius:1.25rem}.demo-form.svelte-8r5r8o{gap:.75rem;padding:clamp(1rem,2.5vw,1.35rem);display:grid}label.svelte-8r5r8o{text-transform:uppercase;font-size:.82rem;font-weight:950}.input-row.svelte-8r5r8o{grid-template-columns:minmax(0,1fr) auto;gap:.7rem;display:grid}input.svelte-8r5r8o{border:3px solid var(--ink);width:100%;min-height:3.6rem;color:var(--ink);font:inherit;background:#fff;border-radius:1rem;padding:.85rem 1rem;font-weight:850}input.svelte-8r5r8o:focus-visible{outline:4px solid var(--yellow);outline-offset:2px}button.svelte-8r5r8o{border:3px solid var(--ink);background:var(--coral);min-height:3.6rem;color:var(--ink);font:inherit;box-shadow:.25rem .25rem 0 var(--ink);cursor:pointer;border-radius:1rem;padding:.85rem 1.1rem;font-weight:950;transition:transform .14s,box-shadow .14s,background .14s}button.svelte-8r5r8o:hover{box-shadow:.35rem .35rem 0 var(--ink);background:var(--yellow);transform:translate(-.08rem,-.08rem)}button.svelte-8r5r8o:active{box-shadow:.12rem .12rem 0 var(--ink);transform:translate(.1rem,.1rem)}button.svelte-8r5r8o:focus-visible{outline:4px solid var(--blue);outline-offset:3px}button.svelte-8r5r8o:disabled,input.svelte-8r5r8o:disabled{cursor:wait;opacity:.74}.hint.svelte-8r5r8o,.error.svelte-8r5r8o{margin:0;font-size:.95rem;font-weight:800}.error.svelte-8r5r8o{color:#a11300}.result-panel.svelte-8r5r8o{gap:1rem;padding:clamp(1rem,2.5vw,1.35rem);display:grid}.result-heading.svelte-8r5r8o{justify-content:space-between;align-items:end;gap:1rem;display:flex}.result-heading.svelte-8r5r8o h3:where(.svelte-8r5r8o){overflow-wrap:anywhere;margin:0;font-size:clamp(1.15rem,3vw,2rem);line-height:1.12}.result-heading.svelte-8r5r8o>span:where(.svelte-8r5r8o){border:3px solid var(--ink);background:var(--yellow);border-radius:999px;place-items:center;width:4.2rem;height:4.2rem;font-weight:950;display:inline-grid}.chip-grid.svelte-8r5r8o{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.75rem;display:grid}.loading-block.svelte-8r5r8o{border:4px solid var(--ink);background:var(--cream-strong);border-radius:1.35rem;grid-template-columns:34fr 24fr 18fr 14fr 10fr;min-height:7rem;display:grid;overflow:hidden}.loading-block.svelte-8r5r8o span:where(.svelte-8r5r8o){animation:.8s ease-in-out infinite alternate svelte-8r5r8o-pulse}.loading-block.svelte-8r5r8o span:where(.svelte-8r5r8o):first-child{background:#ff5a3c}.loading-block.svelte-8r5r8o span:where(.svelte-8r5r8o):nth-child(2){background:#ffd166;animation-delay:80ms}.loading-block.svelte-8r5r8o span:where(.svelte-8r5r8o):nth-child(3){background:#06d6a0;animation-delay:.16s}.loading-block.svelte-8r5r8o span:where(.svelte-8r5r8o):nth-child(4){background:#118ab2;animation-delay:.24s}.loading-block.svelte-8r5r8o span:where(.svelte-8r5r8o):nth-child(5){background:#073b4c;animation-delay:.32s}@keyframes svelte-8r5r8o-pulse{0%{opacity:.45}to{opacity:1}}@media (width<=760px){.input-row.svelte-8r5r8o,.chip-grid.svelte-8r5r8o{grid-template-columns:1fr}.demo-shell.svelte-8r5r8o{box-shadow:.45rem .45rem 0 var(--ink);border-width:3px}.result-heading.svelte-8r5r8o{align-items:start}}@media (prefers-reduced-motion:reduce){button.svelte-8r5r8o,.loading-block.svelte-8r5r8o span:where(.svelte-8r5r8o){transition:none;animation:none}}.hero.svelte-1uha8ag{border-bottom:4px solid var(--ink)}.hero-grid.svelte-1uha8ag{grid-template-columns:minmax(0,1.12fr) minmax(17rem,.28fr);align-items:center;gap:clamp(2rem,6vw,4.5rem);min-height:calc(100svh - 6rem);padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(4rem,8vw,7rem);display:grid}.hero-copy.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-weight:900}.hero-copy.svelte-1uha8ag{gap:clamp(1rem,2vw,1.45rem);min-width:0;display:grid}h1.svelte-1uha8ag{max-width:13.8ch;margin:0;font-size:clamp(3.35rem,8.4vw,8.4rem);line-height:.94}.hero-copy.svelte-1uha8ag>p:where(.svelte-1uha8ag):not(.eyebrow){max-width:44rem;margin:0;font-size:clamp(1.08rem,1.55vw,1.42rem);font-weight:850;line-height:1.35}.cta-row.svelte-1uha8ag{flex-wrap:wrap;gap:.85rem;padding-top:.5rem;display:flex}.hero-art.svelte-1uha8ag{min-height:31rem;position:relative}.sample-card.svelte-1uha8ag{border:4px solid var(--ink);background:var(--cream);width:min(72%,20rem);box-shadow:.55rem .55rem 0 var(--ink);transform:rotate(var(--tilt));border-radius:1.25rem;gap:1rem;padding:1rem;font-size:1.25rem;font-weight:950;display:grid;position:absolute}.sample-card.svelte-1uha8ag span:where(.svelte-1uha8ag){border:3px solid var(--ink);background:var(--swatch);border-radius:.9rem;min-height:8rem}.sample-card.one.svelte-1uha8ag{--tilt:-7deg;--swatch:var(--coral);top:0;left:0}.sample-card.two.svelte-1uha8ag{--tilt:8deg;--swatch:var(--yellow);top:3.5rem;right:0}.sample-card.three.svelte-1uha8ag{--tilt:4deg;--swatch:var(--teal);bottom:3rem;left:7%}.sample-card.four.svelte-1uha8ag{--tilt:-5deg;--swatch:var(--blue);color:var(--cream);background:var(--ink);bottom:0;right:4%}.demo-section.svelte-1uha8ag{background:var(--cream-strong)}.section-grid.svelte-1uha8ag{grid-template-columns:1fr;align-items:start;gap:clamp(1.4rem,3vw,2rem);display:grid}.api-preview.svelte-1uha8ag{grid-template-columns:minmax(18rem,.4fr) minmax(0,.6fr);align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}h2.svelte-1uha8ag{max-width:13ch;margin:0;font-size:clamp(2.15rem,5.6vw,4.9rem);line-height:.98}.section-heading.svelte-1uha8ag{gap:.5rem;max-width:52rem;margin-bottom:1.4rem;display:grid}.step-grid.svelte-1uha8ag,.card-grid.svelte-1uha8ag{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,2vw,1.25rem);display:grid}.block-card.svelte-1uha8ag{border:4px solid var(--ink);background:var(--cream);min-height:12rem;box-shadow:.35rem .35rem 0 var(--ink);border-radius:1.1rem;align-content:start;gap:.75rem;padding:clamp(1rem,2.2vw,1.35rem);display:grid}.block-card.svelte-1uha8ag span:where(.svelte-1uha8ag){border:3px solid var(--ink);background:var(--coral);border-radius:999px;place-items:center;width:3rem;height:3rem;font-weight:950;display:grid}.block-card.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:0;font-size:1.45rem;line-height:1.08}.block-card.svelte-1uha8ag p:where(.svelte-1uha8ag),.api-preview.svelte-1uha8ag p:where(.svelte-1uha8ag),.rapidapi-panel.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0;font-size:1.04rem;font-weight:780;line-height:1.42}@media (width<=640px){.rapidapi-panel-details.svelte-1uha8ag{display:none}}.rapidapi-panel-details.svelte-1uha8ag{width:50vw}.use-card.svelte-1uha8ag:nth-child(2n){background:var(--yellow)}.use-card.svelte-1uha8ag:nth-child(3n){background:var(--teal)}.api-preview.svelte-1uha8ag>div:where(.svelte-1uha8ag):first-child{gap:1rem;min-width:0;display:grid}.api-preview.svelte-1uha8ag h2:where(.svelte-1uha8ag){max-width:11.5ch;font-size:clamp(2.15rem,4.6vw,4.25rem)}.code-stack.svelte-1uha8ag{gap:1rem;min-width:0;display:grid}.rapidapi-panel.svelte-1uha8ag{isolation:isolate;background:var(--blue);box-shadow:.8rem .8rem 0 var(--ink);color:var(--cream);border-radius:1.5rem;gap:1rem;padding:clamp(1.4rem,5vw,3rem);display:grid;position:relative;overflow:hidden}.rapidapi-panel.svelte-1uha8ag:after{z-index:-1;background:linear-gradient(180deg, var(--yellow) 0 33%, var(--teal) 33% 66%, var(--coral) 66%), var(--coral);content:"";width:38%;position:absolute;inset:0 0 0 auto}.rapidapi-panel.svelte-1uha8ag>:where(.svelte-1uha8ag){max-width:min(38rem,58%)}.rapidapi-panel.svelte-1uha8ag h2:where(.svelte-1uha8ag){max-width:13ch}.rapidapi-panel.svelte-1uha8ag p:where(.svelte-1uha8ag){max-width:38rem;font-size:clamp(1.1rem,2vw,1.35rem)}.site-footer.svelte-1uha8ag{border-top:4px solid var(--ink);background:var(--ink);flex-wrap:wrap;justify-content:center;gap:.8rem 1rem;padding:2rem 1rem;display:flex}.site-footer.svelte-1uha8ag a:where(.svelte-1uha8ag){color:var(--cream);font-weight:900}@media (width<=980px){.hero-grid.svelte-1uha8ag,.section-grid.svelte-1uha8ag,.api-preview.svelte-1uha8ag{grid-template-columns:1fr}.hero-grid.svelte-1uha8ag{min-height:auto}h1.svelte-1uha8ag{max-width:12.5ch;font-size:clamp(3.2rem,12vw,6.8rem)}.hero-art.svelte-1uha8ag{min-height:23rem}.step-grid.svelte-1uha8ag,.card-grid.svelte-1uha8ag{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){h1.svelte-1uha8ag{font-size:clamp(3rem,16vw,4.8rem);line-height:.97}h2.svelte-1uha8ag{font-size:clamp(2rem,11vw,3.35rem);line-height:1}.step-grid.svelte-1uha8ag,.card-grid.svelte-1uha8ag{grid-template-columns:1fr}.hero-art.svelte-1uha8ag{min-height:18rem}.sample-card.svelte-1uha8ag{width:15rem;padding:.75rem}.sample-card.svelte-1uha8ag span:where(.svelte-1uha8ag){min-height:5.4rem}.rapidapi-panel.svelte-1uha8ag{box-shadow:.45rem .45rem 0 var(--ink);padding-bottom:7rem}.rapidapi-panel.svelte-1uha8ag:after{background:linear-gradient(90deg, var(--yellow) 0 33%, var(--teal) 33% 66%, var(--coral) 66%);width:100%;height:4.7rem;inset:auto 0 0}.rapidapi-panel.svelte-1uha8ag>:where(.svelte-1uha8ag){max-width:100%}}