.makefigures-home{--background:oklch(99.5% .002 250);--foreground:oklch(23% .02 255);--card:oklch(100% 0 0);--card-foreground:var(--foreground);--primary:oklch(49% .1 250);--primary-foreground:oklch(100% 0 0);--muted:oklch(96.5% .009 250);--muted-foreground:oklch(48% .018 255);--border:oklch(90% .01 250);--input:var(--border);--ring:var(--primary);--studio-blue:oklch(95% .023 245);--studio-mint:oklch(96% .02 165);--studio-peach:oklch(96% .025 55);background:var(--background);color:var(--foreground);font-family:Plus Jakarta Sans Variable,PingFang SC,Microsoft YaHei,sans-serif}.dark .makefigures-home{--background:oklch(17% .015 255);--foreground:oklch(94% .008 250);--card:oklch(21% .018 255);--card-foreground:var(--foreground);--primary:oklch(74% .09 245);--primary-foreground:oklch(19% .025 255);--muted:oklch(25% .018 255);--muted-foreground:oklch(73% .012 255);--border:oklch(32% .015 250);--studio-blue:oklch(24% .03 245);--studio-mint:oklch(24% .025 165);--studio-peach:oklch(26% .025 55)}.makefigures-home :is(a,button,summary):focus-visible{outline:2px solid var(--primary);outline-offset:4px}.makefigures-home :is(section[id],#figure-studio){scroll-margin-top:104px}.makefigures-home.studio-header{background:color-mix(in oklch, var(--background) 94%, transparent);border-bottom:1px solid color-mix(in oklch, var(--border) 70%, transparent)}.makefigures-home .studio-hero{padding:42px 32px 58px}.makefigures-home .studio-hero-content{grid-template-columns:1fr 1.05fr;align-items:center;gap:48px;max-width:1200px;margin:0 auto;display:grid}.makefigures-home .studio-topic{color:var(--primary);letter-spacing:.13em;text-transform:uppercase;margin:0 0 16px;font-size:11px;font-weight:700}.makefigures-home .studio-hero h1{white-space:pre-line;letter-spacing:-.055em;font-size:clamp(38px,4.2vw,60px);font-weight:750;line-height:1.1}.makefigures-home .studio-hero-description{max-width:460px;color:var(--muted-foreground);margin-top:23px;font-size:15px;line-height:1.85}.makefigures-home .studio-hero-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:26px;display:flex}.makefigures-home .studio-hero-cta{border-radius:7px;justify-content:center;align-items:center;gap:18px;min-height:44px;padding:0 20px;font-size:12px;font-weight:650;display:inline-flex}.makefigures-home .studio-text-link{align-items:center;gap:9px;min-height:44px;font-size:12px;font-weight:600;display:inline-flex}.makefigures-home .studio-text-link:hover{color:var(--primary)}.makefigures-home .studio-hero-figure{min-width:0;margin:0}.makefigures-home .studio-hero-figure img{object-fit:contain;background:#fff;border-radius:4px;width:100%;max-height:330px;display:block}.makefigures-home .studio-hero-figure figcaption{text-align:right;color:var(--muted-foreground);margin-top:12px;font-size:10px}.makefigures-home .studio-form-area{max-width:1010px;margin:40px auto 0}.makefigures-home .studio-form-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:0 3px;display:flex}.makefigures-home .studio-form-heading h2{letter-spacing:-.02em;font-size:15px;font-weight:650}.makefigures-home .studio-form-heading a{min-height:32px;color:var(--muted-foreground);align-items:center;gap:7px;font-size:11px;display:inline-flex}.makefigures-home .studio-form-heading a:hover{color:var(--primary)}.makefigures-home .studio-composer{border-color:var(--border);border-radius:16px;box-shadow:0 8px 35px -18px oklch(35% .04 250/.22)}.makefigures-home .studio-composer:focus-within{border-color:color-mix(in oklch, var(--primary) 65%, var(--border))}.makefigures-home .studio-select{border:1px solid var(--border);background:var(--card);width:100%;min-height:40px;color:var(--foreground);border-radius:7px;padding:8px 12px}.makefigures-home .studio-submit{background:var(--primary);color:var(--primary-foreground);transition:background-color .16s,transform .16s}.makefigures-home .studio-submit:hover{background:color-mix(in oklch, var(--primary) 90%, var(--foreground))}.makefigures-home .studio-submit:active{transform:translateY(1px)}.makefigures-home .studio-submit:disabled{opacity:.55}.makefigures-home .studio-example{background:var(--card);border-color:var(--border);color:var(--muted-foreground)}.makefigures-home .studio-example:hover{background:var(--studio-blue);border-color:var(--primary);color:var(--foreground)}.makefigures-home .studio-browse-templates{width:fit-content;min-height:36px;color:var(--primary);justify-content:center;align-items:center;gap:8px;margin:12px auto -8px;font-size:11px;font-weight:600;display:flex}.makefigures-home .studio-section{padding:82px 32px}.makefigures-home .studio-section-inner{max-width:1200px;margin:0 auto}.makefigures-home .studio-templates{background:var(--muted)}.makefigures-home .studio-section-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.makefigures-home .studio-section-heading h2{letter-spacing:-.045em;font-size:clamp(28px,3vw,38px);font-weight:650;line-height:1.2}.makefigures-home .studio-section-heading p{max-width:630px;color:var(--muted-foreground);margin-top:14px;font-size:14px;line-height:1.8}.makefigures-home .studio-template-filters{flex-wrap:wrap;gap:9px;margin:30px 0;display:flex}.makefigures-home .studio-template-filter{border:1px solid var(--border);min-height:39px;color:var(--muted-foreground);background:var(--card);border-radius:5px;padding:8px 16px;font-size:11px;font-weight:600;transition:color .16s,border-color .16s,background-color .16s}.makefigures-home .studio-template-filter:hover{color:var(--foreground);border-color:var(--primary)}.makefigures-home .studio-template-filter[aria-pressed=true]{background:var(--foreground);border-color:var(--foreground);color:var(--background)}.makefigures-home .studio-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px;display:grid}.makefigures-home .studio-template-item{min-width:0}.makefigures-home .studio-template-image{aspect-ratio:3/2;border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;display:block;position:relative;overflow:hidden}.makefigures-home .studio-template-image img{object-fit:contain;width:100%;height:100%;transition:transform .35s}.makefigures-home .studio-template-image:hover img{transform:scale(1.035)}.makefigures-home .studio-template-expand{color:oklch(30% .02 255);background:oklch(100% 0 0/.92);border:1px solid oklch(90% .01 250);border-radius:5px;justify-content:center;align-items:center;width:31px;height:31px;display:flex;position:absolute;bottom:11px;right:11px}.makefigures-home .studio-template-caption{padding:18px 2px 0}.makefigures-home .studio-template-category{color:var(--primary);letter-spacing:.035em;font-size:10px;font-weight:600}.makefigures-home .studio-template-caption h3{letter-spacing:-.02em;margin-top:8px;font-size:16px;font-weight:650;line-height:1.5}.makefigures-home .studio-template-caption p{min-height:44px;color:var(--muted-foreground);margin-top:8px;font-size:12px;line-height:1.8}.makefigures-home .studio-template-use{min-height:38px;color:var(--foreground);align-items:center;gap:10px;margin-top:7px;font-size:11px;font-weight:650;display:inline-flex}.makefigures-home .studio-template-use:hover{color:var(--primary)}.makefigures-home .studio-template-use:disabled{opacity:.45;cursor:not-allowed}.makefigures-home .studio-template-note{max-width:850px;color:var(--muted-foreground);margin-top:34px;font-size:11px;line-height:1.8}.makefigures-home .studio-footer{border-top:1px solid var(--border);padding:64px 32px 24px}.makefigures-home .studio-footer-main{grid-template-columns:1fr 2fr;gap:70px;max-width:1200px;margin:0 auto;display:grid}.makefigures-home .studio-footer-brand p{max-width:245px;color:var(--muted-foreground);margin-top:16px;font-size:12px;line-height:1.8}.makefigures-home .studio-footer-start{min-height:40px;color:var(--primary);align-items:center;gap:9px;margin-top:14px;font-size:12px;font-weight:600;display:inline-flex}.makefigures-home .studio-footer-contact{width:fit-content;max-width:100%;min-height:32px;color:var(--muted-foreground);align-items:center;gap:8px;margin-top:8px;font-size:12px;line-height:1.7;display:flex}.makefigures-home .studio-footer-contact:hover{color:var(--primary)}.makefigures-home .studio-footer-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.makefigures-home .studio-footer-nav h3{margin:3px 0 18px;font-size:11px;font-weight:650}.makefigures-home .studio-footer-nav a{width:fit-content;max-width:100%;color:var(--muted-foreground);margin:4px 0;padding:5px 0;font-size:11px;line-height:1.7;display:block}.makefigures-home .studio-footer-nav a:hover{color:var(--primary)}.makefigures-home .studio-footer-bottom{border-top:1px solid var(--border);max-width:1200px;color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;gap:16px;margin:40px auto 0;padding-top:23px;font-size:10px;line-height:1.8;display:flex}.makefigures-home .studio-intro{animation:.5s both studio-enter}.makefigures-home .studio-input-enter{animation:.55s 90ms both studio-enter}@keyframes studio-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=1023px){.makefigures-home .studio-hero-content{gap:28px}.makefigures-home .studio-hero h1{font-size:46px}.makefigures-home .studio-hero-description{font-size:14px}.makefigures-home .studio-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.makefigures-home .studio-footer-main{grid-template-columns:1fr;gap:36px}}@media (width<=639px){.makefigures-home .studio-hero{padding:34px 20px 44px}.makefigures-home .studio-hero-content{grid-template-columns:1fr;gap:27px}.makefigures-home .studio-hero h1{letter-spacing:-.045em;font-size:41px}.makefigures-home .studio-topic{margin-bottom:14px;font-size:10px}.makefigures-home .studio-hero-description{margin-top:18px;font-size:14px}.makefigures-home .studio-hero-actions{gap:18px;margin-top:20px}.makefigures-home .studio-hero-figure img{max-height:210px}.makefigures-home .studio-hero-figure figcaption{font-size:9px}.makefigures-home .studio-form-area{margin-top:30px}.makefigures-home .studio-form-heading h2{font-size:14px}.makefigures-home .studio-form-heading a{font-size:10px}.makefigures-home .studio-section{padding:54px 20px}.makefigures-home .studio-section-heading{display:block}.makefigures-home .studio-section-heading p{font-size:13px}.makefigures-home .studio-template-filters{gap:7px;margin:22px 0}.makefigures-home .studio-template-filter{min-height:40px;padding:8px 12px}.makefigures-home .studio-template-grid{grid-template-columns:1fr;gap:29px}.makefigures-home .studio-template-caption p{min-height:0}.makefigures-home .studio-template-caption{padding-top:14px}.makefigures-home .studio-footer{padding:44px 20px 24px}.makefigures-home .studio-footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.makefigures-home .studio-footer-bottom{margin-top:28px}}@media (prefers-reduced-motion:reduce){.makefigures-home .studio-intro,.makefigures-home .studio-input-enter{animation:none}.makefigures-home .studio-submit,.makefigures-home .studio-template-image img,.makefigures-home .studio-template-filter{transition:none}.makefigures-home .studio-template-image:hover img{transform:none}}.makefigures-landing,.figure-studio-composer{--primary:oklch(53% .22 265);--primary-foreground:oklch(100% 0 0);--studio-blue:oklch(96% .02 265)}.dark .makefigures-landing,.figure-studio-composer{--primary:oklch(76% .13 265);--primary-foreground:oklch(19% .025 255);--studio-blue:oklch(25% .035 265)}.makefigures-landing .studio-hero{padding:64px 32px 48px}.makefigures-landing .studio-hero:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(to right, color-mix(in oklch, var(--foreground) 5%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklch, var(--foreground) 5%, transparent) 1px, transparent 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.makefigures-landing .studio-hero:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 52% 60% at 50% 38%, color-mix(in oklch, var(--primary) 7%, transparent), transparent 80%);position:absolute;inset:0}.makefigures-landing .studio-hero-content{text-align:center;max-width:1000px;display:block}.makefigures-landing .studio-topic{border:1px solid var(--border);background:color-mix(in oklch, var(--card) 75%, transparent);letter-spacing:.08em;border-radius:999px;align-items:center;margin:0 0 28px;padding:7px 16px;font-size:12px;font-weight:500;line-height:1.5;display:inline-flex}.makefigures-landing .studio-hero h1{letter-spacing:-.035em;white-space:normal;text-wrap:balance;margin:0;font-size:clamp(36px,4.1vw,58px);font-weight:450;line-height:1.22}.makefigures-landing .studio-headline-lead,.makefigures-landing .studio-headline-result{display:block}.makefigures-landing .studio-headline-lead{font-weight:650}.makefigures-landing .studio-headline-result strong{color:var(--primary);font-weight:600}.makefigures-landing .studio-hero-description{text-wrap:pretty;max-width:620px;margin:22px auto 0;font-size:16px;line-height:1.8}.makefigures-landing .studio-form-area{max-width:1000px;margin-top:36px}.makefigures-landing .studio-form-heading{margin-bottom:10px;padding-inline:6px}.makefigures-landing .studio-form-heading h2{color:var(--muted-foreground);font-size:12px;font-weight:500}.makefigures-landing .studio-form-heading a{font-size:12px}.figure-studio-composer .studio-composer{border-color:color-mix(in oklch, var(--border) 75%, var(--card));box-shadow:0 18px 60px -24px color-mix(in oklch, var(--primary) 24%, transparent);border-radius:24px}.figure-studio-composer .studio-composer textarea{min-height:160px}.makefigures-landing .studio-example{font-weight:400}.makefigures-landing .studio-browse-templates{font-size:12px}.makefigures-landing .studio-templates{background:var(--background);border-top:1px solid var(--border)}.makefigures-landing .studio-section-heading{text-align:center;display:block}.makefigures-landing .studio-section-heading p{margin-inline:auto}.makefigures-landing .studio-template-filters{justify-content:center}@media (width<=767px){.makefigures-landing .studio-hero{padding:40px 20px 36px}.makefigures-landing .studio-topic{letter-spacing:.04em;margin-bottom:22px;font-size:10px}.makefigures-landing .studio-hero h1{letter-spacing:-.035em;font-size:clamp(28px,5.7vw,42px);line-height:1.3}.makefigures-landing .studio-hero-description{max-width:440px;margin-top:18px;font-size:14px}.makefigures-landing .studio-form-area{margin-top:24px}.figure-studio-composer .studio-composer{border-radius:18px}.figure-studio-composer .studio-composer textarea{min-height:150px}.makefigures-landing .studio-template-filters{justify-content:flex-start}}