*{box-sizing:border-box}body{margin:0;color:#203d33;background:#f1f2ec;font:15px/1.55 system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;background:#143f32;color:white;padding:21px 5%}header a{color:white;text-decoration:none;font-size:26px;font-weight:850}header a span{font-size:16px;margin-left:12px}.version,.eyebrow{letter-spacing:2px;font-size:11px;font-weight:800}main{max-width:1450px;margin:auto;padding:36px 28px}.intro{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center;margin:10px 0 32px}.intro p{max-width:690px}.intro h1{font-size:clamp(34px,4.4vw,62px);line-height:1.18;letter-spacing:-2px;margin:14px 0}.intro em{font-style:normal;color:#6f823c}.intro-note{border-left:1px solid #c8d2c5;padding:0 35px;display:grid;grid-template-columns:1fr;gap:4px}.intro-note b{font-size:20px;margin-top:12px}.intro-note span{color:#667467;font-size:13px}#notice{padding:16px 20px;border-left:4px solid #7e923d;background:#fff;border-radius:6px;margin:20px 0}.card{background:#fff;border:1px solid #dde2d6;border-radius:15px;padding:24px;margin-bottom:20px}h2{font-size:19px;margin:0 0 18px}label{display:block;margin:11px 0;font-size:13px;font-weight:600}input,textarea,select{width:100%;display:block;font:inherit;color:#203d33;padding:10px;border:1px solid #c5d0c2;border-radius:6px;background:#fff;margin-top:5px}input[type=color]{height:40px;padding:4px}input[type=checkbox]{width:auto;margin:0}textarea{resize:vertical}.check{display:flex;align-items:start;gap:9px;font-weight:400}.check input{margin-top:5px}small,.muted{font-size:12px;color:#647367}small{display:block;margin-top:5px}button,.file-label{font:700 13px/1.4 system-ui,sans-serif;border-radius:6px;padding:12px 16px;border:1px solid #1b563f;background:#1b563f;color:white;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.secondary,.file-label{background:#f0f4e9;color:#254e36;border-color:#c9d7c0}.textbutton{background:transparent;border-color:transparent;color:#34533d;padding:7px 0;font-size:12px;text-align:left}.file-label input{font-size:11px;padding:4px}.row{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.row label{flex:1;min-width:95px}.upload{display:grid;grid-template-columns:1fr 1.3fr .9fr;gap:30px}.actions{display:flex;flex-direction:column;align-items:stretch;gap:7px}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:25px}.workspace aside{align-self:start;padding:22px}.section-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.section-top label{min-width:190px}.styles{display:flex;gap:12px}.style{display:grid;grid-template-columns:28px 1fr;text-align:left;align-items:center;gap:2px 10px;flex:1;background:#fafbf6;color:#284b39;border:1px solid #cdd8c4}.style span:last-child{grid-column:2;font-size:11px;font-weight:400;color:#6c796c}.style.active{box-shadow:0 0 0 2px #2a6445}.swatch{grid-row:span 2;width:26px;height:42px;border-radius:4px}.green{background:linear-gradient(155deg,#f4f1e7 50%,#215843 50%)}.navy{background:linear-gradient(155deg,#163c30 50%,#ddb54e 50%)}.cream{background:linear-gradient(155deg,#fcf5e6 50%,#c9b77d 50%)}.artboard{background:#dfe5db;padding:25px;border-radius:14px;min-height:200px;margin-bottom:20px}.artboard svg{display:block;width:100%;height:auto;max-height:1000px;filter:drop-shadow(0 8px 12px #0b29181c)}.warning{white-space:pre-line;color:#8d5324;font-size:12px}.export .row label{max-width:160px}details{border-top:1px solid #e0e4d9;margin-top:20px;padding-top:15px}summary{cursor:pointer;font-weight:700;font-size:13px}#reference{max-width:100%;max-height:220px;display:block;margin:15px auto}.photo-row{border-top:1px solid #d9e0d3;margin-top:14px;padding-top:12px}.photo-row h3{font-size:14px}.photo-row .row input{font-size:12px}.photo-row .row label{min-width:45px;font-size:11px}.photo-row img{width:100%;max-height:170px;object-fit:contain;background:#edf1e7;margin-top:8px}footer{text-align:center;color:#758073;font-size:12px;padding:25px 0}.hidden{display:none!important}@media(max-width:1050px){.upload{grid-template-columns:1fr 1fr}.upload .actions{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.workspace{grid-template-columns:290px minmax(0,1fr)}.styles{flex-wrap:wrap}.style{min-width:140px}}@media(max-width:760px){main{padding:20px 12px}.intro,.upload,.workspace{grid-template-columns:1fr;gap:15px}.intro-note{display:none}.upload .actions{grid-column:auto}.workspace aside{order:2}.design-area{order:1}.card{padding:18px}.section-top{flex-wrap:wrap;gap:4px}.artboard{padding:12px}.version{font-size:9px}header{padding:17px 18px}header a span{font-size:13px}.intro h1{letter-spacing:-1px}}

.download-ready:not(:empty){display:grid;gap:10px;padding:18px;margin-top:18px;background:#eef3e2;border:1px solid #b5c68c;border-radius:12px}.download-ready a{font-weight:700;color:#175647;overflow-wrap:anywhere}.download-ready small{color:#596652}

#actionStatus{padding:10px 12px;background:#f4f7ee;border-left:3px solid #7e923d;font-size:12px;line-height:1.6;margin:4px 0;overflow-wrap:anywhere}#actionStatus[data-error=true]{background:#fff0eb;color:#7f2f20}#sourceThumb{max-width:100%;max-height:150px;object-fit:contain;border-radius:6px}#sourceThumb[hidden]{display:none}#fileStatus{overflow-wrap:anywhere}#elapsed:empty{display:none}#elapsed{font-size:11px;overflow-wrap:anywhere}

#cropDialog{width:min(96vw,1060px);max-height:94vh;border:1px solid #bbcbb7;border-radius:14px;padding:24px;color:#203d33;background:#fff;overflow:auto}#cropDialog::backdrop{background:#10281fbb}#cropDialog p{margin:8px 0 14px}.crop-stage{max-height:62vh;overflow:auto;background:#e8ede5;border-radius:6px}#cropCanvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.crop-preview[hidden]{display:none}.chooseCrop{width:100%}.crop-note{min-height:2em}.photo-row img{max-height:210px}