:root{--ink:#17292d;--muted:#52655e;--subtle:#93a39d;--bg:#f7f8f4;--paper:#fff;--line:#dfe7e2;--accent:#b94d2e;--accent-dark:#9e3e24;--mint:#dfece2;--focus:#295c86;--shadow:0 18px 60px rgba(18,50,44,.07);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}img{max-width:100%}.container{width:min(1230px,calc(100% - 60px));margin:auto}.eyebrow{font-size:14px;letter-spacing:.145em;font-weight:800;text-transform:uppercase;color:var(--accent-dark)}.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.06em}.site-header{background:var(--bg);border-bottom:1px solid var(--line);position:relative;z-index:5}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:17px;font-weight:790;letter-spacing:-.055em;white-space:nowrap}.brand-mark{width:35px;height:35px;display:grid;place-items:center;background:var(--ink);color:#dceace;border-radius:11px;font-family:Georgia,serif;font-weight:700;font-size:22px;letter-spacing:-.15em;padding-right:3px}.site-nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:650;color:#526460}.site-nav a:hover,.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.header-cta{border:1px solid var(--ink);padding:11px 17px;border-radius:8px;color:var(--ink);font-weight:740;font-size:14px;white-space:nowrap}.header-cta:hover{background:var(--ink);color:white}.site-footer{border-top:1px solid var(--line);padding:34px 0 50px;margin-top:80px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:26px}.footer-inner small{color:var(--muted);line-height:1.8}.footer-links{display:flex;flex-wrap:wrap;gap:20px;color:#4d615c;font-size:14px;font-weight:650}.button{border:0;border-radius:11px;padding:15px 21px;font-weight:740;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1.2;transition:transform .16s,background .16s}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:var(--accent);color:#fff;box-shadow:0 7px 18px rgba(217,99,64,.18)}.button.primary:hover{background:var(--accent-dark)}.button.dark{background:var(--ink);color:#fff}.button.light{border:1px solid var(--line);background:#fff;color:var(--ink)}.button.ghost{background:transparent;border:1px solid #bfd1c9;color:var(--ink)}.button.small{padding:10px 13px;font-size:14px;border-radius:7px}.arrow{font-size:18px;line-height:1}.hero{padding:94px 0 96px}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:40px;align-items:center}.hero h1{font-size:clamp(59px,6vw,90px);line-height:.99;margin:23px 0 25px;max-width:760px}.hero h1 em{font-weight:400;color:var(--accent);font-style:italic}.hero .lead{font-size:18px;line-height:1.75;color:#53645f;max-width:540px;margin:0 0 35px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{font-size:14px;color:var(--muted);margin:23px 0 0}.hero-art{height:498px;background:#e7eee6;border:1px solid #d7e5d9;border-radius:30px;position:relative;overflow:hidden;box-shadow:var(--shadow);isolation:isolate}.hero-art::before{content:'';position:absolute;width:350px;height:350px;border-radius:50%;background:#ccd9cb;top:-170px;right:-80px}.hero-art::after{content:'';position:absolute;width:440px;height:440px;border:1px solid rgba(49,85,63,.1);border-radius:50%;left:-180px;bottom:-250px}.art-stage{position:absolute;inset:56px 44px 67px;display:flex;align-items:center;justify-content:center}.art-sheet{position:absolute;width:65%;height:86%;border:9px solid white;box-shadow:0 22px 35px rgba(34,71,54,.14);overflow:hidden}.art-sheet.back{transform:rotate(-14deg) translate(-80px,14px);background:linear-gradient(135deg,#9cbea8 45%,#597b68 45%)}.art-sheet.middle{transform:rotate(12deg) translate(85px,-9px);background:linear-gradient(155deg,#cfc4a6 0 52%,#b37d5a 52%)}.art-sheet.front{transform:rotate(-2deg);background:#ceddca;display:grid;place-items:center}.shape-stone{position:absolute;background:#768a6e;width:66%;height:62%;top:19%;border-radius:48% 52% 30% 34%;transform:rotate(-25deg);box-shadow:inset -20px -14px 0 rgba(33,60,43,.12)}.shape-stone::before{content:'';position:absolute;inset:13% 20% 20% 16%;border-radius:60% 30% 60% 20%;background:#c0cdb7;transform:rotate(15deg)}.art-pill{position:absolute;border:1px solid #dbe5da;box-shadow:0 15px 40px rgba(33,59,46,.13);background:#fff;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:13px;color:#1a322c;font-size:14px;font-weight:750}.art-pill svg{width:18px;height:18px;color:var(--accent)}.art-pill.top{top:42px;right:23px}.art-pill.bottom{bottom:29px;left:26px}.art-pill .mini{font-size:12px;color:#7b8d82;font-weight:600;display:block;margin-top:3px}.section{padding:80px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:32px}.section h2,.page-title{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;font-size:clamp(40px,4.5vw,59px);line-height:1.05;margin:13px 0}.section-intro{color:var(--muted);line-height:1.7;font-size:15px;max-width:570px}.tool-card{display:grid;grid-template-columns:70px 1fr auto;gap:24px;align-items:center;padding:28px;border:1px solid #dce6e0;background:#fff;border-radius:19px;box-shadow:0 14px 36px rgba(30,69,50,.025)}.tool-icon{width:62px;height:62px;border-radius:17px;background:#e8f1eb;display:grid;place-items:center;color:#39745a}.tool-icon svg{width:28px;height:28px}.tool-card h3{font-size:20px;margin:0 0 7px;letter-spacing:-.03em}.tool-card p{font-size:14px;color:var(--muted);margin:0;line-height:1.65}.text-link{color:var(--accent-dark);font-size:14px;font-weight:800;white-space:nowrap}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.principle{border-top:1px solid #d9e2dc;padding-top:24px}.principle strong{font-size:17px}.principle p{color:var(--muted);font-size:14px;line-height:1.75;max-width:360px}.band{padding:50px;background:#e9efeb;border-radius:23px;display:flex;justify-content:space-between;gap:40px;align-items:center}.band h2{font-size:39px;margin:10px 0}.band p{color:#5c6e65;font-size:14px;line-height:1.7;max-width:600px}.editor-hero{padding:49px 0 25px}.editor-hero h1{font-size:clamp(41px,4.6vw,62px);margin:10px 0 12px}.editor-hero .lead{color:var(--muted);font-size:15px;line-height:1.7;max-width:710px}.editor-hero .facts{display:flex;gap:17px;flex-wrap:wrap;font-size:14px;color:#476357;font-weight:700;margin-top:18px}.facts span::before{content:'✓';margin-right:7px;color:#508465}.editor-layout{display:grid;grid-template-columns:342px minmax(0,1fr);gap:23px;align-items:start}.settings-panel,.workspace-panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 40px rgba(26,55,44,.035);overflow:hidden}.panel-heading{padding:22px 23px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.panel-heading h2{font-size:16px;margin:0;letter-spacing:-.025em}.step-count{font-size:14px;color:#52665d;font-weight:750}.settings-toggle{display:none}.settings-section{padding:21px 23px;border-bottom:1px solid #e9eee9}.settings-section:last-child{border-bottom:0}.form-group{margin-bottom:17px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:14px;font-weight:740;margin-bottom:8px;color:#334943}.select,.field{width:100%;background:#fff;border:1px solid #ccd9d1;border-radius:9px;color:#1e3730;height:43px;padding:0 12px;outline-offset:2px}.select:focus,.field:focus{border-color:#749e8a}.dim-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dim-grid .field{min-width:0}.hint{color:#52665d;font-size:14px;line-height:1.55;margin:7px 0 0}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mode-option{background:#f5f8f5;border:1px solid #dce6df;border-radius:8px;padding:11px 4px;text-align:center;color:#4d665b;font-weight:730;font-size:14px}.mode-option[aria-pressed="true"]{background:#e8f3eb;border:1px solid #689b7f;color:#276147}.mode-option:disabled{opacity:.5}.range-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.range-top output{font-size:14px;color:#637a6d;font-weight:800}.range{width:100%;accent-color:#477b60;cursor:pointer}.check-row{display:flex;align-items:center;gap:9px;font-size:14px;color:#4b6559;font-weight:650}.check-row input{width:15px;height:15px;accent-color:#497d61}.color-row{display:grid;grid-template-columns:43px 1fr;gap:9px}.color-row input[type=color]{width:43px;height:43px;background:#fff;border:1px solid #ccd9d1;border-radius:9px;padding:4px}.small-divider{border:0;border-top:1px solid #edf0ed;margin:18px 0}.workspace-body{padding:23px}.dropzone{border:1.7px dashed #b7cfc0;background:#f5f9f5;border-radius:15px;min-height:207px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:6px;transition:background .15s,border-color .15s}.dropzone.is-over{background:#e4f3e8;border-color:#4e936e}.drop-icon{width:45px;height:45px;background:#fff;border:1px solid #e0ebe1;display:grid;place-items:center;border-radius:13px;color:#56846b;margin-bottom:6px;font-size:23px}.dropzone h3{font-size:16px;letter-spacing:-.03em;margin:0}.dropzone p{font-size:14px;color:var(--muted);margin:0 0 12px}.dropzone .button{padding:10px 16px}.dropzone small{font-size:12px;color:#52665d;margin-top:8px}.queue-title{display:flex;align-items:center;justify-content:space-between;margin:28px 0 12px;gap:10px}.queue-title h3{font-size:14px;letter-spacing:-.03em;margin:0}.inline-button{background:none;color:#b25540;padding:3px;border:0;font-size:14px;font-weight:730}.inline-button:hover{text-decoration:underline}.queue-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.queue-item{min-width:0;position:relative;border:1.5px solid #e1e9e3;border-radius:11px;padding:5px;background:#fff}.queue-item.selected{border-color:#477d60;box-shadow:0 0 0 1px #477d60}.queue-main{border:0;background:transparent;text-align:left;width:100%;padding:0}.queue-thumb{width:100%;aspect-ratio:1.25;object-fit:cover;display:block;border-radius:6px;background:#edf0eb}.queue-name{font-size:12px;font-weight:700;color:#3f574d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin:7px 2px 3px}.queue-meta{font-size:12px;color:#52665d;display:block;margin:0 2px 2px}.remove-item{position:absolute;right:7px;top:7px;width:24px;height:24px;background:#fff;border:1px solid #d8e5dc;border-radius:6px;color:#5c615e;display:grid;place-items:center;box-shadow:0 3px 8px rgba(0,0,0,.08)}.preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;margin-bottom:12px}.preview-head h3{font-size:14px;letter-spacing:-.03em;margin:0}.preview-actions{display:flex;gap:5px}.segment{border:1px solid #dce4dc;background:#fff;color:#4e6258;padding:7px 11px;font-size:14px;font-weight:700}.segment:first-child{border-radius:7px 0 0 7px}.segment:last-child{border-radius:0 7px 7px 0;margin-left:-6px}.segment[aria-pressed="true"]{background:#eaf2ec;color:#2d6346;border-color:#9dbba8;z-index:1}.preview-stage{height:380px;background-color:#ecf0eb;background-image:linear-gradient(45deg,#e6ebe5 25%,transparent 25%),linear-gradient(-45deg,#e6ebe5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6ebe5 75%),linear-gradient(-45deg,transparent 75%,#e6ebe5 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;display:flex;align-items:center;justify-content:center;border:1px solid #e1e8e0;border-radius:12px;overflow:hidden;position:relative}.preview-stage img,.preview-stage canvas{display:block;max-width:96%;max-height:95%;height:auto;width:auto;object-fit:contain;box-shadow:0 12px 27px rgba(24,43,28,.15)}.preview-empty{color:#52665d;font-size:14px;text-align:center;padding:16px}.preview-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:9px;font-size:14px;color:#697e70}.export-bar{background:#f2f6f2;border-top:1px solid #e0e8e0;margin-top:23px;padding:19px 23px;display:flex;gap:16px;justify-content:space-between;align-items:center}.export-bar strong{display:block;font-size:14px;margin-bottom:6px}.export-bar span{font-size:14px;color:#6d8073}.export-bar .button{white-space:nowrap}.alert{border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.55;background:#fff1ec;color:#a4442b;border:1px solid #f0c3b4;margin:13px 0}.alert.info{background:#edf6f0;border-color:#c0dac8;color:#2a6542}.results{margin-top:22px;border-top:1px solid #e2eae2;padding-top:21px}.results-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.results-head h3{font-size:15px;margin:0}.result-list{display:grid;gap:8px;margin-top:13px}.result-row{border:1px solid #e2e9e2;border-radius:9px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.result-row strong{display:block;font-size:14px;overflow-wrap:anywhere}.result-row small{font-size:14px;color:var(--muted)}.result-row a{font-size:14px;color:#aa4b30;text-decoration:underline;font-weight:750}.progress-wrap{background:#dce7dd;border-radius:20px;height:5px;overflow:hidden;margin:12px 0}.progress-wrap div{background:#498264;height:100%;width:0;transition:width .2s}.below-editor{padding-top:65px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.faq{padding:23px;background:#fff;border:1px solid var(--line);border-radius:14px}.faq h3{font-size:15px;margin:0 0 10px}.faq p{color:var(--muted);font-size:14px;line-height:1.75;margin:0}.content-page{padding:65px 0 60px;max-width:820px}.content-page .page-title{margin:14px 0 22px}.content-page p,.content-page li{color:#536961;line-height:1.9;font-size:15px}.content-page h2{font-size:25px;letter-spacing:-.035em;margin:38px 0 12px}.content-page a:not(.button){color:#b95030;text-decoration:underline}.directory-main{padding:65px 0}.directory-head{max-width:680px;margin-bottom:39px}.directory-head p{color:var(--muted);line-height:1.8}.tag{border-radius:999px;background:#e8eee8;padding:6px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#4c705d;font-weight:850}.directory-item{display:grid;grid-template-columns:1fr auto;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;gap:20px}.directory-item h2{font-size:27px;margin:12px 0 10px;letter-spacing:-.05em}.directory-item p{color:var(--muted);line-height:1.7;font-size:14px;max-width:660px}.directory-categories{display:flex;gap:10px;flex-wrap:wrap;margin-top:40px}.directory-category{border:1px solid #dce6df;padding:11px 17px;border-radius:10px;color:#52665d;font-size:14px;font-weight:700}.directory-category.active{color:#2c6a49;background:#e7f0e8}.related-product{margin-top:53px;background:#eef2ed;border:1px solid #dfe7de;border-radius:17px;padding:26px 29px;display:flex;justify-content:space-between;align-items:center;gap:24px}.related-product h3{margin:9px 0;font-size:21px;letter-spacing:-.035em}.related-product p{color:var(--muted);font-size:14px;max-width:620px;line-height:1.7;margin:0}.related-product a{font-size:14px;font-weight:750;color:#af4d30;white-space:nowrap}
@media(max-width:1000px){.editor-layout{grid-template-columns:295px minmax(0,1fr)}.settings-section,.panel-heading{padding-left:17px;padding-right:17px}.hero-art{height:430px}.art-stage{inset:45px 20px 55px}.queue-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.container{width:min(100% - 32px,570px)}.header-inner{height:71px}.site-nav{gap:13px;font-size:14px}.site-nav a:nth-child(2){display:none}.header-cta{display:none}.brand{font-size:15px}.hero{padding:57px 0 50px}.hero-grid{grid-template-columns:1fr;gap:36px}.hero h1{font-size:clamp(49px,11vw,67px)}.hero .lead{font-size:16px}.hero-art{height:365px}.hero-actions .button{flex:1}.section{padding:50px 0}.section-head{display:block}.section h2{font-size:42px}.tool-card{grid-template-columns:56px 1fr;gap:15px;padding:18px}.tool-icon{width:52px;height:52px}.tool-card .text-link{grid-column:2}.principles{grid-template-columns:1fr;gap:21px}.band{padding:28px;display:block}.band h2{font-size:34px}.footer-inner{display:block}.footer-links{margin-top:24px}.editor-hero{padding-top:40px}.editor-layout{grid-template-columns:1fr}.settings-panel .panel-heading{flex-wrap:wrap}.settings-toggle{display:block;width:100%;border:1px solid #ccded0;border-radius:8px;background:#edf4ee;color:#33654c;padding:10px 14px;font-size:14px;font-weight:800}.settings-panel:not(.expanded) .settings-section{display:none}.workspace-body{padding:16px}.queue-list{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-stage{height:290px}.export-bar{flex-wrap:wrap}.export-bar .button{width:100%}.faq-grid{grid-template-columns:1fr}.below-editor{padding-top:44px}.related-product,.directory-item{display:block}.related-product a{display:inline-block;margin-top:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Two released tools on the homepage */
.tool-card + .tool-card{margin-top:14px}

/* v6.1 shared interaction and reading system */
body{font-size:16px;line-height:1.55}textarea{font:inherit}button,input,select,textarea{max-width:100%}
.brand-second{color:#52665d}.site-nav a,.footer-links a{display:inline-flex;align-items:center;min-height:44px}
.button,.header-cta{min-height:44px;border-radius:8px;box-shadow:none!important;transition:background .15s}.button:hover:not(:disabled){transform:none}
.button.primary,.button.closeout-primary{background:var(--accent);border-color:var(--accent);color:#fff}
.button.small,.action-btn,.bom-detail-toggle,.bom-page-button,.segment,.mode-option{min-height:44px;font-size:14px}
input:not([type=checkbox]):not([type=range]):not([type=color]),select{min-height:44px}input[type=checkbox]{width:18px;height:18px;flex-shrink:0}
textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.skip-link{position:fixed;left:16px;top:-100px;z-index:100;padding:12px 18px;background:var(--ink);color:#fff;border-radius:6px}.skip-link:focus{top:12px}
.hero{padding:60px 0}.hero-grid{grid-template-columns:1.1fr .9fr;gap:48px}.hero h1{font-size:clamp(46px,5.3vw,76px);line-height:1.06;letter-spacing:-.05em}.hero .lead{font-size:18px;line-height:1.65}.hero-note{font-size:14px}
.task-index{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 24px}.task-index>a{display:grid;grid-template-columns:34px 1fr auto;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);align-items:center;font-size:15px;font-weight:700}.task-index>a:last-child{border-bottom:0}.task-index span{font-size:12px;color:var(--muted);font-weight:500}.task-index a:hover{color:var(--accent-dark)}
.editor-hero{padding-top:32px}.editor-hero h1{font-size:clamp(38px,4vw,54px)}.editor-hero .lead{font-size:16px}.hero-art{box-shadow:none}
.tool-card,.directory-item{border-radius:12px;box-shadow:none}.section{padding:56px 0}.tool-card .text-link{min-height:44px;display:inline-flex;align-items:center}.directory-categories{gap:8px}.directory-category{font-size:14px}
.hint,.dropzone small,.queue-meta,.preview-meta,.export-bar span{color:#52665d}.queue-name{font-size:12px}.remove-item{width:28px;height:28px}.form-label{font-size:14px}.check-row{min-height:44px}.mode-grid{grid-template-columns:1fr}.mode-option{text-align:left;padding:10px 12px}.settings-section{padding-top:18px;padding-bottom:18px}
[role=status],[aria-live]{overflow-wrap:anywhere}.footer-links{font-size:14px}.directory-item .button{flex-shrink:0}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:24px}.hero{padding:32px 0}.hero h1{font-size:46px}.task-index{padding:8px 18px}.header-inner{gap:12px}.hero-actions .button{flex:auto;width:100%}.section h2{font-size:36px}.directory-item{padding:24px}.directory-item .button{width:100%;margin-top:12px}.section-head{margin-bottom:24px}.remove-item{width:36px;height:36px}.footer-links{gap:12px 20px}.site-footer{margin-top:48px}}
@media(forced-colors:active){button,a,input,select,textarea{forced-color-adjust:auto}}

.file-label,.wp-upload{position:relative}.file-label input,.wp-upload input{clip-path:inset(50%);overflow:hidden;min-height:1px!important}
h1,h2,h3{overflow-wrap:anywhere}.header-inner{height:auto;min-height:82px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}.brand{white-space:normal;overflow-wrap:anywhere;min-width:0}.brand>span:last-child{min-width:0}.brand-mark{flex-shrink:0}.site-nav{flex-wrap:wrap}.text-link{white-space:normal}
@media(max-width:760px){.header-inner{min-height:71px}.site-nav{margin-left:auto}.bom-metrics strong{overflow-wrap:anywhere}}

.related-product a{white-space:normal;overflow-wrap:anywhere}.site-nav a{overflow-wrap:anywhere}.button{white-space:normal}

.skip-link{opacity:0;pointer-events:none}.skip-link:focus{opacity:1;pointer-events:auto}

.preview-stage.is-croppable canvas{cursor:grab;touch-action:none}.preview-stage.is-dragging canvas{cursor:grabbing}.preview-stage canvas:focus-visible{outline:3px solid #b45232;outline-offset:3px}.crop-help{margin:12px 0;line-height:1.6}
