:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#173b32;background:#f2f5ef;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:1060px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;font-size:24px}.brand span{color:#dc9c32}.hero{padding:40px 0 22px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:700;color:#557065}h1{font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.045em;margin:10px 0 18px}h2{font-size:21px;margin-top:0}.panel{background:white;border:1px solid #dce4d9;border-radius:18px;padding:26px;margin:18px 0;box-shadow:0 3px 10px #17452e04}.plan{font-size:14px;color:#547065}.muted,footer{color:#637269;font-size:14px}label{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:10px 0}fieldset{border:1px solid #dce4d9;border-radius:10px;margin:20px 0;padding:12px 18px}legend{padding:0 8px}input,button,select{font:inherit}input[type=number]{width:100px}input[type=text]{max-width:100%;width:240px}input[type=number],input[type=text],select{border:1px solid #b8cbbd;border-radius:8px;padding:7px 10px}input[type=checkbox],input[type=radio]{accent-color:#18533f;width:18px;height:18px;flex-shrink:0}button{cursor:pointer;padding:9px 16px;border:1px solid #9fbbab;background:#f6faf4;border-radius:10px;color:#173b32}button:hover{background:#eaf4e6}button.primary{background:#215b42;color:white}button:disabled{opacity:.45;cursor:default}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.file{border:2px dashed #bbcebf;border-radius:12px;padding:18px;display:block}.file input{display:block;margin-top:9px;max-width:100%}.error{color:#a13222;background:#fff1ec;padding:12px;border-radius:8px}.previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.preview{border:1px solid #dce4d9;border-radius:12px;overflow:hidden;padding:10px}.preview img{display:block;max-width:100%;max-height:540px;object-fit:contain;margin:0 auto}.preview .actions{justify-content:space-between;font-size:14px}.confirm{margin:24px 0}footer{margin:30px 4px}a{color:#276144}[hidden]{display:none!important}#fileName{overflow-wrap:anywhere}#editorHost{scroll-margin-top:12px}@media(max-width:600px){main{padding:14px}.panel{padding:18px}.hero{padding:28px 0 8px}.previews{grid-template-columns:1fr}}

select{min-width:0;max-width:100%}fieldset{min-width:0}#layout{width:100%;font-size:14px}.panel,.preview{min-width:0}

.file{cursor:pointer}.file.dragover{background:#e7f3e7;border-color:#215b42;box-shadow:0 0 0 3px #215b4220}.file:focus-within{outline:2px solid #215b42;outline-offset:3px}
.preview p,#imageStatus{overflow-wrap:anywhere}#imageLayout{width:100%;font-size:14px}

/* Keep the native picker as the full touch target; never request broad storage access. */
.file{position:relative;min-height:88px;text-align:center;background:#f2f8f1;padding:18px 14px}
.file strong,.file-subtitle{display:block}.file-subtitle{font-size:14px;color:#526b5d;margin-top:4px}
.file input[type=file]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.file:has(input:disabled){opacity:.45}.file-quick{font-size:14px;color:#315d46;margin:8px 0}
.file-help{background:#f7f9f6;border-radius:10px;padding:4px 14px;margin:12px 0}
.file-help summary{cursor:pointer;min-height:48px;padding:12px 0;font-weight:650}
.file-help li{margin:10px 0}.file-help ol{padding-inline-start:24px}
button,select,input[type=number],input[type=text]{min-height:48px}
#layout,#imageLayout{font-size:16px}label:has(input[type=radio]),label:has(input[type=checkbox]){min-height:44px}
nav a{display:inline-block;padding:12px 0;min-height:48px}
button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #397e64;outline-offset:3px}
@media(max-width:600px){.hero{padding:14px 0 4px}.hero h1{font-size:30px}.panel{padding:16px}.actions>button{flex:1 1 auto}.file-help{padding:4px 10px}.region-editor-coordinate{font-size:16px}}

.selection-progress{font-weight:750;color:#215b42;background:#edf6eb;border-radius:9px;padding:10px 14px;margin:12px 0}.selection-actions{align-items:flex-end}.selection-actions label{margin:0}.selection-actions>button{flex:1 1 210px}.other-question{margin-top:18px;border-top:1px solid #dce4d9;padding-top:8px}.other-question summary{cursor:pointer;min-height:48px;padding:12px 0;color:#426552}.other-question .actions{padding:8px 0}#manualPanel{scroll-margin-top:12px}#selectionProgress,#summary{overflow-wrap:anywhere}@media(max-width:420px){.selection-actions>button{flex-basis:100%}.other-question .actions>button{width:100%}}

.in-shell header{display:none}

.template-size-options{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin:.25rem 0 .8rem 1.5rem}.template-size-options label{display:inline-flex;align-items:center;gap:.3rem;margin:0}.template-size-options input[type=radio]{width:auto}#templateFields>label{display:flex;align-items:center;gap:.4rem;margin:.7rem 0 .2rem}.writing-options{margin:1rem 0}.writing-options [hidden]{display:none!important}

.document-options{margin:18px 0;padding:14px 18px;border:1px solid #dce4d9;border-radius:10px;background:#f7faf5}.document-options>label:first-child{display:block}.document-options input[type=text]{display:block;width:100%;max-width:none;margin-top:6px}.merge-file{padding:16px;border:1px solid #dce4d9;border-radius:12px;margin:12px 0}.merge-file input[type=text]{width:100%;max-width:none}.merge-file h3{overflow-wrap:anywhere}

.page-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0}.page-options label,.custom-section label{display:flex;flex-direction:column;gap:6px}.custom-section{border:1px solid #ccd5d1;padding:12px;border-radius:8px;margin:10px 0}.custom-section>label,.template-size-options label{flex-direction:row;align-items:center}.custom-section input[type=text]{width:100%;box-sizing:border-box}.custom-section select{max-width:100%}.page-options [hidden]{display:none}

.input-limit-hint{padding:12px 16px;background:#edf5f0;border-radius:8px;line-height:1.65}
