@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#173b32;background:#f4f5eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1300px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 36px}a{color:inherit;text-decoration:none}.brand{font:800 28px Manrope,sans-serif;letter-spacing:-1px}.brand span{display:block;font:500 10px DM Sans,sans-serif;letter-spacing:2px;text-transform:uppercase;margin-top:3px}header>a:last-child{font-size:13px;border-bottom:1px solid #a4b0a1;padding-bottom:5px}main{padding:25px 36px 60px}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:700}.intro h1{font:600 clamp(38px,5vw,64px)/1.09 Manrope,sans-serif;letter-spacing:-3px;margin:18px 0}.intro>p{font-size:16px;line-height:1.7;color:#6b7b6b;margin:0 0 36px}.workspace{display:grid;grid-template-columns:360px 1fr;gap:20px}.controls,.preview{border:1px solid #dce0d1;border-radius:22px;background:#fcfcf6}.controls{padding:25px}h2{font:700 18px Manrope,sans-serif;margin:0 0 20px}.drop{height:215px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #aebea8;background:#f1f3e8;border-radius:14px;cursor:pointer;position:relative;overflow:hidden}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2;width:100%}.drop img{width:100%;height:100%;object-fit:contain;padding:12px}.drop span{font-size:36px;color:#598165}.drop strong{display:block;font-size:14px;margin:8px}.drop small{display:block;font-size:10px;color:#7b8675}.hint,.privacy{color:#798473;font-size:11px;line-height:1.6}.field{font-size:12px;font-weight:600;display:block;margin:20px 0}select{width:100%;border:1px solid #d8decf;background:#fffef9;border-radius:9px;padding:12px 10px;font:12px inherit;color:inherit;margin-top:8px}.consent{display:flex;gap:9px;font-size:11px;line-height:1.5;color:#657460;margin:20px 0}.consent input{accent-color:#325d43;flex-shrink:0}button{font:600 12px DM Sans,sans-serif;border:0;border-radius:9px;background:#294d3b;color:#fff;padding:14px 16px;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}#generate{width:100%;display:flex;justify-content:space-between;font-size:13px}.status{display:flex;gap:8px;font-size:11px;align-items:center;line-height:1.5;margin:18px 0}.status i{height:7px;width:7px;flex-shrink:0;border-radius:50%;background:#a2aa99}.status i.ready{background:#59a766}progress{width:100%;height:6px;accent-color:#527752}.privacy{font-size:10px}.preview{display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#f8f9ec,#e8edde)}.preview-top,.preview-bottom{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;font-size:10px;letter-spacing:2px;color:#859079}.preview-bottom{justify-content:center;letter-spacing:.4px;border-top:1px solid #d9e0ce;padding:16px}#viewport{min-height:400px;flex:1;position:relative}#viewport canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}#empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#829777}#empty[hidden]{display:none}.cube{font-size:140px;line-height:1;margin-bottom:20px;color:#c3cfae}#empty h2{font-size:24px;line-height:1.4;font-weight:500;letter-spacing:-1px;margin-bottom:0}#empty p{font-size:11px;color:#97a18b}#result{padding:0 24px 15px}#stats{font-size:12px}.downloads{display:flex;gap:8px;flex-wrap:wrap}.secondary{background:#dbe4cd;color:#36523d}.plain{padding:0;background:none;color:#718268}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:55px 0 0}.steps b{font-size:11px;color:#9cab83}.steps h3{font:600 17px Manrope,sans-serif}.steps p{font-size:12px;color:#7c8874;line-height:1.7}footer{padding:30px 36px;border-top:1px solid #dce1d1;font-size:11px;color:#7e8b75;display:flex;justify-content:space-between}[hidden]{display:none!important}@media(max-width:800px){header{height:85px}.workspace{grid-template-columns:1fr}.intro h1{letter-spacing:-2px}.controls{padding:20px}#viewport{min-height:390px}.steps{gap:20px}.steps h3{font-size:14px}header,main,footer{padding-left:20px;padding-right:20px}footer span{display:none}}