@font-face{font-family:system-ui;src:local(Segoe UI)}*{box-sizing:border-box}:root{color:#243f35;font-synthesis:none;--green:#17634c;--muted:#6f7a72;--border:#dcdfd4;background:#f7f6f0;font-family:Segoe UI,Arial,sans-serif}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #c58a27}[hidden]{display:none!important}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;max-width:1440px;height:92px;margin:auto;padding:0 5%;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:12px;font-size:17px;text-decoration:none;display:flex}.brand img{object-fit:contain}.brand b{font-weight:500}.brand small{color:var(--muted);letter-spacing:.7px;margin-top:3px;font-size:10px;display:block}.site-header nav{align-items:center;gap:30px;display:flex}.home{font-size:14px;font-weight:600;text-decoration:none}.home span{vertical-align:-1px;margin-right:5px;font-size:22px}.language-label select{background:0 0;border-radius:7px;min-width:104px;padding:9px 30px 9px 12px}.workspace{max-width:1440px;margin:auto;padding:0 5%}.intro{justify-content:space-between;align-items:center;gap:24px;padding:46px 0 40px;display:flex}.eyebrow{letter-spacing:2.1px;color:var(--green);margin:0 0 16px;font-size:10px;font-weight:700}.dot{background:#d8a34c;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}h1{letter-spacing:-1.9px;margin:0 0 19px;font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,4vw,56px);font-weight:400;line-height:1.08}h2{margin:0;font-size:19px;font-weight:600}.intro-text{max-width:410px;color:var(--muted);margin:0;font-size:14px;line-height:1.7}.letter-art{flex-shrink:0;width:320px;height:190px;margin-right:7%;position:relative}.tile{border:1px solid #e5decb;border-radius:12px;place-items:center;width:94px;height:108px;font-family:Georgia,serif;font-size:64px;display:grid;position:absolute;box-shadow:0 8px #cec6b54d,0 12px 25px #173d3212}.tile-a{background:#f4ead4;top:40px;left:20px;transform:rotate(-13deg)}.tile-b{color:#fff8e8;background:#17634c;border-color:#17634c;top:17px;left:108px;transform:rotate(7deg)}.tile-c{background:#ecc77f;top:52px;left:196px;transform:rotate(16deg)}.art-spark{color:#ce9e4b;font-size:34px;position:absolute;top:0;right:0}.art-caption{color:#8f9a90;letter-spacing:2px;font:italic 18px Georgia,serif;position:absolute;bottom:-4px;left:110px}.studio{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:30px;padding-bottom:48px;display:grid}.settings{border:1px solid var(--border);background:#fffefa;border-radius:12px;padding:25px}.panel-heading{align-items:center;gap:12px;margin-bottom:26px;display:flex}.step{color:#9caa9e;align-self:flex-start;margin-top:3px;font:italic 21px Georgia,serif}.panel-heading h2{letter-spacing:-.5px;font-size:19px}.panel-heading p{color:var(--muted);margin:5px 0 0;font-size:11px}label{margin:16px 0 7px;font-size:12px;font-weight:600;display:block}input:not([type=checkbox]):not([type=file]),select,textarea{color:#243f35;background:#fffefa;border:1px solid #d4d9d0;border-radius:6px;width:100%;min-height:42px;padding:11px 12px}select{padding-right:8px}textarea{resize:vertical;font-size:13px;line-height:1.5}input::placeholder,textarea::placeholder{color:#8e978f;font-size:12px}.count-row{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.count-row label{margin:0}.count-row input{width:80px!important}.hint{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.6}.field-pair{grid-template-columns:1fr 1fr;gap:12px;min-width:0;display:grid}.field-pair>div{min-width:0}.extras{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.extras summary{cursor:pointer;font-size:12px;font-weight:700}.extras .check{font-weight:400}.check{align-items:center;gap:8px;font-size:12px;line-height:1.5;display:flex}.check input{accent-color:var(--green);flex-shrink:0;width:15px;height:15px}.primary,.dark,.secondary{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:12px 15px;font-size:11px;font-weight:600;display:flex}.primary{background:var(--green);color:#fff;justify-content:space-between;width:100%;margin-top:22px}.primary:hover{background:#124b3a}.primary span{font-size:18px}.dark{color:#fffefa;background:#243f35}.secondary{color:#40564a;background:0 0;border-color:#cdd4ca}.secondary:hover{background:#eef0e7}.status{color:var(--green);min-height:18px;margin:10px 0;font-size:12px;line-height:1.6}.error{color:#a14232}.save-box{border-top:1px solid var(--border);padding-top:2px}.text-actions{justify-content:space-between;gap:10px;margin-top:15px;display:flex}.text-actions button,.site-footer button{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:10px;text-decoration:underline}.file-label{border:1px solid var(--border);cursor:pointer;background:#edf1e9;border-radius:5px;margin-top:8px;padding:8px 12px;font-size:11px;display:inline-block}.file-input{width:100%;margin-top:3px;font-size:10px;display:block}.review{overflow-wrap:anywhere;margin-top:12px;font-size:11px;line-height:1.6}.review summary{cursor:pointer;font-weight:600}.review summary span{color:var(--muted);font-weight:400;display:block}.review strong{margin-top:12px;display:block}.review ul{color:#a14232;max-height:240px;padding-left:18px;overflow:auto}.csv-tag{color:var(--green);font-size:10px}.preview-panel{min-width:0}.preview-toolbar{justify-content:space-between;align-items:center;gap:15px;min-height:60px;margin:0 0 14px;display:flex}.preview-toolbar .eyebrow{margin:0 0 4px}.preview-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.empty{text-align:center;background:#eeefe7;border:1px dashed #ccd3c7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:560px;padding:40px;display:flex}.empty h2{letter-spacing:-.6px;margin:24px 0 12px;font-family:Georgia,serif;font-size:27px;font-weight:400}.empty p{max-width:300px;color:var(--muted);margin:0;font-size:13px;line-height:1.8}.mini-tiles{align-items:center;gap:6px;height:72px;display:flex}.mini-tiles span{background:#fffefa;border:1px solid #d8ddd2;border-radius:7px;place-items:center;width:61px;height:70px;font:42px Georgia,serif;display:grid;transform:rotate(-12deg);box-shadow:0 4px #dce0d4}.mini-tiles span+span{background:#e9c989;transform:rotate(11deg)}.empty-note{color:#929c90;margin-top:38px;font:italic 12px Georgia,serif}.print-hint{color:var(--muted);margin:15px 0;font-size:10px;line-height:1.7}.site-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:18px;padding:22px 5%;font-size:10px;display:flex}.site-footer>div{align-items:center;gap:12px;display:flex}.site-footer a{text-decoration:none}.offline{font-size:10px}.offline.is-ready{color:var(--green)}.is-ready:before{content:"● ";font-size:8px}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=1500px){.studio{grid-template-columns:340px minmax(0,1fr)}}@media (width<=1050px){.studio{grid-template-columns:280px minmax(0,1fr);gap:20px}.settings{padding:20px}.letter-art{margin-right:0;transform:scale(.88)}.preview-toolbar{flex-direction:column;align-items:flex-start;gap:8px}.preview-actions{justify-content:flex-start}.workspace,.site-header{padding-left:4%;padding-right:4%}}@media (width<=760px){.site-header{height:78px}.site-header nav{gap:14px}.brand{gap:8px;font-size:13px}.brand img{width:32px;height:32px}.brand small{font-size:8px}.home{font-size:12px}.home span{display:none}.language-label select{min-width:84px;min-height:36px;padding:7px 4px;font-size:11px}.intro{padding:34px 0 30px}.letter-art{transform-origin:100%;width:145px;margin-left:-100px;transform:scale(.55)}.intro-text{max-width:300px;font-size:12px}.intro h1{letter-spacing:-1.3px;font-size:39px}.eyebrow{letter-spacing:1.5px;font-size:9px}.studio{grid-template-columns:1fr;gap:30px}.settings{padding:24px}.preview-toolbar{flex-flow:wrap;align-items:center}.preview-actions{gap:6px}.empty{min-height:350px;padding:30px 20px}.site-footer{flex-wrap:wrap;font-size:10px;line-height:1.7}.site-footer>div{flex-wrap:wrap}}@media (width<=400px){.letter-art{display:none}.intro h1{font-size:38px}.site-header nav{gap:8px}.brand small{display:none}.preview-toolbar{gap:8px}.preview-actions button{padding:10px;font-size:10px}.workspace,.site-header{padding:0 16px}}.edit-category{color:#17634c;text-align:left;background:0 0;border:0;border-bottom:1px solid #9aac9d;margin-top:10px;padding:0;font-size:10px;line-height:1.5}.format-example{color:#17634c;overflow-wrap:anywhere;background:#edf1e9;border-radius:5px;padding:9px;font:10px/1.7 Consolas,monospace}.association-art{justify-content:center;align-items:center;gap:4px;max-width:100%;font:17px Georgia,serif;display:flex}.association-art svg{flex:0 66px;width:66px;height:55px}.association-art path{stroke:#79937b;stroke-width:1.5px;fill:none}.association-art b{color:#17634c;font-size:14px}.association-art>span{white-space:nowrap}.review #accepted-pairs{color:#3b5945;max-height:200px;overflow:auto}.settings select{font-size:12px}.sheet-footer .worksheet-promotion a{letter-spacing:0}.pages{--paper-width:210mm;--paper-height:297mm;background:#e8ebe3;border:1px solid #d7ddd2;border-radius:10px;flex-direction:column;align-items:center;gap:25px;padding:22px;display:flex}.sheet{color:#111;width:100%;max-width:var(--paper-width);--draw-width:22%;background:#fff;padding:7%;font-family:Arial,sans-serif;position:relative;box-shadow:0 3px 15px #233a3012}.sheet-head{border-bottom:1px solid #222;align-items:center;gap:10px;padding-bottom:15px;display:flex}.sheet-logo{object-fit:contain;width:40px;height:40px}.sheet-brand{flex-direction:column;gap:3px;font-size:11px;display:flex}.sheet-brand span{font-size:9px}.sheet-kind{text-align:right;margin-left:auto;font-size:10px;font-weight:700}.sheet-title{overflow-wrap:anywhere;margin:20px 0 9px;font:400 25px/1.2 Georgia,serif}.sheet-category{overflow-wrap:anywhere;margin:0 0 8px;font-size:12px;font-weight:700;line-height:1.4}.sheet-instruction{margin:0 0 15px;font-size:11px;line-height:1.6}.identity{flex-wrap:wrap;justify-content:space-between;gap:10px;margin:18px 0 22px;font-size:10px;display:flex}.column-labels{letter-spacing:.5px;justify-content:space-between;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.matching-grid{position:relative}.match-row{grid-template-columns:minmax(0,1fr) var(--draw-width) minmax(0,1fr);break-inside:avoid;align-items:stretch;min-height:62px;display:grid}.left-item,.right-item{z-index:1;align-items:center;gap:8px;min-width:0;padding:9px 0;display:flex;position:relative}.word{overflow-wrap:anywhere;min-width:0;font-size:14px;line-height:1.4}.left-item .word{flex:0 auto}.item-code{color:#555;flex:none;font-size:10px;font-weight:700}.left-item>.item-code{width:18px}.match-dot{background:#111;border:1px solid #111;border-radius:50%;flex:0 0 6px;width:6px;height:6px;display:block}.answer-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.answer-lines path{stroke:#506958;stroke-width:1.2px;fill:none}.answer-summary{color:#333;overflow-wrap:anywhere;margin:12px 0 0;font-size:9px;line-height:1.5}.sheet-footer{border-top:1px solid #888;justify-content:space-between;gap:8px;margin-top:28px;padding-top:10px;font-size:8px;display:flex}.sheet-footer .worksheet-promotion{align-self:end}.answer-sheet .match-row .word{font-size:14px}@media (width<=760px){.pages{padding:12px}.sheet{--draw-width:19%;padding:6%}.sheet-title{font-size:23px}.sheet-kind{max-width:100px}.sheet-brand{font-size:10px}.sheet-logo{width:34px;height:34px}.word,.answer-sheet .match-row .word{font-size:12px;line-height:1.45}.left-item,.right-item{gap:5px}.item-code{font-size:9px}.left-item>.item-code{width:14px}.match-row{min-height:62px}.sheet-footer{font-size:7px}.worksheet-promotion a{font-size:8px}.identity,.column-labels{font-size:9px}}@media print{html,body{color:#000!important;background:#fff!important;margin:0!important;padding:0!important}#app,.workspace,.studio,.preview-panel{border:0!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important}.site-header,.intro,.settings,.preview-toolbar,.empty,.print-hint,.site-footer{display:none!important}.pages{border-radius:0;background:#fff!important;border:0!important;margin:0!important;padding:0!important;display:block!important}.pages[hidden]{display:none!important}.sheet{break-after:page;break-inside:avoid;--draw-width:25%;position:relative;width:var(--paper-width)!important;height:var(--paper-height)!important;max-width:none!important;box-shadow:none!important;margin:0!important;padding:12mm 14mm 24mm!important}.sheet:last-child{break-after:auto}.sheet-head{height:14mm;padding:0 0 3mm}.sheet-logo{width:12mm;height:12mm}.sheet-brand{font-size:11px}.sheet-brand span{font-size:9px}.sheet-kind{max-width:none;font-size:11px}.sheet-title{margin:4mm 0 2mm;font-size:21px;line-height:1.2}.sheet-category{margin:0 0 2mm;font-size:12px;line-height:1.4}.sheet-instruction{margin:0 0 3mm;font-size:11px;line-height:1.4}.identity{margin:3mm 0 4mm;font-size:11px;line-height:1.4}.column-labels{margin:0 0 2mm;font-size:10px}.match-row{min-height:14.5mm}.left-item,.right-item{gap:3mm;padding:1mm 0}.word,.answer-sheet .match-row .word{font-size:13px;line-height:1.35}.left-item>.item-code{width:5mm}.item-code{font-size:10px}.match-dot{flex-basis:1.6mm;width:1.6mm;height:1.6mm}.answer-summary{margin:3mm 0 0;font-size:9px}.answer-lines path{stroke:#444;stroke-width:1px;vector-effect:non-scaling-stroke}.sheet-footer{margin:0;padding-top:3mm;font-size:9px;position:absolute;bottom:9mm;left:14mm;right:14mm}.pages[data-orientation=landscape] .sheet{--draw-width:30%;padding-top:9mm!important;padding-bottom:22mm!important}.pages[data-orientation=landscape] .sheet-head{height:12mm}.pages[data-orientation=landscape] .sheet-title{margin-top:3mm;font-size:20px}.pages[data-orientation=landscape] .identity{margin:2mm 0 3mm}.pages[data-orientation=landscape] .sheet-instruction{margin-bottom:2mm}.pages[data-orientation=landscape] .match-row{min-height:9mm}.pages[data-orientation=landscape] .word,.pages[data-orientation=landscape] .answer-sheet .match-row .word{font-size:12px}.pages[data-orientation=landscape] .sheet-footer{bottom:7mm}.pages[data-orientation=landscape] .answer-summary{margin-top:2mm}a{color:inherit;text-decoration:none}}.intro>div:first-child{flex:1;min-width:0}.header-promotion{background:#edf3e9;border:1px solid #d2dfd2;border-radius:14px;flex:0 420px;min-width:0;padding:22px 24px}.header-promotion>p{color:#243f35;margin:0 0 17px;font-size:18px;font-weight:600;line-height:1.55}.android-download{background:#fffefa;border:1px solid #b8cec0;border-radius:10px;align-items:center;gap:11px;max-width:100%;padding:10px 12px;text-decoration:none;display:inline-flex}.android-download:hover{background:#fff;border-color:#17634c}.android-download>span{min-width:0}.play-store-logo{object-fit:contain;flex:0 0 32px;width:32px;height:32px}.maenhuruf-logo{object-fit:contain;border-radius:10px;flex:0 0 48px;width:48px;height:48px}.android-download strong{font-size:13px;line-height:1.4;display:block}.android-download small{color:#5c6d64;margin-top:3px;font-size:11px;display:block}.download-arrow{color:#17634c;margin-left:2px}.sheet-footer.promotion-footer,.paper-footer.promotion-footer{grid-template-columns:1fr auto;align-items:start;gap:6px 12px;display:grid}.worksheet-promotion,#maenhuruf-footer{grid-column:1/-1;justify-self:end;min-width:0;max-width:100%}.worksheet-promotion a{text-align:left;letter-spacing:0;align-items:center;gap:5px;font-size:10px;line-height:1.5;text-decoration:none;display:flex}.worksheet-promotion .play-store-logo{flex:0 0 16px;width:16px;height:16px}@media (width<=1100px){.header-promotion{flex-basis:370px;padding:20px}.header-promotion>p{font-size:17px}}@media (width<=760px){.intro{flex-direction:column;align-items:stretch;gap:24px}.header-promotion{flex:auto}.header-promotion>p{max-width:42ch}}@media (width<=360px){.header-promotion{padding:16px}.android-download{gap:8px;padding:9px}.play-store-logo{flex-basis:26px;width:26px}.maenhuruf-logo{flex-basis:40px;width:40px;height:40px}.android-download strong{font-size:12px}.download-arrow{display:none}}@media print{.header-promotion{display:none!important}.worksheet-promotion a{color:#222;font-size:7pt;line-height:1.35}.worksheet-promotion .play-store-logo{flex-basis:4mm;width:4mm;height:4mm}.sheet-footer.promotion-footer,.paper-footer.promotion-footer{row-gap:2mm}}