:root{--paper:#f6f5ef;--ink:#18352e;--muted:#61716b;--forest:#163f35;--mint:#e8efcf;--line:#dce1d8;--accent:#ad4c2e;--error:#9a332b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);color-scheme:light}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.55}button,input,select{font:inherit}a{color:var(--forest);text-underline-offset:3px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c66b37;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(36px,4.4vw,60px);font-weight:650}h2{font-size:28px;font-weight:650}h3{font-size:18px;font-weight:650}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.preview-banner{background:#e9e2d5;text-align:center;font-size:12px;font-weight:600;padding:6px 14px;color:#64543b}.site-header{border-bottom:1px solid var(--line)}.nav-inner{display:flex;justify-content:space-between;align-items:center;min-height:88px;gap:24px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:750;font-size:22px;letter-spacing:-.045em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--forest);color:var(--mint);border-radius:9px;font-size:24px;flex-shrink:0}.brand-light{font-weight:400;margin-left:5px}.site-header nav{display:flex;gap:28px;align-items:center}.site-header nav a{font-size:14px;text-decoration:none;padding:10px 0;color:var(--muted);white-space:nowrap}.site-header nav a[aria-current]{color:var(--forest);border-bottom:2px solid var(--forest);font-weight:650}.hero{display:grid;grid-template-columns:1fr 260px;gap:70px;padding-block:62px 48px;align-items:center}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.11em;margin-bottom:14px;color:var(--muted)}.intro{max-width:650px;font-size:18px;color:var(--muted);margin-top:22px;line-height:1.65}.privacy-proof{border-left:1px solid #cbd4c0;padding:15px 0 15px 28px}.privacy-proof strong{font-size:17px;font-weight:650}.privacy-proof p{font-size:13px;color:var(--muted);line-height:1.8;margin:12px 0 18px}.privacy-proof a{font-size:11px}.local-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#69843f;margin-right:9px;vertical-align:middle}.workbench{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 32px;box-shadow:0 4px 20px #17382a04}.workbench-top{display:flex;justify-content:space-between;gap:24px;align-items:center}.workbench-top .eyebrow{margin-bottom:8px}.workbench-top h2{font-size:27px}.example-badge{font-size:10px;font-weight:750;color:#526643;letter-spacing:.08em}.tool-note{font-size:13px;color:var(--muted);margin:18px 0 17px}.mode-tabs{display:flex;gap:27px;border-bottom:1px solid var(--line);margin-bottom:27px}.tab{border:0;background:transparent;padding:15px 2px;font-size:14px;font-weight:650;border-bottom:3px solid transparent;margin-bottom:-1px;color:var(--muted);min-height:48px}.tab.active{border-color:var(--forest);color:var(--forest)}.studio-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:38px}.drop-zone{padding:30px 22px;text-align:center;border:1px dashed #aabca3;border-radius:12px;background:#f4f7ec;transition:background-color .15s}.drop-zone.dragging{background:#e1ebc8;border:2px dashed var(--forest)}.upload-symbol{display:inline-grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#e0e8cf;color:var(--forest);font-size:28px;margin-bottom:13px;font-weight:300}.drop-zone h3{font-size:20px}.drop-zone p{font-size:13px;color:var(--muted);line-height:1.8;margin:11px 0 17px}.drop-zone .small-note{margin-bottom:0;font-size:10px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:43px;border:1px solid transparent;padding:10px 15px;border-radius:7px;font-size:12px;font-weight:650;line-height:1.4;text-decoration:none;transition:background-color .15s}.primary{color:#fff;background:var(--forest)}.primary:hover{background:#24564a}.secondary{border-color:#cbd4cc;color:var(--forest);background:#fff}.secondary:hover{background:#eef2e7}.quiet{color:var(--muted);background:transparent}.quiet:hover{color:var(--error);background:#f9ece8}.actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.batch-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.batch-line>span{font-size:12px;color:var(--muted)}.batch-line .button{font-size:11px}.empty-input{padding:29px 20px;text-align:center;color:var(--muted);font-size:13px;border-bottom:1px solid var(--line)}.empty-input p+p{margin-top:9px}.input-list{margin-top:8px}.input-card{display:grid;grid-template-columns:90px minmax(0,1fr) 35px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.input-card:not(:has(img)){grid-template-columns:minmax(0,1fr) 35px}.input-card img{width:90px;height:75px;object-fit:contain;background:repeating-conic-gradient(#e8ebe6 0% 25%,#fff 0% 50%) 50%/16px 16px;border-radius:6px}.input-card h3{font-size:12px;font-weight:650;letter-spacing:0;overflow-wrap:anywhere;line-height:1.5}.input-card p{font-size:10px;margin-top:5px}.input-error{color:var(--error);line-height:1.6}.remove-input{padding:5px;font-size:20px;min-width:35px}.settings-form{border-left:1px solid var(--line);padding-left:32px}.settings-form fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}.settings-form legend{padding:0;font-size:16px;font-weight:650;display:flex;align-items:center;gap:9px;margin-bottom:16px}.section-number{font-size:10px;color:var(--muted);border:1px solid var(--line);display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 16px}.field{display:flex;flex-direction:column;font-size:11px;font-weight:650;gap:6px;min-width:0;line-height:1.5}.field input,.field select{width:100%;min-width:0;height:44px;border:1px solid #cbd4cc;border-radius:7px;padding:10px 11px;background:#fcfdfb;color:var(--ink);font-size:14px;font-weight:450}.field input[type=number]{font-size:16px}.field input[type=color]{padding:5px;cursor:pointer}.field input:disabled,.field select:disabled{background:#f0f1ed;color:var(--muted)}.field small{font-size:10px;line-height:1.5;font-weight:400;color:var(--muted)}.input-unit{position:relative;display:flex}.input-unit input{padding-right:35px}.input-unit>span{position:absolute;right:11px;top:11px;font-size:12px;color:var(--muted);font-weight:400}.check-field{font-size:11px;font-weight:500;display:flex;gap:8px;align-items:center;line-height:1.6;margin-top:12px}.check-field input{width:17px;height:17px;accent-color:var(--forest);flex-shrink:0}.fields .check-field{margin-top:0}.field-intro{font-size:11px;color:var(--muted);margin-top:13px;line-height:1.65}.focal-controls{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:20px}.focal-controls label{font-size:11px;font-weight:550;display:flex;flex-direction:column;gap:6px}.focal-controls output{color:var(--muted);font-size:11px;font-weight:400}.focal-controls input{accent-color:var(--forest);width:100%;margin:4px 0}.small-note{font-size:12px;color:var(--muted);line-height:1.6}.settings-limits{font-size:10px;margin-top:15px}.error-message{font-size:12px;color:var(--error);background:#fbece7;padding:15px;border-radius:7px;line-height:1.6;margin-bottom:14px}.action-status{font-size:13px;color:var(--forest);margin-top:25px;padding:15px 18px;background:#f1f5e9;border-radius:7px}.is-error{color:var(--error)!important;background:#fbeee9}.output-section{margin-top:33px;padding-top:27px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-heading .eyebrow{margin-bottom:7px}.section-heading h2{font-size:24px}.count{font-size:12px;display:inline-grid;place-items:center;padding:2px 8px;min-width:24px;min-height:24px;border:1px solid var(--line);border-radius:16px;vertical-align:middle;letter-spacing:0;margin-left:6px;font-weight:450}#output-summary{margin-top:13px;font-size:11px}.output-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}.output-card{border:1px solid var(--line);border-radius:10px;padding:15px;display:flex;flex-direction:column;align-items:start;gap:8px;min-width:0}.output-card img{width:100%;height:180px;object-fit:contain;border-radius:5px;background:repeating-conic-gradient(#e8ebe6 0% 25%,#fff 0% 50%) 50%/16px 16px}.output-card h3{font-size:12px;letter-spacing:0;line-height:1.5;overflow-wrap:anywhere;margin-top:3px}.output-dimensions{font-size:13px;font-weight:600}.output-card .small-note{font-size:10px}.target-feedback{font-size:10px;color:#4c6c3c;line-height:1.6}.target-feedback.unmet{color:#9a492c}.output-card .button{margin-top:auto;width:100%;font-size:11px}.learn-section{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-block:60px 75px}.learn-section h2{font-size:33px;margin-bottom:20px}.learn-section p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.8;margin-top:15px}.text-link{font-size:13px;font-weight:650;display:inline-block;margin-top:17px}.example-card{background:#ebeede;border:1px solid #dbe1cb;border-radius:12px;padding:28px}.example-card .small-note{font-size:11px!important}.shape-diagram{display:flex;gap:20px;margin:22px 0 26px}.shape-diagram>div{width:90px;height:90px;position:relative;background:#d0dcb8;border:1px solid #b4c39f;border-radius:3px;overflow:hidden}.shape-diagram i{display:block;background:#5a7756}.shape-cover i{width:100%;height:100%;background:linear-gradient(110deg,#c79b67 0 30%,#5a7756 30% 67%,#8fa78b 67%)}.shape-contain i{height:56%;position:absolute;top:22%;width:100%;background:linear-gradient(110deg,#c79b67 0 30%,#5a7756 30% 67%,#8fa78b 67%)}.shape-diagram span{position:absolute;bottom:4px;left:5px;font-size:9px;color:white;background:#18352e88;padding:1px 4px;border-radius:2px}.site-footer{border-top:1px solid var(--line);padding-block:32px 38px}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-inner p{font-size:10px;color:var(--muted);line-height:1.8;max-width:320px}.footer-inner strong{font-size:15px;color:var(--forest);font-weight:650}.footer-inner nav{display:flex;gap:20px;flex-wrap:wrap}.footer-inner nav a{font-size:12px;text-decoration:none;color:var(--muted)}.footer-inner small{font-size:10px;color:var(--muted)}.prose{max-width:780px;padding-block:64px 80px}.prose h1{font-size:48px;margin-bottom:28px}.prose .lead{font-size:20px;line-height:1.65;color:var(--muted)}.prose h2{font-size:25px;margin:38px 0 14px}.prose h3{font-size:20px;margin:26px 0 12px}.prose p{font-size:16px;line-height:1.85;margin-bottom:17px;color:#425a50}.prose ul{padding-left:23px;color:#425a50;margin-block:10px 23px}.prose li{margin-bottom:9px;font-size:16px;line-height:1.7}.prose .button{margin-top:24px}.contact-card{padding:24px;background:#e7edce;border-radius:12px;margin-top:30px}.contact-card h2{margin-top:0}.contact-card p:last-child{margin-bottom:0}.skip-link{position:absolute;left:14px;top:-70px;z-index:100;background:var(--forest);color:white;padding:12px 20px;border-radius:7px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-label:focus-within{outline:3px solid #c66b37;outline-offset:3px}@media(max-width:1000px){.hero{gap:35px;grid-template-columns:1fr 225px}.workbench{padding:26px}.studio-grid{gap:25px}.settings-form{padding-left:24px}.fields{gap:15px 12px}.learn-section{gap:36px}.output-list{gap:14px}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.hero{padding-block:40px 32px;grid-template-columns:1fr;gap:23px}.hero h1{font-size:46px}.intro{font-size:16px;max-width:570px}.privacy-proof{border-left:0;border-top:1px solid var(--line);padding:17px 0 0}.privacy-proof p{display:inline;font-size:12px;margin-left:15px}.privacy-proof p br{display:none}.privacy-proof a{display:block;margin-top:8px}.privacy-proof strong{font-size:14px}.studio-grid{grid-template-columns:1fr;gap:25px}.settings-form{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:24px}.drop-zone{padding:24px}.input-list{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}.input-card{grid-template-columns:70px minmax(0,1fr) 30px;gap:8px}.input-card img{width:70px;height:65px}.field{font-size:12px}.field small,.field-intro{font-size:11px}.settings-limits{font-size:11px}.settings-form .check-field{font-size:12px}.output-list{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-section{gap:26px}.learn-section h2{font-size:29px}.footer-inner{flex-wrap:wrap}.footer-inner small{width:100%}.prose h1{font-size:42px}}@media(max-width:520px){.wrap{width:calc(100% - 28px)}.nav-inner{min-height:75px;gap:15px}.brand{font-size:19px;gap:8px}.brand-light{display:block;font-size:10px;letter-spacing:0;margin-left:0;margin-top:1px}.brand-mark{width:31px;height:31px;font-size:22px}.site-header nav{gap:15px}.site-header nav a{font-size:11px}.hero{padding-top:31px}.hero h1{font-size:41px}.eyebrow{font-size:10px}.intro{font-size:15px;margin-top:17px}.privacy-proof p{display:block;margin:7px 0 0;font-size:12px}.workbench{border-radius:12px;padding:22px 16px}.workbench-top{gap:12px;align-items:flex-start}.workbench-top h2{font-size:23px}.workbench-top .example-badge{display:none}.workbench-top .eyebrow{font-size:9px}.tool-note{font-size:12px;margin-top:15px}.mode-tabs{gap:12px;margin-bottom:22px}.tab{font-size:11px;flex:1;line-height:1.5;text-align:left;padding-top:13px}.input-list{grid-template-columns:1fr}.input-card{grid-template-columns:70px minmax(0,1fr) 35px}.input-card h3{font-size:12px}.input-card p{font-size:11px}.fields{gap:16px 13px}.field{font-size:11px}.field small{font-size:10px}.field input,.field select{padding-inline:9px}.field select{font-size:11px}.settings-form legend{font-size:16px}.focal-controls label{font-size:11px}.settings-form .check-field{font-size:11px}.settings-limits{font-size:10px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.section-heading h2{font-size:23px}.output-list{grid-template-columns:1fr}.output-card{padding:16px}.output-card img{height:220px}.output-card h3{font-size:13px}.output-card .small-note,.target-feedback{font-size:11px}.learn-section{grid-template-columns:1fr;padding-block:36px 45px;gap:25px}.learn-section h2{font-size:30px}.example-card{padding:24px}.footer-inner{gap:22px}.footer-inner nav{gap:18px}.prose{padding-block:40px 50px}.prose h1{font-size:36px}.prose .lead{font-size:18px}.prose p,.prose li{font-size:15px}.prose h2{font-size:23px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.drop-zone:has(#image-files:focus-visible) .file-label{outline:3px solid #c66b37;outline-offset:3px}
.breadcrumbs{padding-top:18px;font-size:12px;color:var(--muted)}.breadcrumbs ol{display:flex;list-style:none;gap:10px;padding:0;margin:0}.breadcrumbs li+li:before{content:"/";margin-right:10px}.home-action{margin-top:24px;font-size:14px}.home-example{margin:0}.home-example img{display:block;width:100%;height:auto;border-radius:6px}.home-example figcaption,.example-grid figcaption{font-size:12px;line-height:1.7;color:var(--muted);margin-top:12px}.home-steps{padding-top:0}.home-steps h2{margin-top:0}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.example-grid figure{margin:0;border:1px solid var(--line);padding:14px;border-radius:8px;background:white}.example-grid img{width:100%;height:auto;display:block}.example-data{overflow-x:auto}.example-data table{border-collapse:collapse;width:100%;font-size:13px}.example-data th,.example-data td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}.prose .breadcrumbs{padding:0}.site-header nav{gap:20px}@media(max-width:520px){.site-header nav{gap:9px}.site-header nav a{font-size:10px}.example-grid{grid-template-columns:1fr}.home-example figcaption{font-size:11px}.breadcrumbs{font-size:11px}}