@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#183a30;--muted:#64756e;--paper:#f7f8f2;--lime:#d4f268;--line:#dce2d8;--forest:#143e32;--cream:#f1f3e9;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 64px));margin:0 auto}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100% - 1240px)/2));border-bottom:1px solid #e8ebe3;background:rgba(247,248,242,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:10px;font:800 20px var(--display);letter-spacing:-1px}.brand-mark{width:34px;height:34px;color:var(--forest)}.brand-mark svg{width:100%;height:100%}.brand-accent{color:#8cab37}.nav{display:flex;gap:34px;font-size:13px;color:#596a62}.nav a:hover,.footer nav a:hover{color:#84a42a}.nav-cta{font-size:13px;font-weight:700;background:var(--lime);padding:12px 17px;border-radius:7px}.nav-cta span{margin-left:10px}.menu-toggle{display:none;border:0;background:transparent;font-size:22px;color:var(--ink)}.hero{min-height:610px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:40px;padding-top:35px;padding-bottom:65px}.eyebrow{display:flex;align-items:center;gap:10px;color:#6f816d;font:500 10px var(--mono);letter-spacing:1.3px}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a8c74a}.hero h1,.section-heading h2,.use-intro h2,.learn-copy h2,.faq-title h2,.final-inner h2{font:600 clamp(46px,6vw,74px)/1.04 var(--display);letter-spacing:-4px;margin:21px 0 20px;color:var(--ink)}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:#91ae3c;letter-spacing:-3px}.hero-lede{max-width:460px;color:#5c6e66;font-size:17px;line-height:1.7;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:17px}.button{display:inline-flex;gap:31px;justify-content:space-between;align-items:center;padding:15px 20px;border-radius:7px;font:600 13px var(--sans);border:0;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--forest);color:#fff}.button-dark:hover{background:#20543f}.button-lime{background:var(--lime);color:var(--ink);min-width:190px}.button-lime:disabled{opacity:.45;cursor:not-allowed;transform:none}.micro-note{color:#74827a;font-size:10px}.spark{font-size:14px;color:#94b23e;vertical-align:-1px;margin-right:4px}.trust-row{display:flex;gap:22px;margin-top:45px;padding-top:17px;border-top:1px solid var(--line);color:#829087;font-size:10px}.trust-row b{font:500 9px var(--mono);color:#a1b663;margin-right:5px}.hero-art{height:475px;position:relative;display:flex;align-items:center;justify-content:center}.art-blob{position:absolute;border-radius:50%}.blob-one{width:380px;height:380px;background:#e7edda;right:8px;top:48px}.blob-two{width:100px;height:100px;background:#e6a76f;left:28px;top:38px;opacity:.7}.art-card{position:absolute;border:1px solid rgba(24,58,48,.1);box-shadow:0 22px 55px rgba(42,65,48,.12);border-radius:13px}.art-card-back{width:235px;height:300px;left:48px;top:84px;background:#dce9ad;transform:rotate(-8deg);padding:19px}.art-card-front{width:264px;height:350px;right:35px;top:70px;background:#fff;padding:19px 19px 15px;transform:rotate(5deg)}.tiny-label{font:500 8px var(--mono);letter-spacing:1px;color:#78856d}.orbit-art{height:220px;margin-top:15px;position:relative;display:grid;place-items:center}.orbit-ring{width:140px;height:140px;border:1px dashed #96a66b;border-radius:50%;position:absolute}.orbit-core{width:83px;height:83px;border-radius:50%;background:#f6f7e8;display:grid;place-items:center;color:#365a42;font-size:43px}.orbit-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:#f2a16b;border:3px solid #dce9ad}.d1{top:38px;left:49px}.d2{right:39px;top:79px;background:#547e52}.d3{bottom:34px;left:83px;background:#d4f268}.art-caption{border-top:1px solid #e6e9df;padding-top:10px;display:flex;justify-content:space-between;align-items:center;color:#78847b;font:400 8px var(--mono)}.round-arrow{width:22px;height:22px;border-radius:50%;background:#eff3e5;display:grid;place-items:center;color:#3d5941}.flower-svg{width:210px;height:240px;display:block;margin:9px auto 6px}.floating-tag{position:absolute;right:0;bottom:49px;background:#fff;border:1px solid #e4e8dc;border-radius:30px;padding:11px 16px;box-shadow:0 9px 24px #1e422514;color:#53675a;font-size:10px}.floating-tag span{font-size:14px;margin-right:5px;color:#91ad44}.hero-doodle{position:absolute;right:33px;top:36px;color:#91ad44;font-size:28px}.tool-section{background:#eef1e7;padding:87px 0 95px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-heading h2,.use-intro h2,.learn-copy h2,.faq-title h2{font-size:43px;letter-spacing:-2.4px;margin:14px 0 0}.section-heading h2 em,.use-intro h2 em,.learn-copy h2 em,.faq-title h2 em,.final-inner h2 em{letter-spacing:-1.8px}.section-heading>p{max-width:280px;color:#718078;font-size:13px;line-height:1.65;margin:0 0 4px}.studio{display:grid;grid-template-columns:.91fr 1.09fr;background:#fff;border:1px solid #dfe5d9;box-shadow:0 12px 38px #243d2d0d;border-radius:11px;overflow:hidden}.studio-left,.studio-right{padding:24px}.studio-left{border-right:1px solid #e9ece5}.studio-top{height:21px;display:flex;align-items:center;gap:8px;font:500 9px var(--mono);letter-spacing:.8px;color:#7b897f}.live-dot{width:7px;height:7px;border-radius:50%;background:#adc950}.step-count{margin-left:auto;font-size:8px;color:#a6afa7}.dropzone{height:350px;margin-top:18px;border:1px dashed #c5d0c0;border-radius:8px;background:#fbfcf8;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:background .2s,border .2s;overflow:hidden}.dropzone:hover,.dropzone.dragover{background:#f4f7ea;border-color:#8ca63d}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.upload-icon{width:54px;height:54px;border-radius:50%;background:#eaf0d8;display:grid;place-items:center;color:#6c8b35;margin-bottom:16px}.upload-icon svg{width:26px}.dropzone strong{font:700 16px var(--display)}.drop-sub{font-size:11px;color:#869189;margin-top:7px}.browse-link{color:#789633;text-decoration:underline;font-weight:700}.file-types{margin-top:26px;color:#a4ada4;font:400 8px var(--mono);letter-spacing:1px}.image-preview{position:absolute;inset:0;background:#f8f9f4;display:none;align-items:center;justify-content:center;padding:20px}.image-preview.visible{display:flex}.image-preview img{max-width:100%;max-height:100%;object-fit:contain}.image-preview button{position:absolute;top:10px;right:10px;width:28px;height:28px;border:0;border-radius:50%;background:#fff;color:#46604b;font-size:19px;cursor:pointer;box-shadow:0 3px 10px #1d39231c}.privacy-note{font-size:10px;color:#859188;padding:15px 2px 0}.privacy-note span{color:#80a342;margin-right:5px}.controls{padding-top:17px}.control-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700}.control-label span+span{color:#839333;font:500 10px var(--mono)}input[type=range]{width:100%;accent-color:#789833;margin:16px 0 5px;height:4px}.range-scale{display:flex;justify-content:space-between;font-size:9px;color:#9ba49b}.detail-label{margin-top:21px;margin-bottom:10px}select{width:100%;padding:11px 12px;background:#fbfcf8;border:1px solid #e1e7dc;border-radius:6px;color:#46594d;font:12px var(--sans)}.result-box{margin-top:17px;border:1px solid #e5e9e0;border-radius:7px;overflow:hidden}.result-visual{height:150px;background-color:#f9faf6;background-image:linear-gradient(45deg,#edf0e9 25%,transparent 25%),linear-gradient(-45deg,#edf0e9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf0e9 75%),linear-gradient(-45deg,transparent 75%,#edf0e9 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;display:grid;place-items:center;position:relative}.result-empty{display:flex;flex-direction:column;align-items:center;color:#a0aa9e}.result-empty>span{color:#a6c34c;font-size:25px}.result-empty b{font-size:10px;margin-top:5px}.result-empty small{font-size:9px;margin-top:4px}.result-preview{display:none;max-width:100%;max-height:140px;object-fit:contain}.result-visual.has-result .result-empty{display:none}.result-visual.has-result #resultPreview{display:block;max-width:100%;max-height:140px;object-fit:contain}.result-meta{display:flex;justify-content:space-between;padding:9px 11px;font:400 8px var(--mono);color:#8a978c;border-top:1px solid #e5e9e0}.result-meta span:last-child{color:#99a78b}.studio-actions{display:flex;align-items:center;gap:18px;margin-top:13px}.download-link{font-size:11px;color:#809b36;font-weight:700}.download-link.disabled{pointer-events:none;opacity:.42}.download-link span{margin-left:6px}.tool-disclaimer{font-size:9px;line-height:1.6;color:#98a198;margin:11px 0 0}.strip{background:#d8eb9a;border-top:1px solid #cadd8a;border-bottom:1px solid #cadd8a}.strip-inner{min-height:74px;display:flex;justify-content:space-between;align-items:center;gap:18px}.strip-inner>span{font:500 8px var(--mono);letter-spacing:1.2px;color:#667b40}.strip-inner>b{font:600 12px var(--display);color:#36533a}.strip-inner>i{font-style:normal;color:#86a839}.how-section{padding:100px 0 105px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.step-card{border:1px solid #e2e7dc;background:#fff;border-radius:9px;padding:20px}.step-head{display:flex;justify-content:space-between;color:#99a495;font:500 8px var(--mono);letter-spacing:.7px}.step-head span+span{font-size:13px;color:#84a141}.step-visual{height:147px;margin:14px 0 19px;border-radius:6px;background:#f5f7ee;position:relative;display:grid;place-items:center;overflow:hidden}.mini-image{width:132px;height:90px;background:#e0eab5;border:5px solid white;box-shadow:0 5px 14px #203c2017;border-radius:4px;position:relative;overflow:hidden}.mini-sun{position:absolute;right:19px;top:14px;width:18px;height:18px;background:#eca66d;border-radius:50%}.mini-mountain{position:absolute;bottom:-17px;width:105px;height:67px;background:#5f8457;transform:rotate(39deg);border-radius:10px}.m1{left:-7px}.m2{right:-47px;bottom:-28px;background:#a2ba59}.mini-upload{position:absolute;width:34px;height:34px;border:1px solid #dbe3ca;background:#fff;border-radius:50%;right:31px;bottom:25px;display:grid;place-items:center;color:#78933d}.palette-visual{background:#eaf0d8}.palette-blob{font-size:59px;color:#94b240;text-shadow:12px 8px 0 #d9e99a,-11px 8px 0 #adc865;transform:rotate(-8deg)}.palette-dots{display:flex;gap:8px;position:absolute;bottom:19px}.palette-dots i{width:12px;height:12px;border-radius:50%;background:#174c3b}.palette-dots i:nth-child(2){background:#d4f268}.palette-dots i:nth-child(3){background:#eea26c}.palette-dots i:nth-child(4){background:#aabb7c}.palette-dots i:nth-child(5){background:#5a7e55}.download-visual{background:#f7eee1}.file-card{display:flex;align-items:center;gap:10px;background:white;border:1px solid #eee6d9;border-radius:6px;padding:12px;width:220px;box-shadow:0 6px 20px #573c1e12}.file-icon{background:#eaf0d9;color:#6c8a32;font:500 9px var(--mono);padding:8px 6px;border-radius:4px}.file-card b{display:block;font-size:9px}.file-card small{display:block;color:#a2a69d;font-size:8px;margin-top:4px}.file-card>span{margin-left:auto;color:#87a143}.sparkle{position:absolute;color:#9bb743}.s1{top:24px;right:45px;font-size:20px}.s2{bottom:19px;left:38px;font-size:21px;color:#e59d68}.step-card h3{font:700 15px var(--display);margin:0 0 7px;letter-spacing:-.3px}.step-card p{color:#79867d;font-size:11px;line-height:1.7;margin:0;max-width:290px}.use-section{background:#e8ecdf;padding:93px 0}.use-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.use-intro h2{font-size:48px;margin:20px 0}.use-intro p,.learn-copy p{max-width:370px;color:#68786d;font-size:13px;line-height:1.8}.text-link{display:inline-flex;gap:15px;align-items:center;border-bottom:1px solid #a8bb70;padding:0 0 6px;margin-top:15px;font-size:11px;font-weight:700;color:#557338}.text-link span{font-size:14px}.use-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.use-card{min-height:212px;border-radius:9px;padding:19px;position:relative;overflow:hidden}.use-logo{background:#193e33;color:#f8f8ef;grid-row:span 2;min-height:270px}.use-print{background:#f3dfc7;color:#394c37}.use-art{background:#dbe8a7;color:#394c37}.use-icon{width:31px;height:31px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font:600 13px var(--display);margin-bottom:22px}.use-card>span{font:500 8px var(--mono);letter-spacing:.9px;opacity:.65}.use-card h3{font:600 20px var(--display);margin:8px 0 6px;letter-spacing:-.7px}.use-card p{position:relative;z-index:1;font-size:10px;line-height:1.7;max-width:190px;opacity:.73;margin:0}.use-shape{position:absolute;font-size:87px;line-height:1;opacity:.24}.shape-logo{right:16px;bottom:14px;color:#d4f268;font-size:113px}.shape-print{right:6px;bottom:4px;color:#c8794f}.shape-art{right:5px;bottom:4px;color:#7c963e}.learn-section{padding:105px 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:95px}.learn-visual{height:350px;position:relative;display:grid;place-items:center;background:#e9eedb;border-radius:12px}.learn-paper{width:360px;height:245px;background:#fcfcf8;box-shadow:0 10px 25px #2a422117;border-radius:5px;display:flex;align-items:center;justify-content:space-evenly;position:relative}.pixel-grid{width:106px;height:106px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;transform:rotate(-6deg)}.pixel-grid span{background:#88a44d}.pixel-grid span:nth-child(2),.pixel-grid span:nth-child(4),.pixel-grid span:nth-child(6),.pixel-grid span:nth-child(8){background:#c8d995}.pixel-grid span:nth-child(5){background:#174c3b}.learn-arrow{font-size:27px;color:#a0b762}.learn-flower{width:123px}.learn-caption{position:absolute;bottom:16px;left:27px;right:27px;display:flex;justify-content:space-between;font:500 8px var(--mono);letter-spacing:1px;color:#8b9788}.learn-sticker{position:absolute;right:13px;top:28px;background:#f0ac72;border-radius:50%;width:68px;height:68px;display:grid;place-items:center;text-align:center;color:#fff;font:500 8px/1.4 var(--mono);transform:rotate(10deg)}.learn-copy h2{font-size:42px;line-height:1.11;margin:18px 0}.learn-copy p{max-width:470px}.faq-section{background:#f0f2e9;padding:88px 0 98px}.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.faq-title h2{line-height:1.12;margin:18px 0}.faq-title p{max-width:280px;color:#758279;font-size:12px;line-height:1.7}.faq-list details{border-bottom:1px solid #d8dfd3;padding:0}.faq-list details:first-child{border-top:1px solid #d8dfd3}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:19px 0;font:600 13px var(--display);color:#365245}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:400 19px var(--sans);color:#87a342;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:#718077;font-size:11px;line-height:1.8;max-width:570px;margin:0;padding:0 30px 18px 0}.final-cta{background:#d8ec9e;padding:70px 0;overflow:hidden}.final-inner{position:relative;display:flex;align-items:center;justify-content:space-between}.final-inner h2{font-size:49px;margin:16px 0 0}.final-inner .button{margin-right:105px}.cta-flower{position:absolute;right:-30px;bottom:-88px;font-size:190px;line-height:1;color:#c2dc72;opacity:.8}.footer{background:#173d32;color:#edf1e5;padding:37px 0 19px}.footer-top{display:grid;grid-template-columns:1fr auto;align-items:center;gap:17px}.footer .brand{color:white}.footer .brand-mark{color:#d4f268}.footer .brand-accent{color:#d4f268}.footer-top>p{grid-column:1;margin:0;color:#aab8a9;font-size:11px}.footer nav{grid-column:2;grid-row:1/3;display:flex;gap:19px;font-size:10px;color:#c4cec1}.footer-bottom{border-top:1px solid #315447;margin-top:30px;padding-top:15px;display:flex;justify-content:space-between;color:#aab8a9;font-size:9px}.sub-hero{padding:80px 0 46px}.sub-hero h1{font:600 clamp(42px,5vw,64px)/1.06 var(--display);letter-spacing:-3px;max-width:800px;margin:20px 0}.sub-hero p{max-width:670px;line-height:1.8;color:#64756e;font-size:15px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:10px 0 90px}.content-card{background:white;border:1px solid var(--line);padding:27px;border-radius:9px}.content-card h2{font:600 23px var(--display);letter-spacing:-.6px}.content-card p,.content-card li{font-size:13px;line-height:1.8;color:#6c7c73}.content-card ul{padding-left:20px}.content-card a{color:#708d34;text-decoration:underline}.sub-cta{background:#d8ec9e;border-radius:10px;padding:30px;margin:0 0 90px;display:flex;align-items:center;justify-content:space-between}.sub-cta h2{font:600 27px var(--display);margin:0}.sub-cta p{font-size:12px;color:#52664e}@media(max-width:850px){.nav{gap:18px}.hero{gap:14px;min-height:570px}.hero h1{font-size:62px}.hero-art{transform:scale(.88);transform-origin:center}.trust-row{gap:11px}.studio{grid-template-columns:1fr 1fr}.use-grid{gap:28px}.learn-section{gap:45px}.faq-wrap{gap:42px}.footer nav{gap:11px}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}.topbar{height:64px;padding:0 18px}.nav{display:none;position:absolute;top:64px;left:0;right:0;padding:18px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:18px}.nav.open{display:flex}.nav-cta{margin-left:auto;margin-right:14px;padding:10px 12px}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:56px;padding-bottom:46px;gap:10px}.hero h1{font-size:58px;letter-spacing:-3px}.hero-lede{font-size:15px}.hero-art{height:395px;transform:scale(.85);margin:-10px -25px}.trust-row{margin-top:33px;justify-content:space-between}.trust-row span{font-size:8px}.hero-actions{align-items:flex-start;flex-direction:column}.tool-section,.how-section,.faq-section{padding:65px 0}.section-heading{display:block}.section-heading h2,.use-intro h2,.learn-copy h2,.faq-title h2{font-size:36px}.section-heading>p{margin-top:14px}.studio{grid-template-columns:1fr}.studio-left{border-right:0;border-bottom:1px solid #e9ece5}.studio-left,.studio-right{padding:18px}.dropzone{height:260px}.strip-inner{padding:18px 0;flex-wrap:wrap;justify-content:center;gap:10px 14px}.strip-inner>span{width:100%;text-align:center}.strip-inner>b{font-size:10px}.steps{grid-template-columns:1fr}.step-visual{height:160px}.use-grid,.learn-section,.faq-wrap{grid-template-columns:1fr}.use-grid{gap:33px}.use-cards{grid-template-columns:1fr 1fr}.use-logo{min-height:270px}.use-card{padding:15px}.use-card h3{font-size:17px}.use-card p{font-size:9px}.learn-section{gap:38px;padding:68px 0}.learn-visual{height:280px}.learn-paper{width:min(330px,86%);height:215px}.learn-flower{width:100px}.pixel-grid{width:85px;height:85px}.faq-wrap{gap:35px}.final-cta{padding:55px 0}.final-inner{display:block}.final-inner h2{font-size:40px}.final-inner .button{margin:24px 0 0}.cta-flower{font-size:120px;right:-20px;bottom:-80px}.footer-top{grid-template-columns:1fr}.footer-top>p{grid-column:1}.footer nav{grid-column:1;grid-row:auto;flex-wrap:wrap;margin-top:12px}.footer-bottom{gap:15px;line-height:1.5}.content-grid{grid-template-columns:1fr}.sub-hero{padding:56px 0 28px}.sub-hero h1{font-size:43px}.sub-cta{display:block}.sub-cta .button{margin-top:10px}}
.result-screen{max-width:1120px;margin:0 auto;padding:26px 24px 32px;background:#fff;border:1px solid #e3e7df;border-radius:14px;box-shadow:0 14px 45px #243d2d0a;color:#253a30}.result-screen[hidden]{display:none}.result-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.result-title{display:flex;align-items:center;gap:16px;min-width:0}.result-title img{width:70px;height:70px;object-fit:contain;border:1px solid #e8ece5;border-radius:8px;background:#f8f9f6;padding:5px}.result-kicker{font:500 9px var(--mono);letter-spacing:1px;color:#89958b}.result-title h3{font:700 32px var(--display);letter-spacing:-1.3px;margin:3px 0}.result-title p{margin:0;color:#768279;font-size:12px}.result-primary{border:0;border-radius:9px;padding:14px 21px;background:#4774f7;color:white;font:700 14px var(--sans);box-shadow:0 8px 18px #4774f733;cursor:pointer;white-space:nowrap}.result-primary:hover{background:#315fe0}.result-primary span{margin-left:8px}.result-label{font-size:13px;font-weight:700;margin:17px 0 9px}.result-label small{color:#9aa39a}.format-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.format-card{height:91px;border:1px solid #dfe4df;border-radius:8px;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:#344b3e}.format-card:hover{border-color:#9bb1ff}.format-card.selected{border:1.5px solid #5b7fff;background:#f3f6ff;color:#466cf0;position:relative}.format-card.selected:after{content:'✓';position:absolute;right:-7px;top:-8px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#5278f5;font-size:12px}.format-icon{font:700 9px var(--mono);padding:5px 4px;border-radius:3px;background:#f1f2f4;color:#67717b}.format-icon.svg{color:#678b16;background:#eff5df}.format-icon.pdf{color:#e25a64;background:#fff0ef}.format-icon.dxf{color:#ad4663;background:#fbecf1}.format-icon.eps{color:#df8a3c;background:#fff4e8}.format-icon.png{color:#6281d7;background:#edf1ff}.format-card strong{font-size:12px}.format-card small{font-size:10px;color:#939c94}.optimize-label{margin-top:23px}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preset-card{text-align:left;min-height:92px;padding:12px;border:1px solid #e1e5e1;border-radius:8px;background:#fff;cursor:pointer;color:#415248}.preset-card strong{display:block;font-size:12px;margin-bottom:6px}.preset-card span{display:block;font-size:10px;line-height:1.45;color:#879188}.preset-card.selected{border-color:#97adff;background:#f5f7ff;color:#5377e8}.preset-card.selected span{color:#7b86a4}.result-help{font-size:10px;color:#879087;margin:11px 0 15px}.advanced{border:1px solid #e1e6e0;border-radius:8px;padding:0 13px}.advanced summary{min-height:48px;display:flex;align-items:center;gap:16px;cursor:pointer;list-style:none}.advanced summary::-webkit-details-marker{display:none}.advanced summary:before{content:'▶';font-size:10px;color:#808b82}.advanced[open] summary:before{content:'▼'}.advanced summary>b{font-size:12px;white-space:nowrap}.chips{display:flex;gap:5px;flex-wrap:wrap}.chips i{font-style:normal;border-radius:20px;background:#f0f1ef;padding:5px 8px;font-size:9px;color:#68736b}.advanced-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:4px 0 14px 18px}.advanced-controls label{display:grid;gap:5px;font-size:10px;color:#7b867e}.advanced-controls select,.advanced-controls input{padding:8px;border:1px solid #e0e5df;border-radius:5px;background:#fff;color:#405347;font:11px var(--sans)}.result-footer{display:flex;align-items:center;gap:17px;padding:15px 0 8px}.result-footer>div{margin-right:auto}.result-footer strong{display:block;font-size:12px}.result-footer small{display:block;color:#89948b;font-size:10px;margin-top:4px}.text-reset{border:0;background:none;color:#5279f7;font-size:12px;cursor:pointer}.next-image{display:flex;flex-direction:column;align-items:center;gap:15px;margin:75px auto 0}.next-image label{width:min(680px,100%);height:120px;border:2px dashed #6686ff;border-radius:13px;display:grid;place-items:center;color:#5278f4;font:800 italic 21px var(--display);letter-spacing:.5px;cursor:pointer}.next-image label.dragover{background:#f4f6ff}.next-image input{position:absolute;width:1px;height:1px;opacity:0}.next-pick{border:0;border-radius:28px;background:#4e75f4;color:#fff;padding:12px 23px;font:700 10px var(--mono);letter-spacing:1px;box-shadow:0 5px 14px #283a2830;cursor:pointer}.studio[hidden],.section-heading[hidden]{display:none}@media(max-width:760px){.result-screen{padding:19px 15px 24px}.result-head{align-items:flex-start;flex-direction:column}.result-title h3{font-size:27px}.format-grid{grid-template-columns:repeat(3,1fr)}.preset-grid{grid-template-columns:repeat(2,1fr)}.advanced summary{align-items:flex-start;padding:12px 0}.chips{gap:4px}.advanced-controls{grid-template-columns:repeat(2,1fr)}.result-footer{flex-wrap:wrap}.result-footer>div{width:100%}.next-image{margin-top:48px}.next-image label{height:95px;font-size:16px}}

/* ImageToVector blue studio refresh */
:root{--ink:#111827;--muted:#626b7b;--paper:#fff;--lime:#4d73ff;--line:#e4e8f2;--forest:#152347;--cream:#f3f6ff}
body{background:#fff;color:#172033}
.topbar{background:rgba(255,255,255,.96);border-color:#e8ebf2}
.brand-mark,.brand-accent,.nav a:hover,.footer nav a:hover{color:#4d73ff}.brand-accent{color:#4d73ff}
.nav-cta{background:#eef2ff;color:#3157e8;border-radius:999px}.button-dark{background:#426bfa}.button-dark:hover{background:#3156df}.button-lime{background:#4d73ff;color:#fff}.button-lime:hover{background:#3156df}
.eyebrow{color:#62708c}.eyebrow i,.live-dot{background:#4d73ff}.hero h1,.section-heading h2,.use-intro h2,.learn-copy h2,.faq-title h2,.final-inner h2{color:#111827}h1 em,h2 em{color:#4d73ff}.hero-lede{color:#606a7a}.micro-note,.spark{color:#607aff}.trust-row{border-color:#e5e9f3}.trust-row b{color:#4d73ff}
.hero-upload{min-height:0;display:flex;flex-direction:column;align-items:center;gap:0;padding:82px 0 60px;text-align:center}.hero-intro{max-width:1000px}.hero-intro .eyebrow{justify-content:center}.hero-upload h1{font-size:clamp(43px,7.1vw,88px);line-height:1.03;letter-spacing:-5px;margin:23px 0 20px}.hero-upload h1 em{font-style:normal;font-family:var(--display);font-weight:700;letter-spacing:-5px}.hero-upload .hero-lede{max-width:950px;font-size:clamp(16px,2vw,22px);line-height:1.75;margin:0 auto 39px;color:#646b78}.hero-dropzone{width:min(100%,1110px);min-height:275px;border:2px dashed #567cff;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center;gap:56px;position:relative;cursor:pointer;transition:background .2s,border .2s,box-shadow .2s;text-align:left}.hero-dropzone:hover,.hero-dropzone.dragover{background:#f7f9ff;border-color:#315cf1;box-shadow:0 12px 34px #456aff14}.hero-dropzone:focus-within{outline:3px solid #4d73ff44;outline-offset:4px}.hero-file-stack{width:245px;height:175px;position:relative;display:block;flex:none}.hero-file{position:absolute;top:7px;width:112px;height:158px;background:linear-gradient(145deg,#fff,#f8faff);border:1px solid #eef1f8;border-radius:18px;box-shadow:0 15px 35px #193c8918;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#4d73ff}.hero-file b{font:400 52px/1 var(--display)}.hero-file small{margin-top:20px;font:700 14px var(--mono)}.hero-file-png{left:5px;transform:rotate(-7deg)}.hero-file-jpg{left:66px;top:0;z-index:1}.hero-file-webp{left:128px;transform:rotate(7deg)}.hero-drop-copy strong{display:block;font:800 italic clamp(20px,3vw,34px)/1.25 var(--display);letter-spacing:1px;text-transform:uppercase;color:#4d73ff}.hero-drop-copy small{display:block;margin-top:12px;color:#9299a6;font-size:14px}.hero-drop-arrow{position:absolute;right:27px;top:23px;color:#b0beff;font-size:26px}.hero-upload-actions{display:flex;align-items:center;justify-content:space-between;width:min(100%,800px);margin-top:27px}.hero-pick{border:0;border-radius:999px;background:#4d73ff;color:#fff;padding:18px 36px;font:800 13px var(--mono);letter-spacing:1.4px;text-transform:uppercase;box-shadow:0 10px 22px #3d65e944;cursor:pointer;transition:transform .2s,background .2s}.hero-pick:hover{background:#3156df;transform:translateY(-2px)}.hero-pick span{font-size:20px;margin-right:13px}.paste-hint{display:flex;align-items:center;gap:10px;color:#7a8291;font-weight:700}.paste-hint kbd{min-width:49px;height:48px;display:inline-grid;place-items:center;border-radius:13px;background:#4d73ff;color:white;box-shadow:0 6px 14px #3d65e933;font:700 17px var(--mono)}.paste-hint kbd:last-child{background:white;color:#4d73ff;border:3px solid #4d73ff}.paste-hint b{color:#4d73ff}.hero-format-note{margin-top:25px;color:#9aa1ad;font:500 9px var(--mono);letter-spacing:1.4px}.hero-format-note span{padding:0 7px;color:#4d73ff}
.tool-section{background:#f4f6fd}.section-heading>p{color:#717b8e}.studio{border-color:#e1e6f3;box-shadow:0 14px 42px #2037690b}.studio-left{border-color:#e8ebf3}.studio-top{color:#727c91}.step-count{color:#98a0af}.dropzone{border-color:#bdcaff;background:#fbfcff}.dropzone:hover,.dropzone.dragover{background:#f3f6ff;border-color:#4d73ff}.upload-icon{background:#edf1ff;color:#4d73ff}.browse-link,.privacy-note span,.download-link,.text-link{color:#4d73ff}.privacy-note,.tool-disclaimer{color:#858d9a}.control-label span+span{color:#4d73ff}input[type=range]{accent-color:#4d73ff}select{background:#fbfcff;border-color:#e1e6f1;color:#46516a}.result-box,.result-meta{border-color:#e5e9f2}.result-visual{background-color:#fafbfe;background-image:linear-gradient(45deg,#edf0f8 25%,transparent 25%),linear-gradient(-45deg,#edf0f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf0f8 75%),linear-gradient(-45deg,transparent 75%,#edf0f8 75%)}.result-empty>span{color:#4d73ff}.result-meta span:last-child{color:#7987af}
.strip{background:#eef2ff;border-color:#e0e7ff}.strip-inner>span{color:#707b9a}.strip-inner>b{color:#26385f}.strip-inner>i{color:#4d73ff}.step-card{border-color:#e4e8f2}.step-head span+span,.file-card>span,.text-link span{color:#4d73ff}.step-visual{background:#f2f5ff}.mini-image{background:#e5ebff}.mini-sun{background:#7d9aff}.mini-mountain{background:#657fe0}.m2{background:#9db0ff}.mini-upload{border-color:#dde5ff;color:#4d73ff}.palette-visual{background:#e9eeff}.palette-blob{color:#4d73ff;text-shadow:12px 8px 0 #c9d4ff,-11px 8px 0 #9bb0ff}.palette-dots i{background:#18346c}.palette-dots i:nth-child(2){background:#4d73ff}.palette-dots i:nth-child(3){background:#ffb17e}.palette-dots i:nth-child(4){background:#a6b8ee}.palette-dots i:nth-child(5){background:#6785e5}.download-visual{background:#f0f3ff}.file-card{border-color:#e2e8ff}.file-icon{background:#eef2ff;color:#4d73ff}.sparkle{color:#4d73ff}.s2{color:#90a7ff}
.use-section,.faq-section{background:#f4f6fd}.use-logo{background:#192b53;color:#f8f9ff}.use-print{background:#e7edff;color:#27385c}.use-art{background:#dce5ff;color:#27385c}.shape-logo{color:#8eabff}.shape-print{color:#4d73ff}.shape-art{color:#607fe8}.learn-visual{background:#edf1ff}.learn-paper{background:#fff}.pixel-grid span{background:#6686ff}.pixel-grid span:nth-child(2),.pixel-grid span:nth-child(4),.pixel-grid span:nth-child(6),.pixel-grid span:nth-child(8){background:#c6d2ff}.pixel-grid span:nth-child(5){background:#18346c}.learn-arrow{color:#4d73ff}.learn-flower g{fill:#aabdff}.learn-flower circle:last-child{fill:#18346c}.learn-sticker{background:#4d73ff}.faq-list details{border-color:#e0e5f2}.faq-list summary{color:#24375e}.faq-list summary span{color:#4d73ff}.final-cta{background:#e8edff}.cta-flower{color:#d4deff}.footer{background:#14254b}.footer .brand-mark,.footer .brand-accent{color:#9fb4ff}.footer-bottom{border-color:#344571}
.sub-hero p,.content-card p,.content-card li{color:#687387}.content-card{border-color:#e4e8f2}.content-card a{color:#4d73ff}.sub-cta{background:#e8edff}.sub-cta p{color:#53617e}
.result-screen{color:#182033;border-color:#e1e6f1;box-shadow:0 16px 45px #20376910}.result-kicker{color:#7280a3}.format-icon.svg{color:#4d73ff;background:#edf1ff}.format-card,.preset-card{border-color:#e1e6f2;color:#34415f}.format-card.selected,.preset-card.selected{border-color:#7895ff;background:#f1f4ff;color:#4168ef}.preset-card.selected span{color:#6e7ca4}.chips i{background:#f0f3fb;color:#63708b}.advanced,.advanced-controls select,.advanced-controls input{border-color:#e1e6f1}.advanced-controls select,.advanced-controls input{color:#405075}.text-reset{color:#4d73ff}.next-image label{border-color:#5a7cff;color:#4d73ff}.next-image label.dragover{background:#f1f4ff}.next-pick,.result-primary{background:#4d73ff}.next-pick:hover,.result-primary:hover{background:#3156df}
.result-visual.loading::before{content:"";position:absolute;width:42px;height:42px;border:4px solid #dce4ff;border-top-color:#4d73ff;border-radius:50%;animation:vectorSpin .8s linear infinite;z-index:2}.result-visual.loading::after{content:"Tracing your image…";position:absolute;left:0;right:0;bottom:15px;text-align:center;color:#586b9c;font:600 11px var(--sans);z-index:2}.result-visual.loading .result-empty{opacity:.28}.result-visual.loading #resultPreview{opacity:.2}@keyframes vectorSpin{to{transform:rotate(360deg)}}
@media(max-width:650px){.hero-upload{padding:56px 0 43px}.hero-upload h1{font-size:44px;letter-spacing:-2.8px;margin:19px 0 15px}.hero-upload h1 em{letter-spacing:-2.8px}.hero-upload .hero-lede{font-size:15px;margin-bottom:26px}.hero-dropzone{min-height:215px;padding:20px 16px;gap:0;flex-direction:column;text-align:center;border-radius:16px}.hero-file-stack{transform:scale(.72);transform-origin:center;margin:-20px 0 -17px}.hero-drop-copy strong{font-size:19px}.hero-drop-copy small{font-size:11px}.hero-drop-arrow{right:15px;top:12px}.hero-upload-actions{gap:13px;flex-direction:column}.hero-pick{width:100%;padding:16px 18px}.paste-hint{font-size:12px}.paste-hint kbd{min-width:37px;height:38px}.hero-format-note{font-size:8px;letter-spacing:.8px}}
.hero-selected-preview{display:none;width:160px;height:160px;object-fit:contain;border-radius:14px;background:#fff;box-shadow:0 10px 28px #20376918;padding:8px}.hero-dropzone.has-image .hero-file-stack{display:none}.hero-dropzone.has-image .hero-selected-preview{display:block}.hero-dropzone.has-image .hero-drop-copy strong{font-style:normal;text-transform:none;letter-spacing:0}.hero-dropzone.has-image .hero-drop-copy small{color:#4d73ff}