@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:#eef1ed;background:#101310;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 48% 0,#243027 0,transparent 36rem),#101310}a{color:inherit;text-decoration:none}main{max-width:1180px;margin:auto;padding:0 30px}.top{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10}.brand{font:700 17px Manrope,sans-serif;letter-spacing:-.5px;display:flex;align-items:center;gap:9px}.brand em{font-style:normal;color:#a9c8ad}.brand-icon{width:31px;height:31px;border:1px solid #8eac93;color:#bdd7c0;border-radius:9px;display:grid;place-items:center}.top-links{display:flex;align-items:center;gap:28px;color:#abb2ab;font-size:12px}.badge{border:1px solid #323e34;padding:8px 11px;border-radius:99px;color:#c2c9c1}.badge span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9bc78e;margin-right:7px}.hero{text-align:center;padding:66px 0 48px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;letter-spacing:1.5px;font-weight:700;color:#a6c3a6}.hero h1{font:600 clamp(42px,6vw,68px)/1.06 Manrope,sans-serif;letter-spacing:-3.4px;margin:20px 0 15px}.hero h1 span{color:#adc9ad}.lead{max-width:530px;margin:0 auto;color:#aeb4ae;font-size:15px;line-height:1.7}.hero-tags{display:flex;justify-content:center;gap:23px;margin-top:24px;color:#d0d6cf;font-size:11px}.hero-tags span{display:flex;align-items:center;gap:6px}.hero-tags svg{width:14px;height:14px;color:#9fc69d}.workspace{display:grid;grid-template-columns:.92fr 1.08fr;gap:16px}.panel{border:1px solid #303831;background:linear-gradient(145deg,#1a1e1a,#171a17);border-radius:14px;padding:24px;min-width:0}.panel-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:19px}.step{font:700 10px Manrope;color:#a8c7a7;border:1px solid #435346;padding:6px 7px;border-radius:6px}.panel h2{font:600 15px Manrope;margin:0 0 5px}.panel-head p{color:#959d95;margin:0;font-size:11px}.drop{height:255px;border:1px dashed #4a584b;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;cursor:pointer;position:relative;overflow:hidden;background:#121512}.drop:hover,.drop.drag{border-color:#b0cda7;background:#171e17}.upload-icon{width:47px;height:47px;display:grid;place-items:center;border:1px solid #3d493f;border-radius:13px;color:#b2ccb0;margin-bottom:5px}.drop>b{font:600 13px Manrope}.drop span{font-size:11px;color:#909990}.drop span strong{color:#bfd4bc;font-weight:600}.drop small{font-size:10px;color:#747d74;margin-top:6px}.drop img{width:100%;height:100%;object-fit:contain;background:#0c0e0c}.remove{position:absolute;right:10px;top:10px;border:0;border-radius:50%;width:30px;height:30px;background:#222a23;color:#fff;display:grid;place-items:center;cursor:pointer}.remove svg{width:15px}.file-info{position:absolute;bottom:10px;left:10px;background:#101510df;border-radius:6px;padding:8px 10px;font-size:11px;display:flex;align-items:center;gap:7px}.file-info svg{color:#9fcb99}.privacy-note{display:flex;align-items:flex-start;gap:9px;color:#929b92;font-size:10px;line-height:1.5;margin:15px 0}.privacy-note svg{flex:none;color:#a8c3a7}.primary{width:100%;height:45px;border:0;border-radius:8px;background:#bdd2b7;color:#172016;font:700 12px Manrope;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:.15s}.primary:hover:not(:disabled){background:#cce0c6;transform:translateY(-1px)}.primary:disabled{opacity:.48;cursor:not-allowed}.primary span{margin-left:5px}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress{margin-top:12px;color:#a2aaa1;font-size:10px}.progress div{height:3px;background:#303831;border-radius:2px;margin-bottom:7px;overflow:hidden}.progress div:after{content:"";display:block;height:100%;width:35%;background:#b7d0af;animation:progress 1.5s ease-in-out infinite}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(300%)}}.error{color:#ffb6a7;background:#40231f;padding:9px 10px;border-radius:7px;font-size:11px;display:flex;gap:7px;margin:10px 0}.result-panel{padding-bottom:17px}.empty-view,.viewer{height:255px;border-radius:10px;background:#141815;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-view>b{font:600 12px Manrope;color:#c8cec7;margin-top:18px}.empty-view>span{font-size:10px;color:#838d84;margin-top:6px}.wire{position:relative;width:92px;height:86px;color:#759178;display:grid;place-items:center}.wire svg{position:absolute;filter:drop-shadow(0 0 8px #86ac7a40)}.wire div{position:absolute;border:1px solid #839c824a;width:63px;height:63px;transform:rotate(30deg) skew(-10deg,-10deg);border-radius:10px}.wire div:nth-child(2){transform:translate(16px) rotate(30deg) skew(-10deg,-10deg)}.wire div:nth-child(3){transform:translate(-16px) rotate(30deg) skew(-10deg,-10deg)}.wire div:nth-child(4){transform:translateY(-12px) rotate(30deg) skew(-10deg,-10deg)}.wire div:nth-child(5){transform:translateY(12px) rotate(30deg) skew(-10deg,-10deg)}.viewer{display:block}.viewer canvas{width:100%;height:100%;display:block}.view-hint{position:absolute;z-index:2;top:12px;left:12px;color:#a0aaa0;background:#111610c9;padding:7px 9px;border-radius:5px;font-size:9px;pointer-events:none}.center{position:absolute;right:12px;top:12px;z-index:2;background:#1b211dcc;border:1px solid #3c473d;color:#d2dbd1;border-radius:5px;font-size:9px;padding:7px;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:15px 0;border-bottom:1px solid #ffffff12}.metrics div{display:flex;flex-direction:column;gap:5px}.metrics small,.downloads>span{font-size:8px;letter-spacing:1px;color:#818b81}.metrics b{font:600 11px Manrope;color:#dce1da}.print-check{display:flex;align-items:center;gap:9px;margin-top:12px;padding:10px;background:#212720;border-radius:7px}.print-check.good{background:#1b2920}.print-check.warn{background:#302920}.check-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:#314233;color:#b4d0ae}.warn .check-icon{background:#4a3926;color:#e0b86e}.print-check div{display:flex;flex-direction:column;gap:3px;flex:1}.print-check b{font-size:10px}.print-check small{font-size:9px;color:#a1a99f}.downloads{display:flex;align-items:center;gap:8px;margin-top:14px}.downloads>span{margin-right:auto}.downloads a{border:1px solid #3a433b;border-radius:6px;padding:7px 9px;display:flex;align-items:center;gap:5px;font-size:9px;color:#cad2c7}.downloads a:hover{border-color:#8da88c}.how{padding:70px 0 56px}.how-title{text-align:center}.how-title h2{font:600 27px Manrope;letter-spacing:-1px;margin:12px 0 29px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.how-grid article{border:1px solid #2e352e;border-radius:10px;background:#171a17;padding:19px;position:relative}.how-grid article>span{position:absolute;right:17px;top:16px;color:#829281;font:600 10px Manrope}.how-grid article>svg{width:18px;color:#abc7a6}.how-grid h3{font:600 12px Manrope;margin:14px 0 6px}.how-grid p{font-size:10px;color:#929a92;line-height:1.6;margin:0;max-width:230px}footer{border-top:1px solid #ffffff12;padding:19px 0 26px;display:flex;justify-content:space-between;gap:15px;color:#808980;font-size:9px}footer span{display:flex;gap:6px;align-items:center}footer svg{color:#a7c4a3}@media(max-width:740px){main{padding:0 17px}.top{height:65px}.top-links{gap:13px}.top-links>a{display:none}.badge{font-size:10px;padding:7px}.hero{padding:55px 0 35px}.hero h1{letter-spacing:-2.4px}.lead{font-size:13px}.hero-tags{gap:10px;flex-wrap:wrap;font-size:9px}.workspace{grid-template-columns:1fr}.panel{padding:18px}.drop{height:220px}.empty-view,.viewer{height:240px}.how{padding:55px 0 40px}.how-grid{grid-template-columns:1fr}.how-grid article{padding:15px}.how-grid p{max-width:none}footer{flex-direction:column;gap:9px}.metrics b{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:420px){.top-links .badge{display:none}}.downloads button{border:1px solid #3a433b;border-radius:6px;padding:7px 9px;display:flex;align-items:center;gap:5px;font:inherit;font-size:9px;color:#cad2c7;background:transparent;cursor:pointer}.downloads button:hover{border-color:#8da88c}