@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}}.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);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 10px;font-family:Georgia,serif;font-size:24px;font-weight:400;line-height:1.2}.sheet-instruction{margin:0 0 18px;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}.word-bank{overflow-wrap:anywhere;border:1px solid #666;margin-bottom:20px;padding:10px;font-size:10px;line-height:1.8}.question-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;gap:18px 7%;display:grid}.question{break-inside:avoid;gap:9px;min-width:0;min-height:60px;display:flex}.question-number{color:#555;padding-top:4px;font-size:10px}.question-body{flex:1;min-width:0}.scrambled{letter-spacing:.8px;white-space:nowrap;font-family:Courier New,monospace;font-size:clamp(11px,1.4vw,18px);font-weight:700;display:block}.answer-line{border-bottom:1px solid #555;width:100%;height:1px;margin-top:23px;display:block}.solution{overflow-wrap:anywhere;margin-top:12px;font-size:12px;font-weight:700;display:block}.sheet-footer{border-top:1px solid #888;justify-content:space-between;gap:8px;margin-top:28px;padding-top:10px;font-size:8px;display:flex}.answer-sheet .scrambled{color:#555;font-weight:400}.answer-sheet .question{min-height:64px}@media (width<=760px){.pages{padding:12px}.sheet{padding:7%}.scrambled{letter-spacing:.5px;font-size:15px}.question-grid{grid-template-columns:1fr;grid-auto-flow:row;gap:20px;grid-template-rows:none!important}.sheet-title{font-size:24px}.question{min-height:52px}.sheet-footer{font-size:7px}.sheet-kind{max-width:90px}}@media print{html,body{color:#000!important;background:#fff!important;margin:0!important;padding:0!important}body *{visibility:hidden}#app,.workspace,.studio,.preview-panel,.pages,.pages *{visibility:visible}#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;position:relative;overflow:visible;width:var(--paper-width)!important;height:var(--paper-height)!important;max-width:none!important;box-shadow:none!important;border:0!important;margin:0!important;padding:13mm 14mm!important}.sheet:last-child{break-after:auto}.sheet-head{height:17mm;padding:0 0 3mm}.sheet-logo{width:13mm;height:13mm}.sheet-brand{font-size:11px}.sheet-brand span{font-size:9px}.sheet-kind{max-width:none;font-size:11px}.sheet-title{margin:5mm 0 2mm;font-size:24px;line-height:1.2}.sheet-instruction{margin:0 0 4mm;font-size:11px;line-height:1.4}.identity{margin:4mm 0 5mm;font-size:11px;display:flex}.word-bank{margin-bottom:5mm;padding:3mm;font-size:10px;line-height:1.6}.question-grid{gap:0 10mm;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:column!important;display:grid!important}.question{gap:3mm;min-height:27mm!important}.scrambled{letter-spacing:1px;line-height:1.3;font-size:18px!important}.answer-line{margin-top:6mm}.solution{margin-top:4mm;font-size:15px}.sheet-footer{margin:0;padding-top:3mm;font-size:9px;position:absolute;bottom:10mm;left:14mm;right:14mm}.pages[data-orientation=landscape] .sheet{padding-top:10mm!important;padding-bottom:10mm!important}.pages[data-orientation=landscape] .sheet-title{margin-top:3mm}.pages[data-orientation=landscape] .sheet-head{height:15mm}.pages[data-orientation=landscape] .sheet-instruction{margin-bottom:2mm}.pages[data-orientation=landscape] .identity{margin:3mm 0}.pages[data-orientation=landscape] .word-bank{margin-bottom:3mm;padding:2mm}.pages[data-orientation=landscape] .question{min-height:17mm!important}.pages[data-orientation=landscape] .answer-line{margin-top:3mm}.pages[data-orientation=landscape] .solution{margin-top:2mm}.pages[data-orientation=landscape] .sheet-footer{bottom:8mm}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}}