:root{font:16px/1.5 Arial,sans-serif;color:#243f35;background:#f5f6ef}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;overflow-wrap:anywhere}button,input,select{font:inherit;color:inherit}button,select{cursor:pointer}button{border:1px solid #bdcbbb;background:#fffef9;border-radius:9px;padding:10px 14px;min-height:44px}button:hover{background:#edf2e2}button:disabled{opacity:.45;cursor:default}input,select{min-height:44px;max-width:100%;border:1px solid #b7c6b9;border-radius:7px;padding:8px;background:#fffef9}input[type=checkbox]{min-height:24px;width:24px;vertical-align:middle}input[type=range]{display:block;width:100%;padding:0;accent-color:#496e49;touch-action:pan-y}input[type=color]{display:block;width:100%;padding:3px}.field{margin:10px 0}.field>input,.field>select{display:block;width:100%}label{display:block;font-size:.9rem;margin:8px 0 4px}select{width:100%}output{float:right;font-variant-numeric:tabular-nums;font-size:.8rem;color:#546e47}:focus-visible{outline:3px solid #b57335;outline-offset:3px}header{max-width:1440px;margin:auto;padding:24px 4%;display:flex;gap:30px;align-items:center;border-bottom:1px solid #d9dfd3}.brand{font-size:1.5rem;font-weight:bold;text-decoration:none}.privacy{margin-left:auto;font-size:.8rem;border:1px solid #d2ddcb;border-radius:20px;padding:6px 12px}main{max-width:1440px;margin:auto;padding:0 4%}.intro{padding:40px 0 24px}.eyebrow{font-size:.7rem;letter-spacing:.18em;font-weight:bold}h1{font-size:clamp(2rem,4vw,3.7rem);line-height:1.12;letter-spacing:-.04em;margin:16px 0}em{font-family:Georgia,serif;font-weight:normal;color:#708653}p{color:#576c5f}.intro p{font-size:1.05rem}h2{font-size:1.05rem;margin:0}.modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.modes button{text-align:left;padding:18px;background:transparent;border-radius:12px;min-width:0}.modes b{font-size:.7rem;display:block;margin-bottom:8px;color:#6e815c}.modes small{display:block;font-size:.75rem;color:#586d5d;margin-top:5px}.modes button.active{background:#263f35;color:white;border-color:#263f35}.modes button.active small,.modes button.active b{color:#d4dfc9}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);background:#fffef9;border:1px solid #d7dfd1;border-radius:18px;overflow:hidden;scroll-margin-top:12px}aside{padding:24px;border-right:1px solid #d7dfd1;grid-row:1/span 2;grid-column:1;min-width:0}.step-panel{min-width:0}.step{display:flex;gap:10px;align-items:center;margin:10px 0 16px;font-size:.9rem}.step>h2{flex:1}.upload{display:block;border:1.5px dashed #8b9f84;border-radius:10px;background:#f3f5eb;text-align:center;padding:20px 8px;font-weight:bold;cursor:pointer;margin-bottom:6px;min-height:70px}.upload small{font-size:.7rem;display:block;font-weight:normal;margin-top:7px}.upload.dragover{background:#dbe9c6}.file-input{font-size:.8rem;width:100%;margin-bottom:8px}.textbutton{border:0;background:transparent;text-decoration:underline;width:100%}.hint{font-size:.78rem;color:#5b7060}.layouts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 18px}.layouts button{padding:5px;min-height:62px;min-width:0;border-radius:7px}.layouts svg{display:block;width:100%;height:32px}.layouts span{display:block;font-size:.7rem}.layouts button.active{background:#dfebc8;border:2px solid #536f36}.photo{display:flex;align-items:center;gap:5px;margin:6px 0;border-bottom:1px solid #e4e8dd;padding:4px 0}.photo button{padding:4px 8px;min-width:44px;flex-shrink:0}.photo .pick{flex:1;min-width:0;text-align:left;overflow:hidden;line-height:1.3}.photo .selected,.cell-picker .selected{background:#dfebc8;border-color:#65834b}.photo img{width:32px;height:32px;object-fit:cover;vertical-align:middle;margin-right:5px}.stage{grid-column:2;grid-row:1;padding:24px;min-width:0;background:#fafbf5}.stagebar{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:#506a58;gap:10px}.stagebar>div{display:flex;gap:7px}.stagebar button{font-size:1.2rem;min-width:44px;padding:6px}.canvaswrap{min-height:300px;display:flex;align-items:center;justify-content:center;padding:20px;background:#f1f4e8 radial-gradient(#d4ddcb .8px,transparent .8px);background-size:12px 12px;margin:16px 0;border-radius:12px}canvas{display:block;max-width:100%;max-height:510px;width:auto;height:auto;box-shadow:0 6px 25px #2a3f3419;touch-action:pan-y;cursor:pointer}canvas.crop-mode{touch-action:none;cursor:grab}canvas.crop-mode:active{cursor:grabbing}#empty{text-align:center;font-size:.85rem;margin:8px}#edit-panel{padding-top:12px;border-top:1px solid #dce2d4}#edit .controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cropHint{margin:4px 0 12px}.cell-picker{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px;max-width:100%;scrollbar-width:thin}.cell-picker button{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:5px 9px;font-size:.8rem}.cell-picker img{width:36px;height:36px;object-fit:cover;border-radius:4px}.edit-actions{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.edit-actions button{flex:1}.export{display:flex;gap:12px;align-items:end;flex-wrap:wrap;border-top:1px solid #dce2d4;padding-top:20px;margin-top:20px}.export>div{flex:1;min-width:160px}.export label{font-size:.8rem;flex:1;min-width:120px}.export p{font-size:.8rem;margin-bottom:5px}.primary{background:#314f3d;color:#fff;padding:12px 18px;border-color:#314f3d}.primary:hover{background:#45694d}.activity{grid-column:2;grid-row:2;padding:0 24px 18px;align-self:start}#status{font-size:.9rem;min-height:24px;margin:10px 0;color:#314f3d}.warning{color:#84551d;font-size:.8rem;margin:6px 0}.warning:empty{display:none}details{border-top:1px solid #d7dfd1;padding:12px 0;font-size:.85rem}summary{cursor:pointer;min-height:44px;display:list-item;align-content:center}details button{margin:5px 0;width:100%;text-align:left}.appearance{margin-top:10px}.photoExtras input[type=file]{width:100%;font-size:.8rem}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two-fields input{min-width:0}#draftStatus{font-size:.8rem}#draftConflict{border-left:3px solid #b98e42;padding:6px 10px}.mobile-steps,.mobile-next{display:none}.notes{padding:36px 0}.notes>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.notes p{font-size:.9rem}.notes b{color:#314f3d}footer{border-top:1px solid #d7dfd1;padding:25px 4%;font-size:.8rem;color:#62736a}footer nav{display:flex;gap:20px;flex-wrap:wrap;margin-top:12px}a{color:#314f3d}.seo{padding:20px 0}.seo h1{font-size:2rem}.seo+.intro{display:none}progress{width:100%;height:10px;accent-color:#54794b}#exportProgress{padding-top:15px;font-size:.8rem}#result{background:#edf3df;border:1px solid #cbdab8;border-radius:10px;padding:16px;margin-top:14px}#resultInfo{font-size:.9rem}.save-link{display:block;min-height:44px;padding:12px 0;text-decoration:underline;font-weight:bold}
@media(max-width:850px){.workspace{grid-template-columns:260px minmax(0,1fr)}aside,.stage{padding:16px}.modes{grid-template-columns:repeat(2,minmax(0,1fr))}#edit .controls{grid-template-columns:1fr}.activity{padding:0 16px 16px}}
@media(max-width:650px){
  header{padding:18px 12px;gap:10px;flex-wrap:wrap}header>span:not(.privacy){display:none}.privacy{font-size:.65rem}.brand{font-size:1.15rem}main{padding:0 12px}.intro{padding:24px 0 10px}.intro h1{font-size:2rem}.intro h1 em{display:block}.intro br{display:none}.intro p{font-size:.95rem}.modes{gap:8px;margin-bottom:16px}.modes button{padding:12px;font-size:.9rem}.modes b{margin-bottom:5px}.modes small{font-size:.7rem}
  .workspace{--preview-height:220px;display:flex;flex-direction:column;overflow:visible;border-radius:14px;scroll-margin-top:8px}.stage,aside{display:contents}.stagebar{order:0;padding:12px 12px 0}.canvaswrap{order:1;height:var(--preview-height);min-height:0;padding:12px;margin:8px 10px;border-radius:9px;flex-shrink:0}canvas{max-height:calc(var(--preview-height) - 24px);max-width:100%}#empty{order:2}#warning{order:3;padding:0 14px}
  .mobile-steps{order:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;position:sticky;top:0;z-index:5;background:#fffef9;border-bottom:1px solid #d7dfd1;padding:8px 9px}.mobile-steps button{border:0;background:transparent;min-width:0;font-size:.78rem;padding:6px 2px;line-height:1.25;border-radius:7px}.mobile-steps button span{display:block;font-size:.65rem;opacity:.8;margin-bottom:3px}.mobile-steps button.active{background:#314f3d;color:white}
  .workspace[data-step=edit] .canvaswrap{position:sticky;top:0;z-index:4;margin-top:0;margin-bottom:0;border-radius:0;background-color:#f1f4e8}.workspace[data-step=edit] .mobile-steps{top:var(--preview-height)}
  .step-panel{order:5;padding:14px;background:#fffef9}#edit-panel{border:0;padding-top:12px}.workspace[data-step=photos] [data-panel]:not([data-panel=photos]),.workspace[data-step=layout] [data-panel]:not([data-panel=layout]),.workspace[data-step=edit] [data-panel]:not([data-panel=edit]),.workspace[data-step=download] [data-panel]:not([data-panel=download]){display:none}
  .step{margin-top:0}.layouts{grid-template-columns:repeat(4,minmax(0,1fr))}.layouts button{min-height:60px}#edit .controls{grid-template-columns:1fr;gap:3px}.controls .field{margin:6px 0}.controls label{font-size:.82rem}.cropHint{font-size:.75rem}.edit-actions{gap:8px}.edit-actions button{font-size:.82rem;padding:9px 6px}.cell-picker{margin-top:0}.export{margin:0;border:0;padding:0;align-items:stretch}.export>div{width:100%;flex:auto}.export label{width:100%;flex:auto}.export .primary{width:100%;margin-top:8px}.activity{order:9;padding:0 14px 14px}.mobile-next{display:block;width:100%;margin-top:12px}#draft-panel{order:10;margin:0 14px;padding:10px 0}.notes>div{grid-template-columns:1fr;gap:0}.notes{padding:25px 0}.seo figure{margin:12px 0}
}
@media(max-width:650px) and (max-height:600px){.workspace{--preview-height:140px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(max-width:650px){.activity{align-self:stretch;width:100%}}

#repeatBlock{margin:16px 0}#repeatBlock button{width:100%;margin:5px 0}#repeatConfirm{border:1px solid #d7dfd1;border-radius:9px;padding:12px;font-size:.85rem}#cancelExport{font-size:.85rem}
.small-heading{font-size:.85rem;margin:14px 0 8px}.style-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.style-presets button{display:flex;align-items:center;gap:8px;text-align:left;min-width:0;padding:9px;font-size:.8rem}.style-presets button[aria-pressed=true]{outline:2px solid #53724b;background:#edf3df}.style-swatch{display:block;flex-shrink:0;width:22px;height:22px;border-radius:5px;border:1px solid #8da18f}#batchPanel{margin-top:18px}#batchResult{background:#e9f1f6;border:1px solid #c4d4df;padding:16px;border-radius:10px;margin:12px 0}#batchPanel label{display:flex;gap:8px;align-items:center}#batchPanel input{flex-shrink:0}

.seo-guide{padding:24px 0 36px;max-width:960px}.seo-guide h2{font-size:1.4rem}.seo-guide p,.seo-guide li{font-size:.95rem;line-height:1.7}.seo-guide nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin:18px 0}.seo-guide summary{font-weight:bold}