:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#20251f;--muted:#73796f;--soft:#f7f8f4;--surface:#fff;--line:#e5e8e0;--green:#527957;--green-dark:#365d3b;--green-pale:#eef4eb;--blue:#536fa8;--amber:#a9772e;--rose:#a45c65;--shadow:0 18px 50px #2c372914}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--soft);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}img{max-width:100%}::selection{color:#17351c;background:#dcebd8}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:.5rem;padding:.7rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f8f4eb;border-bottom:1px solid #e5e8e0db;position:sticky;top:0}.site-header-inner,.footer-inner{width:min(1160px,100% - 48px);margin-inline:auto}.site-header-inner{justify-content:space-between;align-items:center;gap:2rem;min-height:76px;display:flex}.brand{letter-spacing:-.055em;align-items:center;gap:.62rem;font-size:1.12rem;font-weight:750;display:inline-flex}.brand-mark{color:#fff;background:var(--green);border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.main-nav,.footer-links{align-items:center;gap:1.8rem;display:flex}.main-nav a,.footer-links a{color:#646b60;font-size:.9rem;font-weight:560;transition:color .15s}.main-nav a:hover,.footer-links a:hover{color:var(--green-dark)}.header-cta{background:var(--green);color:#fff;border-radius:999px;align-items:center;gap:.55rem;padding:.65rem 1rem;font-size:.84rem;font-weight:700;display:inline-flex}.header-cta:hover,.button-primary:hover{background:var(--green-dark)}.page-wrap{width:min(1160px,100% - 48px);margin-inline:auto}.home-hero{padding:86px 0 76px;position:relative;overflow:hidden}.home-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#d3e2c9b8,#d3e2c900 70%);border-radius:50%;width:540px;height:540px;position:absolute;top:-45%;right:-12%}.hero-inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;display:grid;position:relative}.eyebrow{color:var(--green-dark);letter-spacing:.105em;text-transform:uppercase;align-items:center;gap:.55rem;margin:0 0 1rem;font-size:.76rem;font-weight:750;display:inline-flex}.eyebrow-dot{background:#77a369;border-radius:99px;width:7px;height:7px;box-shadow:0 0 0 4px #e7f0e2}h1,h2,h3,p{margin-top:0}.hero-copy h1{letter-spacing:-.075em;max-width:730px;margin-bottom:1.3rem;font-size:clamp(3rem,6.6vw,5.55rem);font-weight:720;line-height:.99}.hero-copy h1 em{color:var(--green);font-style:normal}.hero-copy>p{color:#677065;max-width:570px;font-size:1.12rem;line-height:1.75}.hero-actions{align-items:center;gap:1rem;margin-top:2rem;display:flex}.button-primary,.button-secondary{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.55rem;min-height:48px;padding:.72rem 1.12rem;font-size:.91rem;font-weight:700;transition:background .15s,color .15s,border .15s;display:inline-flex}.button-primary{color:#fff;background:var(--green)}.button-secondary{border-color:var(--line);color:#434a40;background:#fff}.button-secondary:hover{color:var(--green-dark);border-color:#bac9b5}.hero-note{color:#7d8479;align-items:center;gap:.55rem;margin-top:1.15rem;font-size:.78rem;display:flex}.hero-note svg{color:var(--green)}.hero-art{place-items:center;min-height:350px;display:grid;position:relative}.hero-art-card{width:min(100%,420px);box-shadow:var(--shadow);background:#fffc;border:1px solid #e2e7dc;border-radius:24px;padding:19px;transform:rotate(2deg)}.hero-art-toolbar{color:#7d8479;justify-content:space-between;align-items:center;padding:0 3px 15px;font-size:.71rem;display:flex}.hero-art-toolbar span:first-child{color:var(--ink);align-items:center;gap:.5rem;font-weight:700;display:flex}.hero-art-preview{background:linear-gradient(140deg,#e7eee3,#d7e4d3 48%,#b6cbb0);border-radius:15px;place-items:center;min-height:224px;display:grid;overflow:hidden}.hero-landscape{background:linear-gradient(#c9dde0 0%,#e4ece1 55%,#abbc93 56%,#85996e 100%);border-radius:12px;width:75%;height:150px;position:relative;overflow:hidden;box-shadow:0 14px 28px #39523326}.hero-sun{background:#f4dfb7;border-radius:50%;width:42px;height:42px;position:absolute;top:23px;right:25%}.hero-mountain{border-bottom:100px solid #71866d;border-left:110px solid #0000;border-right:110px solid #0000;width:0;height:0;position:absolute;bottom:18%}.hero-mountain.one{left:2%}.hero-mountain.two{border-bottom-width:125px;border-bottom-color:#839a78;border-left-width:130px;border-right-width:130px;left:34%}.hero-art-bottom{color:#747c70;justify-content:space-between;align-items:center;padding:14px 3px 1px;font-size:.75rem;display:flex}.hero-chip{color:var(--green-dark);background:var(--green-pale);border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .62rem;font-weight:650;display:inline-flex}.section{padding:66px 0}.section-white{border-block:1px solid var(--line);background:#fff}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:25px;display:flex}.section-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(1.9rem,3.6vw,2.75rem);line-height:1.1}.section-heading p{max-width:480px;color:var(--muted);margin:0;font-size:.96rem}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.tool-card{border:1px solid var(--line);background:#fff;border-radius:17px;flex-direction:column;min-height:225px;padding:21px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.tool-card:hover{border-color:#c9d7c2;transform:translateY(-3px);box-shadow:0 12px 28px #2c372914}.tool-card-top{justify-content:space-between;align-items:flex-start;display:flex}.tool-icon{width:42px;height:42px;color:var(--green-dark);background:var(--green-pale);border-radius:12px;place-items:center;display:grid}.tool-card[data-tone=blue] .tool-icon{color:var(--blue);background:#edf1f8}.tool-card[data-tone=amber] .tool-icon{color:var(--amber);background:#f7f1e7}.tool-card[data-tone=rose] .tool-icon{color:var(--rose);background:#f7edef}.tool-number{color:#aab0a5;letter-spacing:.08em;font-size:.7rem;font-weight:700}.tool-card h3{letter-spacing:-.025em;margin:18px 0 7px;font-size:1.06rem}.tool-card p{color:var(--muted);margin-bottom:15px;font-size:.83rem;line-height:1.55}.tool-card-link{color:var(--green-dark);align-items:center;gap:.25rem;margin-top:auto;font-size:.8rem;font-weight:700;display:inline-flex}.steps-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.step{border-top:1px solid var(--line);padding:21px 0}.step-number{width:28px;height:28px;color:var(--green-dark);background:var(--green-pale);border-radius:50%;place-items:center;margin-bottom:17px;font-size:.76rem;font-weight:750;display:inline-grid}.step h3{margin-bottom:7px;font-size:1rem}.step p{color:var(--muted);margin:0;font-size:.88rem}.guide-list{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.guide-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:20px}.guide-card:hover{border-color:#c4d3bd}.guide-card small{color:var(--green);font-size:.72rem;font-weight:700}.guide-card h3{margin:9px 0;font-size:1.02rem;line-height:1.35}.guide-card p{color:var(--muted);margin:0;font-size:.83rem}.guide-card .read-link{color:var(--green-dark);margin-top:16px;font-size:.8rem;font-weight:700;display:inline-block}.privacy-band{background:#f0f5ed;border:1px solid #dce6d7;border-radius:16px;grid-template-columns:auto 1fr;align-items:start;gap:16px;padding:24px;display:grid}.privacy-band-icon{width:42px;height:42px;color:var(--green-dark);background:#dfeadd;border-radius:12px;place-items:center;display:grid}.privacy-band h2{margin:2px 0 5px;font-size:1.05rem}.privacy-band p{color:#657061;max-width:770px;margin:0;font-size:.88rem}.page-heading{padding:56px 0 35px}.breadcrumb{color:#858b81;align-items:center;gap:.5rem;margin-bottom:22px;font-size:.78rem;display:flex}.breadcrumb a:hover{color:var(--green-dark)}.page-heading h1{letter-spacing:-.07em;max-width:830px;margin:0 0 12px;font-size:clamp(2.45rem,5vw,4rem);line-height:1.03}.page-heading>p{color:#697166;max-width:760px;margin:0;font-size:1rem;line-height:1.75}.tool-page{padding-bottom:68px}.editor-layout{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);align-items:stretch;gap:18px;display:grid}.control-panel,.preview-panel{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:0 5px 18px #2c372909}.control-panel{padding:20px}.panel-title{align-items:center;gap:10px;margin:0 0 16px;font-size:.95rem;font-weight:720;display:flex}.panel-title-icon{width:32px;height:32px;color:var(--green-dark);background:var(--green-pale);border-radius:10px;place-items:center;display:grid}.file-drop{color:#767e72;text-align:center;cursor:pointer;background:#fafbf9;border:1.5px dashed #cbd4c5;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:154px;padding:18px;transition:background .15s,border .15s;display:flex;position:relative}.file-drop:hover,.file-drop.is-dragging{border-color:var(--green);background:#f1f6ee}.file-drop svg{color:var(--green)}.file-drop strong{color:#3f493d;font-size:.88rem}.file-drop span{font-size:.75rem}.file-drop input{opacity:0;width:1px;height:1px;position:absolute}.selected-file{border:1px solid var(--line);background:#fafbf9;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;display:flex}.selected-file>svg{color:var(--green);flex:none}.selected-file-details{flex:1;min-width:0}.selected-file-name{color:#343b32;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.82rem;font-weight:650;overflow:hidden}.selected-file-size{color:#8a9085;margin:1px 0 0;font-size:.72rem}.icon-button{color:#7c8378;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-button:hover{color:#914e52;background:#fbefef}.settings-area{gap:16px;margin-top:19px;display:grid}.settings-label{color:#697166;margin:0 0 7px;font-size:.75rem;font-weight:680;display:block}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.field input,.field select{color:#394035;background:#fff;border:1px solid #dfe4db;border-radius:9px;outline:0;width:100%;min-height:41px;padding:8px 10px;font-size:.84rem}.field input:focus,.field select:focus{border-color:#7d9b79;box-shadow:0 0 0 3px #edf4e9}.input-suffix{position:relative}.input-suffix input{padding-right:40px}.input-suffix span{color:#81887e;font-size:.72rem;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.segmented{background:#f1f3ef;border-radius:11px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented button{color:#72796e;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:35px;padding:6px 9px;font-size:.76rem;font-weight:650}.segmented button[aria-pressed=true]{color:#344533;background:#fff;box-shadow:0 1px 4px #20251f1a}.range-head{color:#697166;justify-content:space-between;gap:1rem;margin-bottom:5px;font-size:.75rem;display:flex}input[type=range]{width:100%;accent-color:var(--green)}.range-hints{color:#8a9085;justify-content:space-between;font-size:.68rem;display:flex}.check-row{color:#61695d;align-items:center;gap:8px;font-size:.78rem;display:flex}.check-row input{width:15px;height:15px;accent-color:var(--green)}.inline-note{color:#858c81;margin:0;font-size:.72rem;line-height:1.5}.error-message{color:#87464a;background:#fff6f6;border:1px solid #efc6c8;border-radius:10px;margin:15px 0 0;padding:10px 12px;font-size:.78rem}.button-row{grid-template-columns:1fr auto;gap:9px;margin-top:20px;display:grid}.button-row .button-primary{width:100%}.button-row .button-primary:disabled{cursor:wait;background:#a5b29f}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.preview-panel{flex-direction:column;min-height:410px;padding:17px;display:flex}.preview-head{color:#747b70;justify-content:space-between;align-items:center;gap:1rem;padding:1px 2px 13px;font-size:.76rem;font-weight:680;display:flex}.preview-stage{background-color:#fbfcfa;background-image:linear-gradient(45deg,#f0f2ed 25%,#0000 25%),linear-gradient(-45deg,#f0f2ed 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f0f2ed 75%),linear-gradient(-45deg,#0000 75%,#f0f2ed 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #edf0ea;border-radius:13px;flex:1;place-items:center;min-height:330px;display:grid;position:relative;overflow:hidden}.preview-empty{color:#989f94;text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:230px;display:flex}.preview-empty svg{color:#a9b4a3}.preview-empty strong{color:#737b6e;font-size:.85rem}.preview-empty span{font-size:.75rem}.preview-image{object-fit:contain;max-width:100%;max-height:490px;display:block}.result-details{justify-content:space-between;align-items:center;gap:1rem;margin-top:13px;padding:0 2px;display:flex}.result-details strong{color:#3d493b;font-size:.84rem;display:block}.result-details span{color:#7d8479;font-size:.72rem;display:block}.result-badge{color:var(--green-dark);background:var(--green-pale);white-space:nowrap;border-radius:7px;padding:.35rem .55rem;font-weight:700;font-size:.7rem!important}.output-actions{gap:9px;margin-top:13px;display:flex}.output-actions .button-primary{flex:1}.crop-preview-wrap{touch-action:none;max-width:100%;line-height:0;display:inline-block;position:relative}.crop-source{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:100%;max-height:490px;display:block}.crop-box{touch-action:none;cursor:move;border:2px solid #fff;outline:1px solid #222a208c;position:absolute;box-shadow:0 0 0 9999px #161e156b}.crop-box:focus-visible{outline:3px solid #8ab17e}.crop-handle{background:var(--green);cursor:nwse-resize;touch-action:none;border:2px solid #fff;border-radius:5px;width:15px;height:15px;padding:0;position:absolute;bottom:-7px;right:-7px;box-shadow:0 0 0 1px #3f5c3d}.crop-coordinates{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.crop-coordinates label{color:#737b70;font-size:.68rem}.crop-coordinates input{border:1px solid #dfe4db;border-radius:8px;width:100%;min-height:36px;margin-top:3px;padding:5px 7px;font-size:.75rem}.crop-stage-inner{max-width:100%;max-height:100%}.article-section{border-top:1px solid var(--line);margin-top:48px;padding:28px 0}.article-section h2{letter-spacing:-.04em;margin:0 0 12px;font-size:1.45rem}.article-section h3{margin:24px 0 7px;font-size:1rem}.article-section p,.article-section li{color:#677065;max-width:790px;font-size:.91rem;line-height:1.8}.article-section ul,.article-section ol{padding-left:1.2rem}.article-section a,.prose a{color:var(--green-dark);text-underline-offset:3px;-webkit-text-decoration:underline #b7c9af;text-decoration:underline #b7c9af}.spec-table{border-collapse:collapse;text-align:left;width:100%;max-width:790px;margin:20px 0}.spec-table th,.spec-table td{border:1px solid var(--line);vertical-align:top;padding:11px 13px;font-size:.82rem}.spec-table th{color:#475043;background:#f3f5f1}.prose{max-width:790px;padding-bottom:55px}.prose h2{letter-spacing:-.04em;margin:34px 0 10px;font-size:1.4rem}.prose h3{margin:23px 0 7px;font-size:1.03rem}.prose p,.prose li{color:#677065;font-size:.94rem;line-height:1.82}.prose ul{padding-left:1.3rem}.prose .updated{color:#858c81;font-size:.75rem}.callout{color:#5d6858;background:#eff4ec;border-left:3px solid #81a17a;border-radius:0 10px 10px 0;margin:24px 0;padding:15px 17px;font-size:.87rem}.contact-card{color:var(--green-dark);background:#f2f6ef;border:1px solid #d8e3d3;border-radius:11px;align-items:center;gap:9px;margin:9px 0 20px;padding:12px 15px;font-weight:700;display:inline-flex}.notice-blocker{color:#715b37;background:#fbf6ea;border:1px solid #ecdcbf;border-radius:11px;padding:14px 16px;font-size:.84rem}.not-found{text-align:center;padding:100px 0 120px}.not-found .big-code{color:#94a18d;letter-spacing:.15em;font-size:.8rem;font-weight:750}.not-found h1{letter-spacing:-.07em;margin:14px 0;font-size:clamp(2.5rem,6vw,4rem)}.not-found p{color:var(--muted);margin:0 auto 24px}.site-footer{border-top:1px solid var(--line);background:#f0f2ed;margin-top:0}.footer-inner{grid-template-columns:1fr auto;align-items:center;gap:16px 40px;min-height:165px;padding-block:28px;display:grid}.footer-brand{color:#3e4a3c}.footer-inner>div p{color:#7a8277;margin:7px 0 0;font-size:.8rem}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:12px 20px}.footer-inner>small{color:#959c91;grid-column:1/-1;font-size:.71rem}@media (max-width:900px){.hero-inner{grid-template-columns:1fr .85fr;gap:2rem}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:1fr}.preview-panel{min-height:360px}}@media (max-width:650px){.site-header-inner,.footer-inner,.page-wrap{width:min(100% - 32px,1160px)}.site-header-inner{gap:10px;min-height:66px}.brand{font-size:1rem}.brand-mark{width:31px;height:31px}.main-nav{gap:13px}.main-nav a{font-size:.76rem}.header-cta{display:none}.home-hero{padding:58px 0 48px}.hero-inner{grid-template-columns:1fr;gap:24px}.hero-copy h1{max-width:530px;font-size:clamp(2.8rem,12vw,4.3rem)}.hero-copy>p{font-size:1rem}.hero-art{min-height:250px}.hero-art-card{width:min(100%,360px)}.hero-art-preview{min-height:180px}.hero-landscape{height:125px}.section{padding:48px 0}.section-heading{display:block}.section-heading p{margin-top:10px}.tool-grid{gap:10px}.tool-card{min-height:213px;padding:15px}.tool-card h3{margin-top:14px;font-size:.96rem}.tool-card p{font-size:.77rem}.steps-grid,.guide-list{grid-template-columns:1fr;gap:8px}.step{padding:15px 0}.page-heading{padding:38px 0 25px}.page-heading h1{font-size:clamp(2.35rem,10vw,3.4rem)}.control-panel{padding:15px}.preview-panel{min-height:300px;padding:12px}.preview-stage{min-height:250px}.crop-coordinates{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{grid-template-columns:1fr;align-items:start}.footer-links{justify-content:flex-start;gap:11px 16px}.footer-inner>small{grid-column:auto}.privacy-band{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}