:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#26352e;background:#f4f5f1;font-size:14px}*{box-sizing:border-box}body{margin:0}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #dfe4dd;background:#fafbf8}.brand{display:flex;gap:14px;align-items:center}.mark{display:grid;place-items:center;width:44px;height:44px;background:#345b46;color:#fff;border-radius:12px;font-size:22px}.brand strong{font-size:22px}.brand small{display:block;color:#79857b;margin-top:3px}.badge{color:#6b776e;font-size:12px}main{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:440px 1fr;gap:64px;padding:40px 28px 64px}section{margin-bottom:32px}.eyebrow{font-size:11px;color:#77897d;font-weight:600}h1{font-size:24px;margin:10px 0 24px;text-wrap:balance}h2{font-size:20px;margin:10px 0 20px;text-wrap:balance}label{display:block;font-size:12px;color:#5e6d63;margin:14px 0 7px}input,select,textarea,button{font:inherit}textarea,select,input:not([type=file]){border:1px solid #d9dfd6;background:#fafbf8;border-radius:7px;padding:10px;width:100%;color:#33443a}textarea{resize:vertical;line-height:1.7}input[type=color]{height:40px;padding:5px}button{border:1px solid #d6ded4;background:#fafbf8;color:#3b5143;border-radius:7px;padding:10px 14px;cursor:pointer}button:hover{background:#e9eee7}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.upload:focus-within{outline:3px solid #91ad98;outline-offset:3px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.fields label select,.fields label input{display:block;margin-top:7px}.hint,.exportnote{font-size:12px;color:#7d877f;line-height:1.7;text-wrap:pretty}.counts{display:flex;gap:7px}.counts button{flex:1;padding:9px 4px}.counts .selected{background:#345b46;color:#fff;border-color:#345b46}.upload{padding:18px;border:1px dashed #a6b7a6;border-radius:8px;cursor:pointer;text-align:center;color:#345b46;margin-top:16px}.upload span{display:block;font-size:11px;color:#7e8c80;margin-top:5px}input[type=file]{max-width:100%;font-size:12px}.workspace{min-width:0}.previewbar{display:flex;align-items:center;justify-content:space-between;max-width:460px;margin:0 auto 18px}.previewbar h2{margin-bottom:0}.previewbar>span{font-size:11px;color:#889189}.paper{width:435px;max-width:100%;padding:30px;background:white;margin:auto;border:1px solid #e2e7df;box-shadow:0 4px 6px -1px #26352e08;border-radius:3px;min-height:560px}article h2{font-size:22px;line-height:1.5;font-weight:600}#grid{display:grid;margin-top:26px}.tile{position:relative;overflow:hidden;background:#e5ece3;display:grid;place-items:center;color:#869c89;font-size:20px}.tile:nth-child(3n+2){background:#eee8db;color:#b09e80}.tile:nth-child(3n){background:#e0e8eb;color:#8aa2ac}.tile img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.tile .move{position:absolute;bottom:4px;right:4px;display:flex;gap:2px}.move button{font-size:11px;padding:2px 5px;background:#fff;border-radius:3px}.move button:disabled{opacity:.4;cursor:default}#captionPreview{text-align:center;color:#90968e;font-size:12px;line-height:1.6}.actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:24px}.primary{background:#345b46;color:white;border-color:#345b46}.primary:hover{background:#294936}#feedback{text-align:center;color:#345b46;font-size:13px;min-height:20px}.exportnote{text-align:center;max-width:440px;margin:0 auto}@media(max-width:900px){main{grid-template-columns:1fr;gap:20px;max-width:600px}.badge{display:none}header{height:76px}.workspace{padding-top:16px;border-top:1px solid #dde4da}}

.site-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.site-links a,.site-footer a{color:#345b46;text-underline-offset:4px}.site-footer{max-width:1184px;margin:0 auto;padding:28px;border-top:1px solid #dfe4dd;font-size:13px;line-height:1.8;color:#65736a}.site-footer p{max-width:760px}@media(max-width:600px){header{height:auto;min-height:90px;gap:18px;flex-wrap:wrap;padding:20px}.site-links{gap:12px;font-size:12px}}
input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

#preview [data-image-anchor]{cursor:pointer}#preview .image-anchor{outline:1px dashed #779880;outline-offset:5px}#preview #grid{margin-top:16px;margin-bottom:16px}

#text[hidden],#imagePosition[hidden],label[hidden]{display:none!important}#composer{min-height:280px;max-height:620px;overflow:auto;border:1px solid #d9dfd6;border-radius:7px;padding:16px;background:#fafbf8;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}#composer p{margin:0 0 16px}#composer:focus{outline:2px solid #779880;outline-offset:2px}.composer-images{padding:10px;border:1px solid #cddbd1;border-radius:6px;background:white;margin:16px 0;white-space:normal}.composer-images small{display:block;color:#65736a;margin-bottom:8px}.composer-images img{width:100%;height:88px;object-fit:contain;background:#f5f6f3}#insertAtCaret{margin-top:10px}#positionHint{display:none}

.composer-slot{min-height:92px;padding:4px;border:1px dashed #9cae9f;background:#f3f6f2;font-size:12px;line-height:1.6;color:#65736a}.composer-slot.active,.composer-slot:focus{outline:2px solid #345b46;outline-offset:1px}.composer-slot img{display:block}