*{box-sizing:border-box}body{margin:0;background:#e9edeb;color:#253d32;font:14px/1.6 -apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid #d6ded9;border-radius:8px;background:#fff;padding:8px 14px;color:inherit}button:hover{background:#edf5ef;border-color:#94b4a1}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #498d68;outline-offset:3px}.toolbar{height:72px;padding:0 28px;display:flex;gap:12px;align-items:center;background:#fafcfb;border-bottom:1px solid #dce3de;position:sticky;top:0;z-index:5}.brand{color:white;background:#315e49;text-decoration:none;display:grid;place-items:center;width:34px;height:36px;border-radius:8px;font:24px Georgia;flex-shrink:0}#title{border:1px solid transparent;background:transparent;font-weight:550;font-size:15px;min-width:80px;width:340px;max-width:35vw;padding:8px;border-radius:5px}#title:hover{border-color:#d5ded8}#save-state{margin-left:auto;color:#7b8980;font-size:11px}#size{background:transparent;border:0;padding:7px;color:#4c5e53}#document-menu{border-color:transparent;background:transparent;letter-spacing:2px}.primary{background:#315e49;color:white;border-color:#315e49}.primary:hover{background:#234b38}main{max-width:1250px;margin:auto;padding:23px 30px 60px}.canvas-intro{display:flex;justify-content:space-between;gap:16px;color:#829087;font-size:12px;margin:0 auto 18px;max-width:800px}.mini-plus{color:#417856}#validation{max-width:800px;margin:0 auto 16px;font-size:12px;color:#9d653c}#validation:empty{display:none}#frame-wrap{position:relative;margin:0 auto}iframe{display:block;border:0;transform-origin:top left;background:transparent}.add-page{display:block;margin:0 auto;color:#718379;border:1px dashed #b7c6bc;background:transparent;min-width:220px;font-size:13px}dialog{border:1px solid #dbe3dd;border-radius:16px;padding:24px;box-shadow:0 24px 100px #17332330;width:570px;max-width:calc(100vw - 32px);color:#2d4235}dialog::backdrop{background:#20372c30;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.dialog-heading button{border:0;background:transparent;font-size:20px;padding:0 5px;color:#7c8d82}h2{font-size:18px;letter-spacing:.01em;margin:0}p{margin:6px 0}.dialog-heading p,.hint{font-size:12px;color:#7c8d82}.patterns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pattern{text-align:left;padding:14px;display:flex;flex-direction:column;gap:4px}.pattern small{font-size:11px;color:#819087}.pattern-preview{height:62px;border:1px solid #e1e7e2;width:100%;margin-bottom:8px;padding:10px 14px;background:#fff;display:flex;gap:8px;position:relative}.pattern-preview:before{content:'';width:3px;background:#e7adc3;position:absolute;left:6px;top:10px;bottom:10px;border-radius:2px}.pattern-preview i{display:block;height:4px;background:#dbe2dd;margin:4px 0;width:100%}.pattern-preview .lines{flex:1}.pattern-preview .picture{width:40%;background:#edf3ef;border:1px solid #d7e4dc;display:grid;place-items:center;font-size:18px;color:#94b09f}.pattern-preview .grid{width:100%;background:repeating-linear-gradient(0deg,transparent,transparent 10px,#dce5df 10px,#dce5df 11px),repeating-linear-gradient(90deg,transparent,transparent 48px,#dce5df 48px,#dce5df 49px);border:1px solid #dce5df}.pattern-preview.code{background:#f1f3f1}.pattern-preview.title{align-items:center;font-size:21px;font-weight:600;color:#9aa99f}.pattern-preview.title:before{display:none}#file-menu,#block-menu{width:330px}.menu-options{display:flex;flex-direction:column;gap:3px}.menu-options button{text-align:left;border:0;background:transparent;padding:10px 12px}.menu-options button:hover{background:#edf4ef}.menu-options small{float:right;color:#8b978f;font-size:11px}.menu-options .danger{color:#a14d46}.menu-options hr{border:0;border-top:1px solid #e4eae6;width:100%;margin:6px 0}.hint{margin-top:16px}@media(max-width:650px){.toolbar{padding:0 12px;gap:5px;height:64px}#save-state{display:none}#title{margin-right:auto;max-width:40vw}.toolbar button{padding:7px 9px}main{padding:20px 10px}.canvas-intro{font-size:11px}.patterns{gap:8px}.pattern{padding:10px}}

.size-fields{display:flex;gap:12px}.table-size{padding:10px 12px}.table-size label{flex:1;font-size:12px}.table-size input,#link-url{width:100%;display:block;border:1px solid #cbd8ce;border-radius:6px;padding:8px;margin:5px 0 10px;font:inherit}.table-size button{width:100%;background:#edf4ef}.link-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}#link-label{font-size:13px;color:#738579;margin-bottom:16px;overflow-wrap:anywhere}#link-error{font-size:12px;color:#a34135}