@font-face{font-family:Marelle;src:url('Marelle-Regular.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}
body{margin:0;background:#f7f7f2;color:#253b38;font-family:Arial,sans-serif;font-size:14px}
button,input,select,textarea{font:inherit}
button,label.textbtn,summary{cursor:pointer}
button{transition:background .15s}
button:hover{filter:brightness(.96)}
header{height:88px;border-bottom:1px solid #e3e7df;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#fffef9}
.brand{color:#25443c;text-decoration:none;display:flex;gap:12px;align-items:center;font-size:18px;font-weight:bold}
.brandmark{background:#dce7b4;border-radius:12px 12px 12px 3px;width:43px;height:43px;display:grid;place-items:center;font-family:Georgia,serif;font-size:26px}
.brand small{display:block;font-size:9px;letter-spacing:1.7px;margin-top:6px;color:#748078}
.headernote{font-family:Georgia,serif;font-style:italic;color:#7e877b}main{max-width:1550px;margin:auto;padding:40px 5vw 20px}
.intro{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:32px}
.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;color:#657869}h1{font-family:Georgia,serif;font-size:clamp(30px,3vw,43px);font-weight:normal;letter-spacing:-1.1px;margin:10px 0 12px}h1 span{color:#ed986b}
.intro p{margin:0;color:#748079;line-height:1.5}
.primary{background:#284d42;color:#fff;border:0;padding:15px 22px;border-radius:8px;font-weight:bold;white-space:nowrap;box-shadow:0 3px 5px #25443c18}
.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:26px;align-items:start}aside{background:#fffefb;border:1px solid #dfe4da;border-radius:13px;overflow:hidden}
.tabs{display:flex;border-bottom:1px solid #dfe4da;background:#f6f7f0}
.tabs button{flex:1;border:0;background:none;padding:19px 8px;color:#7b8478;font-size:12px;font-weight:bold;border-bottom:3px solid transparent}
.tabs button[aria-selected=true]{background:#fffefb;border-color:#4d7051;color:#294b3f}.tabs span{font-size:10px;padding:3px 6px;background:#edf0e2;border-radius:5px}
.panel{padding:22px}.panelheading{display:flex;align-items:center;justify-content:space-between}h2{font-family:Georgia,serif;font-size:23px;font-weight:normal;margin:0 0 15px}
.panelheading h2{margin:0}
.smallbtn,.secondary{border:1px solid #dce2d4;color:#3e5d49;background:#f3f5e9;border-radius:6px;padding:8px 10px;font-size:12px;font-weight:bold}
.hint{font-size:11px;color:#7b847a;line-height:1.6}
.cardlist{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:237px;overflow:auto;margin:17px 0}
.mini{border:1px solid #e0e5da;border-radius:7px;background:white;min-width:0;height:64px;position:relative;padding:7px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.mini.active{border:2px solid #567953;background:#f3f6e8}
.mini img{height:25px;width:38px;object-fit:contain}
.mini .mininame{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90%}
.minidot{position:absolute;top:6px;left:6px;width:6px;height:6px;border-radius:50%}
.editor{background:#f6f7f1;border:1px solid #e4e7dc;border-radius:9px;padding:14px}
.editorhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:10px;color:#6a7969;letter-spacing:.8px;font-weight:bold}
.iconbtn{background:none;border:0;color:#8a6860;font-size:15px;padding:4px}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{display:block;font-size:12px;color:#4c5f52;margin-bottom:15px;line-height:1.5}input:not([type=checkbox]):not([type=range]):not([type=color]),select,textarea{display:block;width:100%;border:1px solid #dce1d4;background:#fff;border-radius:6px;color:#263b31;padding:10px;margin-top:5px;min-width:0}input[type=file]{font-size:11px}input:focus,select:focus,textarea:focus,button:focus-visible,summary:focus-visible{outline:2px solid #96ac67;outline-offset:2px}input[type=range]{width:100%;accent-color:#567953;display:block;margin-top:12px}output{float:right;font-size:11px;color:#7a856e}.imageupload{border:1px dashed #b8c5ad;border-radius:7px;display:flex;align-items:center;gap:12px;padding:10px;cursor:pointer;background:#fff}.imageupload img{width:44px;height:43px;object-fit:contain}.imageupload strong{display:block;font-size:11px}.imageupload small{font-size:10px;color:#86917f}.imageupload input{display:none!important}.imagecontrols{display:flex;justify-content:flex-end}.textbtn{border:0;background:none;color:#657d55;font-size:11px;padding:9px 0;text-decoration:underline;text-underline-offset:3px}.fileactions{display:flex;gap:17px;margin-top:14px}.fileactions label{margin:0}details{border-top:1px solid #e4e7dc;margin-top:18px;padding-top:16px}summary{font-size:12px;color:#4d6552;font-weight:bold}.importwords textarea{font-size:12px;resize:vertical;margin-bottom:8px}.savehint{font-size:10px;margin-bottom:0}.check{display:flex;align-items:center;gap:8px}.check input{accent-color:#567953}.advanced{padding-top:10px}h3{font-size:12px}#colors{display:grid;grid-template-columns:1fr 1fr;gap:4px}#colors label{display:flex;align-items:center;gap:8px}input[type=color]{width:31px;height:27px;border:1px solid #dce1d4;background:#fff;border-radius:4px;padding:2px;vertical-align:middle}.preview{border:1px solid #dfe4da;border-radius:13px;background:#edf0e9;overflow:hidden}.previewbar{height:55px;background:#f9faf4;border-bottom:1px solid #dfe4da;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:9px;letter-spacing:.7px;color:#7b8777}.previewbar>div{font-weight:bold;color:#53674d}.liveDot{display:inline-block;width:6px;height:6px;background:#78985b;border-radius:50%;margin-right:7px}.previewscroll{padding:27px;max-height:920px;overflow:auto}#pages{display:flex;flex-direction:column;align-items:center;gap:24px}.sheetwrap{position:relative;flex:none}.sheet{width:210mm;height:297mm;padding:8mm;background:#fff;color:#000;box-shadow:0 3px 15px #304b3217;transform-origin:top left;display:grid}.vcard{position:relative;border-right:1px dashed #999;border-bottom:1px dashed #999;overflow:hidden;display:flex;flex-direction:column;padding:3mm 1.7mm 2mm;cursor:pointer;min-width:0;min-height:0}.vcard.top{border-top:1px dashed #999}.vcard.left{border-left:1px dashed #999}.sheet.noCuts .vcard{border-color:transparent}.categorydot{position:absolute;top:2.3mm;left:2.3mm;width:5mm;height:5mm;border-radius:100%;z-index:2;print-color-adjust:exact;-webkit-print-color-adjust:exact}.illustration{display:flex;align-items:center;justify-content:center;min-height:0;flex:none;padding:0 2mm 1mm}.illustration img{width:100%;height:100%;object-fit:contain}.emptyimage{color:#d5dad1;font-size:10px;font-family:Arial}.wordarea{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-around;padding:0 1mm}.wordline{display:flex;gap:3mm;align-items:center;justify-content:center;white-space:nowrap;min-height:0;flex:1;line-height:1.5}.wordline span{display:block}.capital{font-family:Arial,sans-serif;font-weight:bold}.script{font-family:Arial,sans-serif;font-weight:normal}.cursive{font-family:Marelle,cursive;font-weight:normal;font-feature-settings:'calt' 1,'liga' 1}.previewfooter{padding:14px 22px;display:flex;justify-content:space-between;font-size:10px;color:#7d8875;border-top:1px solid #dce2d4}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:25px;color:#90968b;font-size:10px;line-height:1.5}footer p{margin:0}footer a{color:inherit}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#284d42;color:white;border-radius:8px;padding:12px 20px;z-index:20;display:none;max-width:90%;font-size:13px}[hidden]{display:none!important}@media(min-width:1500px){.previewscroll{max-height:1050px}}@media(max-width:950px){main{padding:25px 20px}.workspace{grid-template-columns:320px minmax(0,1fr);gap:16px}.panel{padding:16px}.previewscroll{padding:15px}.previewbar{padding:0 12px;letter-spacing:0;font-size:8px}.headernote{display:none}}@media(max-width:720px){header{height:73px;padding:0 20px}.intro{align-items:flex-start;flex-direction:column}.intro h1{font-size:33px}.workspace{display:flex;flex-direction:column}aside,.preview{width:100%}.cardlist{grid-template-columns:repeat(5,1fr);max-height:150px}.previewscroll{max-height:none}.previewbar{font-size:9px}footer{display:block}footer p{margin-bottom:7px}}@page{size:A4 portrait;margin:0}@media print{html,body{margin:0!important;padding:0!important;background:white!important}header,.intro,aside,footer,.previewbar,.previewfooter,#toast{display:none!important}main,.workspace,.preview,.previewscroll,#pages{display:block!important;margin:0!important;padding:0!important;max-width:none!important;max-height:none!important;overflow:visible!important;border:0!important;border-radius:0!important;background:white!important}.sheetwrap{width:210mm!important;height:297mm!important;margin:0!important;break-after:page;page-break-after:always}.sheetwrap:last-child{break-after:auto;page-break-after:auto}.sheet{transform:none!important;box-shadow:none!important;page-break-inside:avoid;break-inside:avoid}.vcard{cursor:default}.emptyimage{display:none}.sheet img{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.wordarea {
	padding-bottom: 5mm;
}
.illustration {
	padding-top: 6mm;
}