.nm-page{color:#243c35;background:#faf9f5;min-height:100vh}.nm-page .sf-header{max-width:1320px;margin:auto}.nm-hero,.nm-guide{width:min(1200px,100% - 64px);margin:auto}.nm-heading{text-align:center;padding:44px 0 30px}.nm-eyebrow{letter-spacing:.15em;color:#64766b;margin-bottom:15px;font-size:11px;font-weight:700;display:block}.nm-heading h1{letter-spacing:-.05em;font-size:clamp(38px,4.7vw,64px);font-weight:650;line-height:1.05}.nm-heading h1 em{color:#647c63;font-family:Georgia,serif;font-weight:400}.nm-heading p{color:#5b6d62;max-width:610px;margin:18px auto 0;font-size:17px;line-height:1.6}.nm-tool{color:#243c35;background:#fff;border:1px solid #d1d9ce;border-radius:16px;grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr);display:grid;overflow:hidden;box-shadow:0 14px 48px #243c3508}.nm-controls{border-right:1px solid #d1d9ce;flex-direction:column;gap:18px;min-width:0;padding:28px;display:flex}.nm-tool button{cursor:pointer;color:#243c35;background:#fff;border:1px solid #cbd5c9;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;font-size:14px;font-weight:600;display:inline-flex}.nm-tool button:disabled{opacity:.5;cursor:not-allowed}.nm-tool button.nm-primary{color:#fff;background:#294d3d;border-color:#294d3d}.nm-tool button.nm-text{text-underline-offset:4px;background:0 0;border:0;padding:5px;text-decoration:underline}.nm-upload{flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;min-height:285px;display:flex}.nm-upload strong{letter-spacing:-.025em;font-size:23px}.nm-upload p{color:#637368;font-size:15px;line-height:1.6}.nm-tool small{color:#627365;font-size:12px;line-height:1.6;display:block}.nm-tool label{font-size:13px;line-height:1.5;display:block}.nm-tool output{float:right;font-variant-numeric:tabular-nums;color:#667468}.nm-tool input[type=range]{accent-color:#e36849;width:100%;margin-top:9px;display:block}.nm-tool input:not([type=range]):not([type=file]):not([type=checkbox]),.nm-tool select{color:#243c35;background:#fff;border:1px solid #cbd5c9;border-radius:5px;width:100%;max-width:100%;margin-top:4px;padding:7px}.nm-tool details{border-block:1px solid #e3e7df;padding:12px 0}.nm-tool summary{cursor:pointer;font-size:13px;font-weight:600}.nm-advanced{flex-direction:column;gap:14px;margin-top:15px;display:flex}.nm-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.nm-check{align-items:center;gap:9px;display:flex!important}.nm-source{overflow-wrap:anywhere}.nm-source strong{font-size:14px}.nm-source small{margin-top:4px}.nm-result{background:#f3f5ee;flex-direction:column;align-items:center;gap:16px;min-width:0;padding:24px;display:flex}.nm-view{align-self:flex-start;gap:5px;display:flex}.nm-view button{background:0 0;border-color:#0000;padding:6px 12px;font-size:12px}.nm-view button[aria-pressed=true]{background:#fff;border-color:#d0dacb}.nm-canvas{background-color:#e9eee4;background-image:linear-gradient(45deg,#dfe6da 25%,#0000 25%),linear-gradient(-45deg,#dfe6da 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dfe6da 75%),linear-gradient(-45deg,#0000 75%,#dfe6da 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border-radius:8px;flex:1;place-items:center;width:100%;min-height:255px;display:grid;overflow:hidden}.nm-canvas canvas{width:auto;max-width:100%;height:auto;max-height:330px;image-rendering:pixelated;touch-action:pan-y}.nm-playback{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nm-playback select{width:auto;display:inline-block}.nm-playback label{align-items:center;gap:8px;display:flex}.nm-light{flex-wrap:wrap;align-items:center;gap:16px;width:100%;display:flex}.nm-light label{flex:1;min-width:70px}.nm-downloads{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.nm-empty{color:#6a7e6d;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;height:100%;display:flex}.nm-empty img{border-radius:7px;max-width:100%;height:auto}.nm-empty span{font-size:13px}.nm-error{color:#a73625;overflow-wrap:anywhere;font-size:13px}.nm-spin{animation:1s linear infinite nm-spin}@keyframes nm-spin{to{transform:rotate(360deg)}}.nm-tool :focus-visible,.nm-page :focus-visible{outline-offset:3px;outline:3px solid #df7051}.nm-guide{padding:45px 0 0}.nm-editorial{border-bottom:1px solid #d9e0d3;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:70px 0;scroll-margin-top:30px;display:grid}.nm-editorial h2,.nm-workflow h2,.nm-faq h2,.nm-next h2{letter-spacing:-.035em;margin-bottom:20px;font-size:clamp(27px,3vw,38px);font-weight:600;line-height:1.15}.nm-editorial p,.nm-workflow p,.nm-faq p,.nm-next p{color:#596e60;margin:13px 0;font-size:15px;line-height:1.8}.nm-editorial img{background:#eaf0e4;border-radius:12px;width:100%;height:auto}.nm-editorial a,.nm-workflow a,.nm-next a{color:#294d3d;text-underline-offset:4px;text-decoration:underline}.nm-reverse img{grid-area:1/1}.nm-reverse>div{grid-column:2}.nm-workflow{border-bottom:1px solid #d9e0d3;padding:65px 0}.nm-workflow ol{grid-template-columns:repeat(3,1fr);gap:40px;list-style:inside decimal;display:grid}.nm-workflow li::marker{color:#de7051;font-family:Georgia,serif;font-size:26px}.nm-workflow h3{margin:15px 0 10px;font-size:19px;font-weight:600}.nm-faq{max-width:820px;margin:75px auto}.nm-faq details{border-bottom:1px solid #d4ddcf;padding:20px 0}.nm-faq summary{cursor:pointer;font-size:16px;font-weight:600}.nm-faq p{margin-bottom:0}.nm-next{text-align:center;max-width:650px;margin:80px auto}.nm-next>a{margin-top:15px;display:inline-block}.nm-dialog{max-height:90dvh;overflow:auto;width:min(1100px,100vw - 32px)!important;max-width:1100px!important;padding:24px!important}.nm-dialog .nm-tool{box-shadow:none}.nm-dialog h2{font-size:24px;font-weight:600}.nm-dialog>p{color:#627365;font-size:14px}.nm-dialog .nm-tool{margin-top:15px}@media (max-width:760px){.nm-hero,.nm-guide{width:calc(100% - 32px)}.nm-heading{padding-top:32px}.nm-tool{grid-template-columns:1fr}.nm-controls{border-bottom:1px solid #d1d9ce;border-right:0;padding:22px}.nm-upload{min-height:240px}.nm-result{padding:18px}.nm-editorial,.nm-workflow ol{grid-template-columns:1fr;gap:24px}.nm-editorial{padding:45px 0}.nm-reverse img,.nm-reverse>div{grid-area:auto}.nm-editorial img{grid-row:auto}.nm-workflow{padding:45px 0}.nm-guide{padding-top:10px}.nm-faq{margin:45px auto}.nm-dialog{padding:16px!important}.nm-dialog .nm-tool{grid-template-columns:1fr}.nm-canvas{min-height:220px}}@media (prefers-reduced-motion:reduce){.nm-spin{animation:none}}
