:root{--paper:#f8f7f3;--ink:#292d25;--muted:#72756c;--line:#e0e2d8;--lime:#d7ef8a;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #688236}.wrap{max-width:1180px;margin:auto;padding-left:32px;padding-right:32px}.header{justify-content:space-between;align-items:center;height:88px;display:flex}.brand{letter-spacing:-1.5px;align-items:center;gap:8px;font-size:28px;font-weight:800;display:inline-flex}.brand-dot{color:#778d47;margin-left:-7px}.brand-mark{background:var(--ink);color:var(--paper);width:32px;height:32px;font-family:var(--serif);border-radius:9px;align-items:center;padding-left:8px;font-size:28px;font-style:italic;display:inline-flex;position:relative}.brand-mark span{color:var(--lime);font:14px Arial;position:absolute;top:1px;right:1px}.header nav{align-items:center;gap:32px;font-size:12px;display:flex}.small-cta{border:1px solid var(--line);border-radius:7px;padding:12px 16px}.header nav span{margin-left:12px}.hero{text-align:center;padding-top:27px}.eyebrow,.section-label{letter-spacing:1.8px;font-size:10px;font-weight:700}.eyebrow{align-items:center;gap:8px;display:inline-flex}.eyebrow>span{background:#839857;border-radius:50%;width:6px;height:6px}h1{letter-spacing:-3px;margin:17px 0 12px;font-size:clamp(38px,4.5vw,62px);font-weight:500;line-height:1.05}h1 em{font-family:var(--serif);font-weight:400}p{line-height:1.65}.subtitle{color:var(--muted);margin:0 0 27px;font-size:15px}.studio{text-align:left;background:#fff;border:1px solid #d9dcd0;border-radius:14px;scroll-margin-top:20px;overflow:hidden;box-shadow:0 12px 40px #333b2010}.studio-top{border-bottom:1px solid var(--line);letter-spacing:1.2px;color:#717668;background:#f0f2e9;justify-content:space-between;align-items:center;height:38px;padding:0 22px;font-size:9px;display:flex}.studio-top i{background:#839857;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.studio-body{grid-template-columns:42% 58%;display:grid}.controls{border-right:1px solid var(--line);padding:20px 24px 12px}.control-label{align-items:center;gap:9px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.control-label>span{color:#8b8f80;font-size:9px;font-weight:400}.upload{background:#fbfcf8;border:1px dashed #c7cdb9;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:137px;display:flex;position:relative;overflow:hidden}.upload-icon{color:#687650;background:#ecf0e3;border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;font-size:24px;display:flex}.upload strong{font-size:12px;font-weight:500}.upload small{color:var(--muted);font-size:10px}.upload.dragging{background:#eff5dd;border:2px solid #879c51}.upload.has-photo{background:#eee}.upload img{object-fit:contain;width:100%;height:100%}.replace{background:#fff;border-radius:4px;padding:7px 10px;font-size:10px;position:absolute;bottom:8px;right:8px}fieldset{border:0;min-width:0;margin:17px 0 16px;padding:0}legend{padding:0}.style-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.style-options button{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:6px;align-items:center;gap:6px;padding:7px;font-size:10px;display:flex}.style-options button>span{border-radius:4px;place-items:center;width:20px;height:20px;font-size:15px;display:grid}.style-options button.selected{background:#f3f7e9;border-color:#75864d;box-shadow:0 0 0 1px #75864d}.generate{background:var(--lime);border:0;border-radius:7px;justify-content:space-between;align-items:center;width:100%;padding:13px 15px;font-size:13px;font-weight:600;display:flex}.generate:disabled{opacity:.65}.availability{text-align:center;color:var(--muted);margin:9px 0 0;font-size:9px}.result-panel{flex-direction:column;min-width:0;padding:20px 23px 12px;display:flex}.result-heading{justify-content:space-between;align-items:center;margin:0 0 10px;font-size:12px;display:flex}.live-label{letter-spacing:1.2px;border:1px solid var(--line);color:#8a8f7f;border-radius:4px;padding:4px 6px;font-size:8px}.result-canvas{background:#f4f3ed;border-radius:8px;flex:1;place-items:center;min-height:280px;display:grid;overflow:hidden}.empty-result{text-align:center}.abstract-art{width:180px;height:140px;margin:3px auto 10px;position:relative}.abstract-art span{background:#dce3c7;border:1px solid #acb496;border-radius:48% 48% 8px 8px;width:80px;height:115px;position:absolute;top:15px;left:12px;transform:rotate(-14deg)}.abstract-art span:nth-child(2){background:#e8d4c0;border-color:#ceb89c;top:3px;left:67px;transform:rotate(11deg)}.abstract-art span:nth-child(3){background:#d2d5ec;border-color:#afb4d0;width:61px;height:90px;top:33px;left:105px;transform:rotate(27deg)}.abstract-art i{color:#45543b;font-size:68px;font-style:normal;position:absolute;top:37px;left:63px}.empty-result p{font-family:var(--serif);letter-spacing:-.5px;margin:0 0 13px;font-size:24px;line-height:1.2}.empty-result p em{color:#778065;font-weight:400}.empty-result small{color:#8b8d82;font-size:10px}.result-canvas.complete{height:300px}.result-canvas img{object-fit:contain;width:100%;height:300px}.result-actions{height:33px;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:9px;font-size:9px;display:flex}.result-actions button{background:0 0;border:0;padding:6px;font-size:10px}.result-actions .dark-button{background:var(--ink);color:#fff;border-radius:4px;padding:8px 12px}.hero-notes{color:var(--muted);justify-content:center;gap:25px;margin-top:18px;font-size:10px;display:flex}.steps{padding-top:85px;padding-bottom:67px}h2{letter-spacing:-1.3px;margin:13px 0 32px;font-size:35px;font-weight:500;line-height:1.15}.section-label{color:#808773;font-size:9px}.three-grid{grid-template-columns:repeat(3,1fr);gap:48px;display:grid}.step-number{font-family:var(--serif);color:#929b7d;font-size:27px}.three-grid h3{margin:13px 0 8px;font-size:15px;font-weight:500}.three-grid p{color:var(--muted);max-width:260px;margin:0;font-size:12px}.explain{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1.3fr;gap:60px;padding-top:55px;padding-bottom:55px;display:grid}.explain h2{font-size:43px}.big-spark{color:#9caa79;font-size:93px;line-height:1.5}.prose p{color:#696e62;margin:0 0 17px;font-size:13px;line-height:1.85}.prose p:last-child{margin:0}.styles-section{padding-top:65px;padding-bottom:65px}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading p{color:var(--muted);font-size:12px}.style-gallery{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.swatch{border-radius:7px;justify-content:center;align-items:center;height:150px;display:flex;position:relative;overflow:hidden}.swatch>span{font-size:85px;font-family:var(--serif);color:#383c3566;transition:transform .3s}.style-card:hover .swatch>span{transform:rotate(15deg)scale(1.12)}.swatch small{letter-spacing:1px;color:#42483c;font-size:7px;position:absolute;bottom:10px;left:10px}.swatch-cyberpunk{background-image:repeating-linear-gradient(135deg,#0000 0 20px,#fff3 20px 21px)}.swatch-sketch{background-image:repeating-linear-gradient(20deg,#0000 0 7px,#60665711 7px 8px)}.swatch-pixel{background-image:linear-gradient(45deg,#fff5 25%,#0000 25% 75%,#fff5 75%);background-size:20px 20px}.style-card h3{justify-content:space-between;margin:14px 0 7px;font-size:12px;font-weight:500;display:flex}.style-card h3>span{color:#909582}.style-card p{color:var(--muted);margin:0;font-size:10px}.faq{border-top:1px solid var(--line);grid-template-columns:1fr 1.6fr;gap:50px;padding-top:55px;padding-bottom:60px;display:grid}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;gap:20px;padding:20px 0;font-size:13px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary>span{color:#8b927d}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{color:var(--muted);margin:0 0 20px;font-size:12px}.closing{background:#edf1e2;border-radius:10px;align-items:center;gap:30px;max-width:1116px;margin-bottom:60px;padding:28px 35px;display:flex}.closing>span{color:#7d8c5a;font-size:50px}.closing h2{margin:0 0 6px;font-size:26px}.closing p{color:var(--muted);margin:0;font-size:11px}.dark-button{background:var(--ink);color:#fff;border:0;border-radius:6px;padding:13px 18px;font-size:11px;display:inline-block}.closing>a{margin-left:auto}.footer{border-top:1px solid var(--line);justify-content:space-between;padding-top:32px;padding-bottom:36px;display:flex}.footer-brand{font-size:23px}.footer p,.footer small{color:var(--muted);font-size:10px}.footer nav{gap:24px;padding-top:6px;font-size:11px;display:flex}.error{color:#974722;background:#fff1e8;border-top:1px solid #ead4c5;margin:0;padding:12px 24px;font-size:12px}.waiting{text-align:center;max-width:340px;padding:24px}.waiting h3{font-size:17px;font-weight:500}.waiting p,.waiting small{color:var(--muted);font-size:11px}progress{accent-color:#859754;width:100%;height:5px;margin:16px auto;display:block}.spinner{border:2px solid #c5ccba;border-top-color:#637946;border-radius:50%;width:36px;height:36px;animation:1.5s linear infinite spin;display:inline-block}.legal{max-width:780px;min-height:70vh;padding-top:65px;padding-bottom:90px}.legal h1{margin-bottom:35px;font-size:46px}.legal h2{margin:32px 0 12px;font-size:22px}.legal p,.legal li{color:#61675a;font-size:14px;line-height:1.8}.legal a{text-decoration:underline}.legal .section-label{margin-bottom:15px}.skip{z-index:5;background:#fff;padding:12px;position:absolute;top:-100px;left:16px}.skip:focus{top:10px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1400px){.hero{padding-top:40px}.studio{margin-top:30px}}@media (max-width:850px){.wrap{padding-left:24px;padding-right:24px}.controls,.result-panel{padding:18px}.studio-body{grid-template-columns:46% 54%}.style-options button{padding:5px;font-size:9px}.style-options button>span{width:16px;height:18px}.style-gallery{grid-template-columns:repeat(3,1fr);gap:25px}.closing{margin-left:24px;margin-right:24px}.explain{gap:30px}.three-grid{gap:25px}}@media (max-width:600px){.header{height:68px}.brand{font-size:25px}.header nav>a:first-child{display:none}.hero{padding-top:18px}h1{letter-spacing:-1.8px;font-size:39px}.subtitle{max-width:280px;margin:0 auto 22px;font-size:12px}.eyebrow{font-size:8px}.studio-body{grid-template-columns:1fr}.studio-top{padding:0 15px;font-size:7px}.controls{border-right:0;padding:16px}.upload{height:110px}.style-options button{padding:8px;font-size:10px}.control-label{font-size:11px}.style-options button>span{width:20px;height:20px}fieldset{margin:15px 0}.result-panel{border-top:1px solid var(--line);padding:15px}.result-canvas{min-height:190px}.empty-result{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.abstract-art{width:135px;height:120px;margin:0;transform:scale(.7)}.abstract-art span{left:0}.abstract-art span:nth-child(2){left:40px}.abstract-art span:nth-child(3){left:75px}.abstract-art i{left:35px}.empty-result p{text-align:left;margin:0;font-size:20px}.empty-result small{width:100%;margin-bottom:15px}.hero-notes{gap:12px;font-size:8px}.steps{padding-top:55px;padding-bottom:40px}h2{font-size:29px}.three-grid{grid-template-columns:1fr;gap:24px}.three-grid article{padding-left:45px;position:relative}.step-number{position:absolute;top:7px;left:0}.three-grid p{max-width:none}.explain{grid-template-columns:1fr;gap:0;padding-top:35px;padding-bottom:35px}.explain h2{font-size:35px}.big-spark{display:none}.styles-section{padding-top:40px;padding-bottom:40px}.section-heading p{display:none}.style-gallery{grid-template-columns:repeat(2,1fr);gap:22px 14px}.faq{grid-template-columns:1fr;gap:0;padding-top:35px;padding-bottom:40px}.faq h2 br{display:none}.closing{flex-wrap:wrap;gap:15px;padding:25px}.closing>span{display:none}.closing>a{margin:5px 0 0}.closing h2{font-size:23px}.footer{gap:25px}.footer nav{grid-template-columns:1fr 1fr;gap:18px;display:grid}.legal{padding-top:35px}.legal h1{font-size:38px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:600px) and (max-height:900px){.header{height:58px}.hero{padding-top:10px}.eyebrow{font-size:7px}h1{margin:12px 0 9px;font-size:35px}.subtitle{margin-bottom:15px}.studio-top{height:29px}.controls{padding:12px 15px}.control-label{margin-bottom:7px}.upload{gap:5px;height:85px}.upload-icon{width:25px;height:25px;font-size:20px}fieldset{margin:11px 0}.style-options button{padding:6px}.generate{padding:11px 13px}.availability{margin-top:7px}.result-panel{padding:11px 15px}.result-canvas{min-height:110px}.abstract-art{display:none}.empty-result{padding:16px}.empty-result p{text-align:center;font-size:19px}.empty-result small{margin:7px 0 0;font-size:9px}.result-actions{height:22px;margin-top:6px;font-size:8px}.hero-notes{margin-top:12px}.result-canvas.complete,.result-canvas img{height:160px;min-height:160px}}