*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;height:100%;overflow:hidden}body{color:#edf4ef;background:#060a07;margin:0;font-family:Inter,system-ui,sans-serif}.app{width:100%;height:100vh;min-height:650px;overflow:hidden}header{background:#070c08;border-bottom:1px solid #183422;justify-content:space-between;align-items:center;height:70px;padding:0 28px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand>strong{color:#62e87d;background:#09140c;border:1px solid #3f8151;border-radius:9px;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.brand b{display:block}.brand b span,footer span{color:#5de979}.brand small{letter-spacing:2px;color:#64766a;font-size:8px;display:block}.local{color:#75867b;font-size:11px}.local:first-letter{color:#5ce978}main{grid-template-columns:minmax(0,1fr) minmax(350px,390px);width:100%;min-width:0;height:calc(100vh - 70px);display:grid}.preview{background:#080d0a;border-right:1px solid #183422;min-width:0;position:relative;overflow:hidden}.viewer{inset:0;position:absolute!important}.hint{color:#718479;background:#07100bcc;border:1px solid #24432d;border-radius:7px;padding:8px 10px;font-size:11px;position:absolute;bottom:18px;left:18px}.empty{text-align:center;color:#687a6f;background-image:linear-gradient(#41cd600e 1px,#0000 1px),linear-gradient(90deg,#41cd600e 1px,#0000 1px);background-size:32px 32px;place-content:center;gap:6px;height:100%;display:grid}.empty div{color:#31513a;margin-bottom:8px;font-size:64px}.empty b{color:#aabaae}.empty span{font-size:12px}aside{background:#08100b;width:100%;min-width:0;padding:22px 20px;overflow:auto}.eyebrow{letter-spacing:2px;color:#65766b;font-size:9px}.sub{color:#74867a;margin:0 0 22px;font-size:12px}h1{margin:4px 0;font-size:26px}.drop{cursor:pointer;background:#0a140d;border:1px dashed #376447;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;height:142px;display:flex}.drop:hover,.drop.drag{background:#0c1a10;border-color:#5ee77a}.up{color:#5de979;background:#122319;border-radius:8px;place-items:center;width:32px;height:32px;margin-bottom:8px;display:grid}.drop span{color:#788a7e;margin-top:3px;font-size:11px}.drop small{color:#506158;margin-top:12px;font-size:9px}.step-scope-note{color:#718579;margin:8px 2px 0;font-size:9px;line-height:1.45}.error{color:#f19a9e;background:#211416;border:1px solid #63383b;border-radius:8px;margin-top:12px;padding:10px;font-size:11px}.card,.result,.next{background:#0b140e;border:1px solid #1d3a27;border-radius:10px;margin-top:14px;padding:15px}.card label,.result label,.label{color:#687a6f;letter-spacing:1.7px;margin-bottom:11px;font-size:9px;font-weight:700;display:block}.muted{color:#56685d;font-size:11px}.file{align-items:center;gap:10px;display:flex}.file>b{color:#bdd0c2;border:1px solid #34523d;border-radius:5px;padding:7px;font-size:9px}.file strong{white-space:nowrap;text-overflow:ellipsis;max-width:270px;font-size:11px;display:block;overflow:hidden}.file span{color:#63756a;font-size:10px;display:block}.dims{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px;display:grid}.dims div{color:#53665a;background:#08100b;border-radius:6px;padding:8px;font-size:8px}.dims b{color:#dce9df;margin-top:3px;font-size:10px;display:block}.label{margin-top:14px}.label select{color:#dce9df;background:#0b140e;border:1px solid #244b30;border-radius:8px;width:100%;height:39px;margin-top:8px;padding:0 11px;display:block}.result{background:linear-gradient(145deg,#0e1a12,#0a130d);border-color:#2b6038}.result>div{letter-spacing:-1px;color:#5ee87a;font-size:32px;font-weight:700}.result small{color:#89a790;font-size:13px}.result>span{color:#819487;margin-top:5px;font-size:11px;display:block}.next{border-color:#21472d;padding:13px 14px}.next small{color:#596c60;letter-spacing:1.7px;margin-bottom:6px;font-size:8px;display:block}.next b{font-size:11px;display:block}.next span{color:#687b70;margin-top:3px;font-size:10px;display:block}footer{text-align:center;color:#506157;margin-top:22px;font-size:9px}@media (width<=1100px){main{grid-template-columns:minmax(0,1fr) 350px}aside{padding:18px 16px}}@media (width<=850px){html,body,#root{overflow:auto}.app{height:auto;overflow:auto}main{flex-direction:column;height:auto;display:flex}.preview{border:0;border-bottom:1px solid #183422;height:55vh;min-height:400px}.local{display:none}}.card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;display:flex}.card-head label{margin:0}.reset{appearance:none;color:#86d99a;cursor:pointer;background:#0b1710;border:1px solid #315c3d;border-radius:6px;padding:6px 9px;font-size:9px;font-weight:700}.reset:hover{color:#dff7e5;border-color:#5ee77a}.dims-title{color:#718579;letter-spacing:1.4px;margin-top:14px;font-size:8px;font-weight:700}.dims-title span{letter-spacing:0;color:#52675a;margin-top:3px;font-size:9px;font-weight:500;display:block}.file>div{min-width:0}.file strong{max-width:240px}@media (width<=850px){header{height:62px;padding:0 16px}main{height:auto}.preview{height:48vh;min-height:320px}.hint{font-size:10px;bottom:10px;left:10px}aside{padding:18px 14px 26px}.drop{height:128px}.result>div{font-size:30px}}@media (width<=520px){.brand small{display:none}.brand>strong{width:32px;height:32px}.preview{height:42vh;min-height:280px}.dims{gap:5px}.dims div{padding:7px 6px}.file strong{max-width:190px}h1{font-size:23px}.drop{height:120px}.result>div{font-size:28px}}html,#root{height:auto;min-height:100%;overflow:visible}html{scroll-behavior:smooth}body{height:auto;min-height:100%;overflow:hidden auto}.site{background:#060a07;min-height:100%}.topnav{z-index:5;background:#070c08;border-bottom:1px solid #183422;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50vw - 590px);display:flex;position:relative}.navlinks{align-items:center;gap:24px;display:flex}.navlinks a{color:#9aaca0;font-size:13px;text-decoration:none}.navlinks a:hover{color:#edf4ef}.navlinks .navcta{color:#07100a;background:#5ee87a;border-radius:7px;padding:10px 15px;font-weight:800}.landing{max-width:1180px;margin:auto;padding:72px 24px 80px}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;min-height:520px;display:grid}.hero-kicker,.how>div>small{letter-spacing:2.1px;color:#5ee87a;font-size:10px;font-weight:800}.hero h1{letter-spacing:-2.4px;margin:16px 0 22px;font-size:54px;line-height:1.04}.hero h1 span{color:#5ee87a}.hero-copy>p{color:#8b9e91;max-width:610px;margin:0;font-size:16px;line-height:1.65}.hero-actions{gap:12px;margin:30px 0 22px;display:flex}.hero-actions a{border-radius:8px;padding:13px 18px;font-size:13px;font-weight:800;text-decoration:none}.hero-actions .primary{color:#07100a;background:#5ee87a}.hero-actions .secondary{color:#b7c6bb;border:1px solid #294733}.trust{color:#667a6c;flex-wrap:wrap;gap:18px;font-size:11px;display:flex}.hero-panel{background:linear-gradient(145deg,#0c1710,#08100b);border:1px solid #255033;border-radius:14px;min-height:370px;overflow:hidden;box-shadow:0 24px 80px #00000040}.panel-top{color:#657a6b;letter-spacing:1.4px;border-bottom:1px solid #1a3825;justify-content:space-between;padding:14px 16px;font-size:9px;display:flex}.panel-top i{color:#5ee87a;font-style:normal}.mock-part{color:#5ee87a;background-image:linear-gradient(#41cd600e 1px,#0000 1px),linear-gradient(90deg,#41cd600e 1px,#0000 1px);background-size:28px 28px;place-items:center;height:210px;font-size:118px;display:grid}.mock-grid{border-top:1px solid #1a3825;grid-template-columns:1fr 1fr;display:grid}.mock-grid>div{padding:16px}.mock-grid>div+div{border-left:1px solid #1a3825}.mock-grid small{color:#607266;letter-spacing:1.2px;margin-bottom:7px;font-size:8px;display:block}.mock-grid b{color:#dce9df;font-size:15px}.mock-grid em{color:#789080;font-size:9px;font-style:normal}.benefits{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px;display:grid}.benefits article{background:#09110c;border:1px solid #193523;border-radius:10px;padding:22px}.benefits b{color:#dce9df}.benefits p{color:#708277;margin:7px 0 0;font-size:12px;line-height:1.55}.how{grid-template-columns:.8fr 1.2fr;align-items:start;gap:80px;margin-top:110px;padding-top:30px;display:grid}.how h2{letter-spacing:-1px;margin:12px 0;font-size:34px;line-height:1.15}.how ol{margin:0;padding:0;list-style:none}.how li{border-bottom:1px solid #173020;gap:18px;padding:22px 0;display:flex}.how li>b{color:#5ee87a;font-size:11px}.how li span{color:#708277;flex-direction:column;font-size:12px;line-height:1.5;display:flex}.how li strong{color:#dce9df;margin-bottom:3px;font-size:14px}.app{border-top:1px solid #244b30}.site-footer{text-align:center;background:#070c08;border-top:1px solid #183422;padding:42px 20px 50px}.site-footer b{font-size:18px}.site-footer b span{color:#5ee87a}.site-footer p{color:#63756a;margin:8px 0;font-size:11px}.site-footer small{color:#425148;font-size:9px}@media (width<=850px){.topnav{height:62px;padding:0 16px}.navlinks>a:first-child{display:none}.landing{padding:48px 18px 60px}.hero{grid-template-columns:1fr;gap:35px;min-height:0}.hero h1{font-size:42px}.hero-panel{min-height:330px}.benefits{grid-template-columns:1fr}.how{grid-template-columns:1fr;gap:20px;margin-top:70px}.app{min-height:650px}}@media (width<=520px){.navlinks{gap:8px}.navlinks .navcta{padding:9px 11px}.landing{padding-top:38px}.hero h1{letter-spacing:-1.5px;font-size:36px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column}.hero-actions a{text-align:center}.trust{flex-direction:column;gap:8px}.hero-panel{min-height:300px}.mock-part{height:170px;font-size:90px}.mock-grid{grid-template-columns:1fr}.mock-grid>div+div{border-top:1px solid #1a3825;border-left:0}.how h2{font-size:28px}}.feedback-link{color:#86d99a;text-underline-offset:3px;font:inherit;cursor:pointer;background:0 0;border:0;margin:14px auto 12px;font-size:11px;text-decoration:underline;display:block}.feedback-link:hover{color:#5ee87a}.feedback-backdrop{z-index:1000;background:#000000b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.feedback-box{background:#0a130d;border:1px solid #2b6038;border-radius:14px;width:min(460px,100%);padding:26px;position:relative;box-shadow:0 30px 100px #00000080}.feedback-box>small{color:#5ee87a;letter-spacing:1.8px;font-size:9px;font-weight:800}.feedback-box h2{margin:7px 0 17px;font-size:23px}.feedback-close{color:#73867a;cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:10px;right:12px}.feedback-votes{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.feedback-votes button{color:#c7d5ca;cursor:pointer;background:#0b1710;border:1px solid #294733;border-radius:8px;height:44px;font-weight:700}.feedback-votes button:hover,.feedback-votes button.selected{color:#edf4ef;background:#102317;border-color:#5ee87a}.feedback-box label{color:#829589;font-size:11px;font-weight:700;display:block}.feedback-box textarea{resize:vertical;color:#edf4ef;width:100%;height:105px;font:inherit;background:#07100a;border:1px solid #294733;border-radius:8px;outline:none;margin-top:8px;padding:11px;font-size:12px;display:block}.feedback-box textarea:focus{border-color:#5ee87a}.feedback-meta{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.feedback-meta>span{color:#53665a;font-size:9px}.feedback-send{color:#07100a;cursor:pointer;background:#5ee87a;border:0;border-radius:7px;padding:10px 14px;font-weight:800}.feedback-send:disabled{opacity:.35;cursor:not-allowed}.feedback-thanks{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:150px;display:flex}.feedback-thanks b{color:#5ee87a;font-size:22px}.feedback-thanks span{color:#829589;font-size:12px}.updates{grid-template-columns:.8fr 1.2fr;align-items:start;gap:80px;margin-top:110px;padding-top:30px;display:grid}.updates-head small{letter-spacing:2.1px;color:#5ee87a;font-size:10px;font-weight:800}.updates-head h2{letter-spacing:-1px;margin:12px 0;font-size:34px;line-height:1.15}.updates-head p{color:#708277;max-width:330px;font-size:12px;line-height:1.55}.update-list article{border-bottom:1px solid #173020;grid-template-columns:145px 1fr;gap:22px;padding:22px 0;display:grid}.update-list time{letter-spacing:1.2px;color:#5ee87a;padding-top:3px;font-size:9px;font-weight:800}.update-list b{color:#dce9df;margin-bottom:5px;font-size:14px;display:block}.update-list p{color:#708277;margin:0;font-size:12px;line-height:1.55}@media (width<=850px){.updates{grid-template-columns:1fr;gap:20px;margin-top:70px}.navlinks>a:nth-child(2){display:none}}@media (width<=520px){.updates-head h2{font-size:28px}.update-list article{grid-template-columns:1fr;gap:7px}}@media (width<=850px){.navlinks>a:nth-child(2){display:inline-flex}}.drop.busy{cursor:wait;opacity:.8}.viewer-warning{z-index:4;text-align:center;color:#e8d2b9;background:#18110af0;border:1px solid #6b4930;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:24px;display:flex;position:absolute;inset:18px}.viewer-warning b{font-size:15px}.viewer-warning span{color:#c2aa90;max-width:430px;font-size:11px;line-height:1.5}.preview-note{z-index:3;color:#88a892;pointer-events:none;background:#07100bd9;border:1px solid #2a5838;border-radius:7px;padding:7px 9px;font-size:10px;position:absolute;top:14px;left:14px}@media (width<=850px){.preview-note{max-width:calc(100% - 20px);font-size:9px;top:10px;left:10px}.viewer-warning{inset:10px}}.loading-dots,.inline-dots{align-items:flex-end;gap:2px;display:inline-flex}.loading-dots i,.inline-dots i{font-style:normal;animation:.9s ease-in-out infinite coatcalDotJump;display:inline-block}.loading-dots i:nth-child(2),.inline-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3),.inline-dots i:nth-child(3){animation-delay:.3s}@keyframes coatcalDotJump{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.loading-dots i,.inline-dots i{opacity:1;animation:none}}.seo-faq{grid-template-columns:.8fr 1.2fr;align-items:start;gap:80px;margin-top:110px;padding-top:30px;display:grid}.faq-head small{letter-spacing:2.1px;color:#5ee87a;font-size:10px;font-weight:800}.faq-head h2{letter-spacing:-1px;margin:12px 0;font-size:34px;line-height:1.15}.faq-head p{color:#708277;max-width:360px;font-size:12px;line-height:1.65}.faq-list article{border-bottom:1px solid #173020;padding:20px 0}.faq-list h3{color:#dce9df;margin:0 0 7px;font-size:14px}.faq-list p{color:#708277;margin:0;font-size:12px;line-height:1.65}@media (width<=850px){.seo-faq{grid-template-columns:1fr;gap:20px;margin-top:70px}.navlinks{gap:12px}.navlinks a{font-size:11px}}@media (width<=520px){.faq-head h2{font-size:28px}.navlinks{gap:7px}.navlinks a{font-size:10px}.navlinks .navcta{font-size:11px}}.result-disclaimer{color:#829589;background:#0a120d;border:1px solid #314b38;border-radius:7px;margin:12px 0 2px;padding:10px 12px;font-size:9px;line-height:1.5}.legal-links{flex-wrap:wrap;justify-content:center;gap:14px;margin:14px 0 12px;display:flex}.legal-links button{color:#86d99a;text-underline-offset:3px;font:inherit;cursor:pointer;background:0 0;border:0;font-size:11px;text-decoration:underline}.legal-links button:hover{color:#5ee87a}.legal-backdrop{z-index:1100;background:#000000c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.legal-box{background:#0a130d;border:1px solid #2b6038;border-radius:14px;width:min(720px,100%);max-height:min(82vh,780px);padding:30px;position:relative;overflow:auto;box-shadow:0 30px 100px #0000008c}.legal-box>small{color:#5ee87a;letter-spacing:1.8px;font-size:9px;font-weight:800}.legal-box h2{margin:7px 0 4px;font-size:28px}.legal-box h3{color:#dce9df;margin:23px 0 7px;font-size:14px}.legal-box p{color:#8b9e91;margin:0;font-size:12px;line-height:1.7}.legal-date{color:#5f7365!important;font-size:10px!important}.legal-close{color:#73867a;cursor:pointer;background:0 0;border:0;font-size:26px;position:absolute;top:11px;right:14px}.legal-feedback{color:#07100a;cursor:pointer;background:#5ee87a;border:0;border-radius:7px;margin-top:18px;padding:10px 14px;font-weight:800}@media (width<=520px){.legal-box{max-height:88vh;padding:24px 18px}.legal-box h2{font-size:24px}.result-disclaimer{font-size:8px}}.legal-box a{color:#86d99a}.legal-email{margin-top:18px;margin-right:10px;font-size:12px;font-weight:800;text-decoration:none;display:inline-block}.legal-email:hover{color:#5ee87a;text-decoration:underline}.contact-note{color:#66796b!important;margin-top:10px!important;font-size:10px!important}.orientation-gizmo{z-index:3;pointer-events:none;filter:drop-shadow(0 1px 2px #000000bf);width:124px;height:124px;position:absolute;bottom:18px;right:18px;overflow:visible}.gizmo-axis{stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke}.gizmo-x{stroke:#ef4444}.gizmo-y{stroke:#32d74b}.gizmo-z{stroke:#2f7df4}.gizmo-origin{fill:#a9b1ad;stroke:#07100b;stroke-width:2px}.gizmo-depth{fill:#07100b;stroke-width:3px;vector-effect:non-scaling-stroke}.gizmo-x-depth{stroke:#ef4444}.gizmo-y-depth{stroke:#32d74b}.gizmo-z-depth{stroke:#2f7df4}.gizmo-label{text-anchor:middle;paint-order:stroke;stroke:#07100b;stroke-width:3px;stroke-linejoin:round;font:700 15px Inter,system-ui,sans-serif}.gizmo-x-label{fill:#ef4444}.gizmo-y-label{fill:#32d74b}.gizmo-z-label{fill:#2f7df4}@media (width<=850px){.orientation-gizmo{width:96px;height:96px;bottom:10px;right:10px}.gizmo-label{font-size:14px}}