@font-face{font-family:system-display;src:local("Arial Black");font-weight:800}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f5f1e9;color:#222622;font:16px/1.5 Arial,Helvetica,sans-serif}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}[hidden]{display:none!important}.header{height:112px;display:flex;align-items:center;gap:60px}.brand{display:flex;gap:12px;align-items:center;letter-spacing:-1.6px;font-size:27px}.brand b>span{font-weight:400}.mark{background:#d6f26c;color:#222622;display:grid;place-items:center;width:39px;height:42px;border-radius:12px;font-size:34px;letter-spacing:0}.header nav{display:flex;gap:32px;margin-left:auto;font-size:14px}.header nav a:hover,.text-button:hover{text-decoration:underline}.nav-button{border:1px solid #a3a69b;border-radius:30px;padding:10px 21px;font-size:14px}.nav-button span{margin-left:12px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:30px;align-items:center;padding:52px 0 90px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;display:inline-flex;gap:9px;align-items:center}.eyebrow i{height:7px;width:7px;border-radius:50%;background:#ed725a}h1,h2,h3,p{margin:0}h1{font-size:clamp(40px,4.8vw,65px);line-height:1.05;letter-spacing:-3.4px;font-weight:800;margin:24px 0}h1>span{color:#6f63d9}.hero-copy>p{color:#686d64;max-width:455px;font-size:17px;line-height:1.8}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;border:0;border-radius:12px;padding:16px 23px;font-size:14px;font-weight:700;line-height:1.3}.dark{color:#fff;background:#222622}.dark:hover{background:#41493b}.lime{background:#d6f26c;color:#222622}.outline{background:transparent;border:1px solid #c9cbbf}.hero-copy>.button{margin-top:30px}.hero-note{font-size:12px;color:#787d71;margin-top:18px;display:flex;gap:10px}.hero-note>span{color:#6f63d9}.hero-art{height:400px;position:relative}.orbit{position:absolute;inset:10px 0 0 2px;background:#d9d2f5;border-radius:50%;transform:rotate(-15deg)}.orbit:after{content:"";position:absolute;inset:20px;border:1px dashed #9a8ec2;border-radius:50%}.art-star{position:absolute;top:0;right:4px;font-size:104px;color:#f28a6c;line-height:1;transform:rotate(8deg);z-index:2}.paper{position:absolute;background:#fffdf7;border:1px solid #272b25;border-radius:15px;box-shadow:5px 5px 0 #23271d}.paper.small{left:0;top:74px;padding:24px 28px;transform:rotate(-12deg);width:193px;height:210px}.paper.small>span{font-size:10px;letter-spacing:2px;color:#747969}.paper.small>b{display:block;color:#6e63d9;font-size:48px;letter-spacing:-3px;margin:17px 0}.paper.small>i{font-size:10px;font-style:normal}.paper.large{right:25px;top:48px;width:237px;padding:18px;transform:rotate(9deg)}.paper-top{font-size:10px;display:flex;justify-content:space-between}.dots{color:#7b806e;letter-spacing:3px}.abstract{height:135px;position:relative;background:#eae5f7;border-radius:8px;margin-top:17px;overflow:hidden}.abstract>i{position:absolute;width:105px;height:105px;background:#ed8c70;border-radius:50%;left:18px;top:20px}.abstract>b{position:absolute;background:#d6f26c;height:96px;width:89px;right:8px;top:55px;border-radius:60px 60px 0 0;transform:rotate(-25deg)}.abstract>em{position:absolute;height:8px;width:93px;top:25px;right:0;background:#7669c8;transform:rotate(-35deg)}.paper.large>strong{font-size:32px;display:flex;justify-content:space-between;margin-top:12px}.paper.large>p{font-size:11px;color:#7c8173}.art-sticker{position:absolute;bottom:5px;right:0;background:#d6f26c;border-radius:50%;height:93px;width:93px;display:grid;place-content:center;text-align:center;font-size:13px;font-weight:700;line-height:1.2;transform:rotate(-12deg);border:1px solid #333}.art-tag{position:absolute;bottom:10px;left:22px;background:white;border:1px solid #aaa699;border-radius:30px;padding:9px 16px;font-size:11px;transform:rotate(-5deg)}.art-tag>span{color:#7265d3;margin-right:8px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:5px 0 30px}.section-heading h2{margin-top:11px;font-size:35px;letter-spacing:-1.3px}.section-heading>p{font-size:13px;color:#757b6c}.toolbox{border:1px solid #cbcbbf;border-radius:23px;overflow:hidden;background:#fffdf8}.tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #d9dacd;background:#eeeee4}.tabs>button{border:0;border-right:1px solid #d9dacd;background:transparent;padding:21px 24px;text-align:left;display:grid;grid-template-columns:35px 1fr;align-items:center;font-size:14px;font-weight:700}.tabs>button:last-child{border-right:0}.tabs>button>span{grid-row:span 2;font-size:23px;color:#6c725f}.tabs small{font-size:10px;font-weight:400;color:#7d8373}.tabs>button[aria-selected=true]{background:#d6f26c}.tabs>button[aria-selected=true]>span{color:#33392b}.tool-body{padding:34px 40px 24px;min-height:395px}.tool-title{margin-bottom:24px}.tool-title h3{font-size:22px;letter-spacing:-.5px}.tool-title p{color:#797e71;font-size:13px;margin-top:6px}.dropzone{border:1px dashed #b9bea9;border-radius:13px;min-height:166px;background:#f5f6ef;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;cursor:pointer;padding:20px}.dropzone.dragging{border-color:#6f63d9;background:#eee9fc}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.dropzone strong{font-size:14px}.dropzone>span:not(.upload-icon){font-size:12px;color:#757b6a}.dropzone>small{font-size:10px;color:#8c917f;margin-top:7px}.upload-icon{font-size:26px;color:#7262c8;line-height:1;margin-bottom:8px}.controls{display:flex;align-items:flex-end;gap:24px;margin-top:22px}.controls label{display:flex;flex-direction:column;gap:7px;font-size:11px;flex:1;position:relative}.controls label output{position:absolute;right:0;top:0;color:#797f6d}select{background:white;border:1px solid #d2d5c6;padding:11px 12px;border-radius:9px;width:100%;font-size:13px}input[type=range]{accent-color:#7566d7;width:100%;margin:14px 0 9px;cursor:pointer}.tool-foot{border-top:1px solid #e4e5d9;padding:13px 40px;font-size:11px;color:#717963;background:#f9faf3}.tool-foot>span{font-size:8px;color:#8c9f5c;margin-right:8px}.image-details{display:flex;align-items:center;gap:16px;margin-top:18px}.image-details img{width:60px;height:54px;object-fit:contain;background:#eceee5;border-radius:5px}.image-details strong{font-size:13px;overflow-wrap:anywhere}.image-details p{font-size:11px;color:#767e69}.status{font-size:12px;margin:12px 0 0;color:#71659f;min-height:18px}.status.error{color:#a13b2b}#download-image{margin-top:10px}textarea{width:100%;border:1px solid #d4d7c9;border-radius:12px;background:#f8f9f3;padding:17px;font-size:15px;resize:vertical;line-height:1.6;color:#33382d}textarea:focus,select:focus-visible,input:focus-visible,button:focus-visible,a:focus-visible,.dropzone:focus-within{outline:2px solid #7666d7;outline-offset:4px}#json-input{font-family:Consolas,monospace;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.metrics>div{display:flex;flex-direction:column}.metrics strong{font-size:30px;letter-spacing:-1px}.metrics span{font-size:11px;color:#7a806c}.text-button{border:0;background:none;color:#7466b1;padding:10px 0;font-size:12px}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px}.password-result{width:100%;border:1px solid #d3cfdf;background:#eeeaf9;padding:22px 16px;border-radius:12px;font:23px/1.4 Consolas,monospace;color:#5648aa;letter-spacing:.8px}.password-controls{display:flex;align-items:center;gap:25px;margin-top:25px}.password-controls>label:first-child{flex:1;font-size:13px}.password-controls .check{font-size:13px;display:flex;align-items:center;gap:7px}input[type=checkbox]{accent-color:#7362cc;width:16px;height:16px}.about{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;padding:90px 0 75px}.about h2{font-size:35px;line-height:1.2;letter-spacing:-1px;margin:18px 0}.about>div>p{font-size:14px;line-height:1.8;color:#737b69;max-width:310px}.about-list{display:flex;flex-direction:column;gap:22px}.about-list article{display:flex;gap:22px}.about-list article>span{font-size:11px;color:#918b75;padding-top:4px}.about-list h3{font-size:15px;margin-bottom:5px}.about-list p{color:#7a806e;font-size:12px;line-height:1.8}footer{border-top:1px solid #d2d4c7;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0 32px}footer .brand{font-size:21px}footer .mark{width:29px;height:31px;font-size:24px;border-radius:9px}footer p,footer>span{font-size:11px;color:#7c816f}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.header{height:90px;gap:20px}.hero{gap:8px;padding:30px 0 60px}.hero-copy>p{font-size:15px}h1{letter-spacing:-2px;font-size:46px}.hero-art{transform:scale(.85);transform-origin:center right;margin-left:-30px}.tool-body{padding:28px}.tabs>button{padding:18px 13px;grid-template-columns:30px 1fr}.about{gap:45px}.tool-foot{padding:13px 28px}footer>span{max-width:130px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.header{height:80px;gap:10px}.brand{font-size:23px}.mark{width:33px;height:35px;font-size:29px}.header nav{display:none}.nav-button{margin-left:auto;font-size:12px;padding:9px 15px}.hero{display:block;padding:24px 0 50px}.eyebrow{font-size:9px;letter-spacing:1.7px}h1{font-size:45px;letter-spacing:-2px;line-height:1.07;margin:19px 0}.hero-copy>p{font-size:14px;max-width:350px}.hero-copy>.button{margin-top:23px}.hero-art{height:350px;max-width:380px;margin:36px auto 0;transform:scale(.9);transform-origin:center center}.paper.large{right:13px;width:218px;top:40px}.paper.small{left:-4px;top:55px;width:170px;padding:22px}.art-star{right:0;top:-13px}.art-tag{bottom:-9px;left:0}.art-sticker{bottom:5px;right:-6px}.section-heading h2{font-size:27px;margin-top:10px}.section-heading>p{display:none}.toolbox{border-radius:17px}.tabs{grid-template-columns:repeat(2,1fr)}.tabs>button{padding:15px 17px;border-bottom:1px solid #d9dacd;font-size:12px}.tabs>button:nth-child(2){border-right:0}.tabs>button:nth-child(n+3){border-bottom:0}.tabs small{font-size:9px}.tool-body{padding:23px 19px;min-height:400px}.tool-title h3{font-size:19px}.tool-title p{font-size:12px}.dropzone{min-height:165px}.controls{gap:14px;flex-wrap:wrap}.controls label{min-width:calc(50% - 14px)}.controls>.button{width:100%;margin-top:3px}.tool-foot{font-size:10px;padding:13px 19px}.metrics{gap:15px;grid-template-columns:repeat(2,1fr)}.password-result{font-size:18px;padding:18px 12px}.password-controls{flex-wrap:wrap;gap:16px}.password-controls>label:first-child{flex-basis:100%}.actions{gap:12px}.actions .button{font-size:12px;padding:13px 16px}.about{grid-template-columns:1fr;gap:30px;padding:58px 0 45px}.about h2{font-size:31px}.about-list article{gap:15px}footer{flex-wrap:wrap;gap:15px;padding:22px 0}footer>span{max-width:none;font-size:10px}footer p{width:calc(100% - 145px);font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}