@font-face{font-family:Heebo;src:url('/assets/fonts/Heebo.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Noto Serif Hebrew';src:url('/assets/fonts/NotoSerifHebrew.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Guttman Stam';src:url('/assets/fonts/STAM.TTF') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--ink:#263e38;--muted:#68716a;--accent:#b75335;--accent-dark:#984329;--paper:#fffefa;--line:#e4e3d9;--tint:#f3f3ec;--green:#31574b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f7f5ef;color:var(--ink);font-family:Heebo,'Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,label,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit}[hidden]{display:none!important}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b7533580;outline-offset:4px}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.wrap{max-width:1184px;margin:auto;padding:0 32px 24px}.top{min-height:108px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:43px;height:46px;background:var(--accent);color:#fffaf3;border-radius:12px 12px 5px 12px;transform:rotate(-5deg)}.brand-mark .icon{width:25px;height:25px;transform:rotate(5deg)}.brand b{display:block;font-family:Heebo,Arial,sans-serif;font-size:19px;letter-spacing:2px;font-weight:800;line-height:1.3}.brand small{display:block;margin-top:2px;font-size:11px;color:var(--muted);letter-spacing:.1px}.top-meta{display:flex;align-items:center;gap:28px;font-size:13px}.help-link{text-decoration:none;border-bottom:1px solid transparent}.help-link:hover{border-color:var(--ink)}.privacy-pill{display:flex;align-items:center;gap:8px;border:1px solid #dce1d5;border-radius:30px;padding:7px 12px;color:#4b6455;background:#f1f3e9}.privacy-pill>span,.kicker>span{width:6px;height:6px;border-radius:50%;background:#6a8765}
.hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-areas:'intro panel' 'support panel';gap:28px 58px;align-items:start;padding:48px 0 30px}.intro{grid-area:intro;padding:18px 0 0}.kicker{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--accent);margin-bottom:19px}.kicker>span{background:var(--accent)}.intro h1{font-size:clamp(44px,5.7vw,65px);font-weight:800;line-height:1.19;letter-spacing:-1.5px;margin:0 0 22px}.intro h1 span{color:var(--accent)}.intro-copy{font-size:17px;line-height:1.9;color:var(--muted);margin:0;max-width:420px}.book-art{position:relative;max-width:420px;margin:12px auto 4px}.book-art svg{display:block;width:100%;height:auto}.art-caption{display:block;text-align:center;font-size:11px;letter-spacing:.4px;color:#858979;margin-top:-7px}.steps{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:21px;margin-top:24px}.step{font-size:12px;white-space:nowrap;color:#5d685f}.step b{font-size:11px;font-weight:600;display:block;color:var(--accent);letter-spacing:1px;margin-bottom:4px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:20px}.panel{grid-area:panel;padding:28px;box-shadow:0 8px 36px #36432d07,0 2px 4px #36432d03}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.4px;color:var(--muted);display:block;margin-bottom:3px}.panel h2{font-size:25px;line-height:1.4;font-weight:700;margin:0}.a4-tag{font-size:13px;font-weight:700;border:1px solid var(--line);border-radius:8px;padding:5px 10px;text-align:center}.a4-tag span{display:block;font-size:10px;font-weight:400;color:var(--muted)}fieldset{border:0;padding:0;margin:0;min-width:0}.field{margin:11px 0}.field label{display:block;font-size:13px;font-weight:500;margin-bottom:6px}.drop{position:relative;border:1px dashed #c9cbbb;border-radius:13px;background:#f5f6ef;text-align:center;padding:20px 16px 12px;transition:background .18s,border-color .18s}.drop:hover{background:#f0f2e7;border-color:#879a7b}.drop:focus-within{outline:3px solid #b7533580;outline-offset:4px}.drop .upload-pick{display:flex;align-items:center;flex-direction:column;gap:4px;cursor:pointer;margin:0}.upload-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#e5eadb;color:#627956;margin-bottom:5px}.upload-icon .icon{width:21px;height:21px}.upload-pick strong{font-size:16px;font-weight:600}.upload-hint{font-size:12px;color:var(--muted)}.file-button{margin-top:10px;display:flex;align-items:center;gap:20px;padding:7px 14px;background:var(--paper);border:1px solid #d7dccd;border-radius:7px;font-size:12px;box-shadow:0 2px 3px #263e3805}.file-button>span{font-size:17px;color:#78906b}.file-name{font-size:11px;color:var(--muted);margin-top:9px;overflow-wrap:anywhere}.section-label{display:flex;gap:12px;align-items:center;font-size:11px;font-weight:600;color:#899084;margin:23px 0 4px}.section-label:after{content:'';height:1px;background:var(--line);flex:1}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}select,input[type=number]{width:100%;min-width:0;border:1px solid #dedfd4;border-radius:8px;padding:9px 10px;background:var(--paper);color:var(--ink);font-size:13px;min-height:42px;transition:border-color .16s,box-shadow .16s}select:hover,input[type=number]:hover{border-color:#abb69e}input[type=number]{font-variant-numeric:tabular-nums}.note{font-size:11px;color:var(--muted);line-height:1.75;margin-top:6px}.gap-field{display:grid;grid-template-columns:1fr 86px;align-items:center;gap:0 12px}.gap-field label{margin:0}.gap-field label span{color:var(--muted);font-size:11px}.gap-field .note{grid-column:1/-1}.field .check,.check{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.7;font-weight:500;cursor:pointer}.check input{accent-color:var(--green);width:16px;height:16px;flex-shrink:0;margin:3px 0 0}.marks-option{border:1px solid #e4e6db;border-radius:9px;padding:11px 13px;background:#f7f8f1;margin:16px 0}.marks-option .check{font-size:13px;margin:0}.marks-option .note{padding-inline-start:25px;font-size:10px;line-height:1.8}.blank-option{margin:20px 0 0;font-weight:400}
button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:1px solid transparent;border-radius:10px;padding:12px 16px;background:var(--accent);color:white;font-weight:600;font-size:14px;line-height:1.5;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}button:hover:not(:disabled){background:var(--accent-dark);box-shadow:0 3px 8px #98432918}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.48;cursor:not-allowed}#go{justify-content:space-between;margin-top:23px;min-height:49px;padding:13px 19px}#go .icon{width:20px}.secondary{background:transparent;border:1px solid #d4d9cc;color:var(--ink);font-size:13px}.secondary:hover:not(:disabled){background:#edf0e5;box-shadow:none;border-color:#a8b69d}.status{font-size:12px;color:var(--green);line-height:1.7;margin-top:10px;overflow-wrap:anywhere}.status:empty{display:none}.privacy-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#7e857b;margin-top:15px;line-height:1.6}.privacy-note .icon{width:12px;height:12px}.result{margin-top:20px;padding:18px;border-radius:12px;background:#eef4eb;border:1px solid #d0dfcb;font-size:13px;line-height:1.8}.result a{display:block;background:#31574b;color:white;border-radius:8px;padding:11px;text-align:center;text-decoration:none;font-size:14px;font-weight:600}.result a:hover{background:#26493e}.result p{margin:12px 0}.result p:last-child{margin-bottom:0}.result pre{font:500 19px/1.9 Heebo,Arial,sans-serif;text-align:center;border:1px solid #d4dfcd;padding:10px;background:#ffffff80;border-radius:8px}
.support{grid-area:support;display:grid;gap:18px}.guide{scroll-margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;font-size:13px}.guide p{color:var(--muted);line-height:1.9}.guide summary{display:flex;align-items:center;gap:10px;list-style:none}.guide summary::-webkit-details-marker{display:none}.guide summary:after{content:'+';font-size:20px;font-weight:400;margin-inline-start:auto;color:#858f7a}.guide[open] summary:after{content:'−'}.guide .icon{width:18px;height:18px;color:#7e8e72}summary{cursor:pointer;font-weight:500}details p{line-height:1.8}.printer-test{padding:23px;background:#f2f3eb}.support-heading{display:flex;align-items:center;gap:13px}.support-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #dde2d1;background:#e9eddc;border-radius:11px;color:#667b53}.printer-test h2{margin:0;font-size:20px;font-weight:600}.printer-test p{font-size:12px;color:var(--muted);margin:13px 0;line-height:1.85}.printer-test .note{font-size:10px;margin-top:0}.printer-test button{justify-content:space-between;font-size:12px;margin-top:14px}.printer-test .icon{width:19px;height:19px}.printer-test ol{padding-inline-start:19px}.printer-test li{margin-bottom:10px}.printer-test details{font-size:12px}.printer-test .result{padding:14px;font-size:12px}.printer-test .result a{font-size:12px}
.preview{margin:26px 0 32px;padding:32px;box-shadow:0 6px 30px #36432d05}.preview h2{font-size:28px;font-weight:600;margin:0 0 9px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin:24px 0 12px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.inline-label{display:block;margin-bottom:7px;font-size:11px;color:var(--muted)}.sheet-navigation{display:flex;align-items:center;gap:8px}.sheet-navigation button,.sheet-navigation select{width:auto;margin:0;padding:8px 12px;font-size:12px;min-height:38px}.sheet-navigation select{max-width:140px}.preview .note{font-size:12px}#previewCount{font-size:12px;color:var(--muted);margin:18px 0 12px}.preview-sides{display:grid;grid-template-columns:1fr 1fr;gap:22px}.side-card{margin:0;min-width:0;padding:16px;border:1px solid var(--line);border-radius:13px;background:#f3f3ec}.side-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;font-size:13px;font-weight:600}.side-heading>span{display:flex;align-items:center;gap:7px}.side-heading i{display:block;width:6px;height:6px;border-radius:50%;background:#a9b49b}.side-card:first-child .side-heading i{background:var(--accent)}.side-heading button{width:auto;margin:0;padding:6px 11px;font-size:12px}.sheet-image{position:relative;background:white;box-shadow:0 3px 12px #263e3814;min-height:60px;direction:ltr}.sheet-image canvas{display:block;width:100%;height:auto}.page-labels{position:absolute;inset:0;display:none;pointer-events:none}.show-labels .page-labels{display:block}.page-badge{position:absolute;transform:translate(-50%,-50%);font:600 12px/1 Heebo,Arial,sans-serif;padding:5px 7px;border-radius:5px;color:white;background:#31574be8;box-shadow:0 1px 4px #0002;pointer-events:auto;direction:rtl}.blank-badge{color:#68716a;background:#f1f3eceb;border:1px dashed #9ea994}.preview[aria-busy=true] .sheet-image:empty:before{content:'טוען…';display:block;padding:30px;text-align:center;color:var(--muted)}#retryPreview{margin-top:12px}.zoom-dialog{width:min(1050px,95vw);max-height:92vh;border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--paper);color:var(--ink)}.zoom-dialog::backdrop{background:#1d302acc;backdrop-filter:blur(3px)}.zoom-dialog .side-heading{position:sticky;top:-20px;padding:12px 0;background:var(--paper);z-index:2}.zoom-dialog h3{margin:0;font-size:17px}.zoom-dialog .page-badge{font-size:16px}.footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:26px;padding-top:24px;border-top:1px solid var(--line);color:#7d8578;font-size:11px}.footer>span:first-child{display:flex;align-items:center;gap:8px}.footer .icon{width:16px;height:16px}.footer-divider{color:#b5bbaa;padding:0 5px}#release{white-space:nowrap}
@media(max-width:1000px){.hero{gap:24px 32px}.panel{padding:24px}.intro h1{font-size:53px}.intro-copy{font-size:15px}.steps{gap:7px}.step{font-size:10px}.a4-tag{padding:4px 6px}.panel h2{font-size:23px}.top-meta{gap:18px}.row{gap:12px}}
@media(max-width:760px){.wrap{padding:0 20px 22px}.top{min-height:86px}.brand-mark{width:36px;height:40px;border-radius:10px}.brand b{font-size:16px;letter-spacing:1.5px}.brand small{font-size:10px}.brand{gap:9px}.help-link{font-size:12px}.privacy-pill{display:none}.hero{grid-template-columns:minmax(0,1fr);grid-template-areas:'intro' 'panel' 'support';padding:26px 0 16px;gap:26px}.intro{padding:0}.kicker{font-size:11px;margin-bottom:12px}.intro h1{font-size:46px;line-height:1.2;letter-spacing:-1px;margin-bottom:15px}.intro-copy{font-size:14px;line-height:1.85}.book-art{display:none}.steps{margin-top:20px;padding-top:15px}.step{font-size:11px}.step b{font-size:10px}.panel{padding:22px;border-radius:17px}.panel-heading{margin-bottom:17px}.drop{padding:17px 12px 10px}.row{gap:12px}.field label{font-size:12px}select,input[type=number]{font-size:14px;min-height:44px}.panel h2{font-size:24px}.privacy-note{font-size:9px}.printer-test{padding:22px}.preview{padding:20px;margin-top:16px}.preview h2{font-size:23px}.preview-toolbar{align-items:start;padding:16px 0;gap:16px}.preview-sides{grid-template-columns:1fr;gap:18px}.side-card{padding:12px}.sheet-navigation{gap:6px}.sheet-navigation button{padding:8px 12px}.zoom-dialog{padding:12px}.zoom-dialog .side-heading{top:-12px}.footer{font-size:10px;align-items:start}.footer>span:first-child{flex-wrap:wrap;gap:6px}.footer-divider{display:none}.footer .icon{display:none}.footer>span:first-child{max-width:220px}.support{gap:20px}.guide{padding:16px 0}.guide summary{font-size:12px}}
@media(max-width:380px){.wrap{padding-inline:14px}.panel{padding:17px}.intro h1{font-size:42px}.top-meta{gap:0}.a4-tag{font-size:11px}.a4-tag span{font-size:9px}.row{gap:10px}.steps{gap:6px}.step{font-size:10px}#go{padding:13px 12px;font-size:13px}.preview{padding:15px}}
.section-label,.art-caption,.privacy-note,.footer{color:#6c7667}
@media(max-width:760px){select,input[type=number]{font-size:16px}}
@media(max-width:380px){.row{grid-template-columns:minmax(0,1fr)}.row .field{margin:8px 0}}
/* STAM's legacy ccmp rules insert a dotted circle for the pointed final nun.
   Keep the original characters and mark positioning, bypass that substitution. */
.brand b,.site-name{font-family:'Guttman Stam','Noto Serif Hebrew','Times New Roman',serif;font-weight:400;font-synthesis:none;font-feature-settings:'ccmp' 0;letter-spacing:0;line-height:1.8;white-space:nowrap}.brand b{font-size:27px}.site-name{font-size:15px}
@media(max-width:760px){.brand b{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}