:root{font-family:Manrope,sans-serif;color:#18261f;background:#f5f4ef;font-synthesis:none;--ink: #18261f;--muted: #68746d;--line: #d8dbd4;--green: #245c46;--lime: #d9ed65;--paper: #fffefa}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f4ef}button,input,select{font:inherit}button{color:inherit}.hidden{display:none!important}.site-header{height:76px;padding:0 max(28px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:-.03em;font-size:20px}.brand-mark{width:28px;height:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(-8deg)}.brand-mark i{background:var(--green);border-radius:2px 7px}.brand-mark i:last-child{background:var(--lime);border-radius:7px 2px}.privacy-pill{padding:8px 13px;border:1px solid var(--line);border-radius:30px;font-size:12px;color:#526058;display:flex;align-items:center;gap:8px;background:#ffffff59}.privacy-pill span{width:7px;height:7px;border-radius:50%;background:#64a071;box-shadow:0 0 0 3px #dfeadf}main{max-width:1240px;margin:auto;padding:0 28px}.intro{padding:76px 0 56px;display:grid;grid-template-columns:1fr 430px;align-items:end}.eyebrow{grid-column:1/-1;font-family:DM Mono,monospace;text-transform:uppercase;color:var(--green);font-size:11px;letter-spacing:.15em;margin-bottom:18px}.intro h1{margin:0;font-size:clamp(48px,6.2vw,82px);letter-spacing:-.06em;line-height:.98;font-weight:500}.intro h1 em{color:var(--green);font-style:italic;font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.intro p{margin:0 0 5px;color:var(--muted);line-height:1.75;font-size:15px;max-width:410px}.workspace{border:1px solid #ccd1c9;border-radius:10px;display:grid;grid-template-columns:minmax(430px,.93fr) minmax(460px,1.07fr);background:var(--paper);box-shadow:0 20px 60px #25342c14;overflow:hidden;min-width:0}.controls{padding:8px 36px 34px;min-width:0}.step{padding:30px 0 34px;border-bottom:1px solid var(--line)}.step:last-child{border:0;padding-bottom:5px}.step.disabled{opacity:.42;pointer-events:none}.step-heading{display:flex;gap:15px;align-items:flex-start;margin-bottom:22px}.step-heading>span{font-family:DM Mono;color:var(--green);font-size:11px;border:1px solid #aebcb3;padding:4px 6px;border-radius:3px;margin-top:2px}.step h2{margin:0;font-size:17px;letter-spacing:-.02em}.step-heading p{margin:3px 0 0;font-size:12px;color:#89918c}.dropzone{min-height:145px;border:1px dashed #aab5ad;background:#fafbf7;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.dragging{border-color:var(--green);background:#f1f6eb;transform:translateY(-1px)}.dropzone input{display:none}.upload-icon{width:34px;height:34px;background:#e6efc4;border-radius:50%;display:grid;place-items:center;margin-bottom:10px}.upload-icon svg{width:18px;fill:none;stroke:var(--green);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dropzone strong{font-size:13px}.dropzone small{font-size:11px;color:#929a95;margin-top:4px}.file-chip{border:1px solid #b8c8be;background:#f5f8f2;border-radius:7px;padding:12px;display:flex;align-items:center;gap:12px;max-width:100%;min-width:0;overflow:hidden}.pdf-badge{background:var(--green);color:#fff;border-radius:4px;padding:11px 7px;font:500 9px DM Mono}.file-chip div{min-width:0;width:0;flex:1 1 0;display:flex;flex-direction:column}.file-chip strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.file-chip small{color:var(--muted);font-size:10px;margin-top:3px}.file-chip button{border:0;background:transparent;cursor:pointer;font-size:21px;color:#7d8981}.file-list{display:grid;gap:7px}.add-more{margin-top:9px;border:0;background:transparent;color:var(--green);padding:3px 0;font-size:11px;font-weight:700;cursor:pointer}.add-more:hover{text-decoration:underline}.error{color:#a64235;font-size:12px;margin:10px 0 0}fieldset{border:0;padding:0;margin:22px 0;min-width:0}legend,.range-row>label,.rotate-row>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:8px;color:#5d6b63}.segmented{display:flex;padding:3px;border:1px solid var(--line);border-radius:6px;background:#f1f1ed}.segmented button{flex:1;border:0;background:transparent;border-radius:4px;padding:8px 9px;font-size:11px;cursor:pointer;white-space:nowrap}.segmented button.active{background:var(--paper);color:var(--green);box-shadow:0 1px 3px #0000001c;font-weight:700}.custom-size{display:flex;align-items:end;gap:10px;margin-top:-10px;min-width:0}.custom-size label{flex:1;min-width:0;font-size:10px;color:var(--muted)}.custom-size label span{margin-top:5px;display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:5px;padding:6px 9px;background:#fff}.custom-size input{width:100%;border:0;outline:0;background:none}.custom-size b{margin-bottom:8px;font-weight:400;color:#89918c}.crop-toggle{display:flex;align-items:center;justify-content:space-between;padding:13px 0;margin:20px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.crop-toggle div{display:flex;flex-direction:column}.crop-toggle strong{font-size:11px}.crop-toggle small{color:#89918c;font-size:9px;margin-top:3px}.switch input{display:none}.switch span{width:35px;height:20px;border-radius:20px;background:#c5cbc6;display:block;padding:3px;cursor:pointer;transition:.2s}.switch span:after{content:"";display:block;width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000040;transition:.2s}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translate(15px)}.receipt-size{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:end;gap:8px}.receipt-size label{min-width:0;font-size:10px;color:var(--muted)}.receipt-size label span{margin-top:5px;display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:5px;padding:7px 9px;background:#fff}.receipt-size input{width:100%;min-width:0;border:0;outline:0;background:none}#ratio-lock{height:34px;border:1px solid var(--line);background:#fff;border-radius:5px;cursor:pointer;display:grid;place-items:center}#ratio-lock svg{width:15px;fill:none;stroke:#879088;stroke-width:1.7}#ratio-lock.locked{background:#ecf1d7;border-color:#bac69a}#ratio-lock.locked svg{stroke:var(--green)}.field-note{font-size:9px;color:#89918c;margin:7px 0 0}.range-row{display:grid;grid-template-columns:auto 1fr 45px;gap:12px;align-items:center}.range-row label{margin:0}.range-row input{accent-color:var(--green)}.range-row output{font:11px DM Mono}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.select-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#5d6b63}.select-wrap{display:block;border:1px solid var(--line);border-radius:5px;margin-top:7px;background:#fff}.select-wrap select{width:100%;border:0;background:transparent;padding:9px 10px;outline:none;font-size:11px;text-transform:none;letter-spacing:0}.position-control{margin-top:19px}.position-title{display:flex;justify-content:space-between;align-items:center}.position-title span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#5d6b63}.position-title output{font:10px DM Mono;color:var(--green);text-transform:none;letter-spacing:0}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px;padding:5px;border:1px solid var(--line);border-radius:7px;background:#f1f1ed}.position-grid button{height:38px;border:0;border-radius:4px;background:#e5e7e2;cursor:pointer;position:relative;transition:.15s}.position-grid button:hover{background:#d7ded6}.position-grid button i{position:absolute;width:13px;height:10px;border:1.5px solid #89948c;border-radius:1px}.position-grid button:nth-child(1) i{top:7px;left:8px}.position-grid button:nth-child(2) i{top:7px;left:calc(50% - 6px)}.position-grid button:nth-child(3) i{top:7px;right:8px}.position-grid button:nth-child(4) i{top:calc(50% - 5px);left:8px}.position-grid button:nth-child(5) i{top:calc(50% - 5px);left:calc(50% - 6px)}.position-grid button:nth-child(6) i{top:calc(50% - 5px);right:8px}.position-grid button:nth-child(7) i{bottom:7px;left:8px}.position-grid button:nth-child(8) i{bottom:7px;left:calc(50% - 6px)}.position-grid button:nth-child(9) i{bottom:7px;right:8px}.position-grid button.active{background:#fff;box-shadow:0 1px 3px #00000024;outline:1px solid #94aa9d}.position-grid button.active i{border-color:var(--green);background:#e5efb2}.position-control.muted{opacity:.45;pointer-events:none}.layout-choice{margin-bottom:0}.rotate-row{margin-top:20px}.rotate-row>span{display:block}.advanced-control{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.advanced-control summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700}.advanced-control summary::-webkit-details-marker{display:none}.advanced-control summary:after{content:"+";color:var(--green);font-size:17px;font-weight:400;margin-left:8px}.advanced-control[open] summary:after{content:"−"}.advanced-control summary small{margin-left:auto;color:var(--muted);font:10px DM Mono}.advanced-control .select-label{display:block;margin-top:12px}.advanced-control .position-control,.advanced-control .rotate-row{margin-top:12px}.advanced-control .field-note{margin-bottom:0}.preview-panel{background:#e9eae4;border-left:1px solid var(--line);padding:30px 38px 24px;display:flex;flex-direction:column;min-height:750px}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.preview-header>div:first-child{display:flex;flex-direction:column}.preview-header span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.preview-header small{color:#7c8780;font-size:10px;margin-top:4px}.page-nav{display:flex;align-items:center;gap:8px}.page-nav button{border:1px solid #c9cec8;width:27px;height:27px;background:#f5f5f1;border-radius:4px;cursor:pointer}.page-nav button:disabled{opacity:.35}.page-nav span{font:10px DM Mono;letter-spacing:0}.canvas-stage{flex:1;min-height:540px;display:grid;place-items:center;overflow:hidden;padding:16px;background-color:#dde0d9;background-image:radial-gradient(#c4c8c1 .8px,transparent .8px);background-size:9px 9px;border:1px solid #d1d5cf;border-radius:5px}.empty-preview{text-align:center;display:flex;flex-direction:column;align-items:center;color:#748079}.empty-preview strong{font-size:12px;margin-top:17px}.empty-preview small{font-size:10px;margin-top:4px;color:#98a09b}.paper-ghost{width:90px;height:118px;background:#f7f7f3;box-shadow:6px 7px #cfd3cc,0 8px 22px #00000014;padding:20px 14px;display:flex;flex-direction:column;gap:8px;transform:rotate(-2deg)}.paper-ghost span{height:4px;background:#dbded8}.paper-ghost span:nth-child(2){width:75%}.paper-ghost span:nth-child(3){width:88%}.paper-preview{background:#fff;width:min(100%,490px);max-height:610px;box-shadow:0 8px 28px #2b352f2e;position:relative;overflow:hidden;display:block}.paper-preview canvas{display:block;align-self:center;box-shadow:0 0 0 1px #0000000a}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.primary,.print-button{border:0;border-radius:5px;padding:14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:12px;font-weight:700;transition:.2s}.primary{background:var(--green);color:#fff}.print-button{background:#f8f9f5;border:1px solid #b8c3bb;color:var(--green)}.primary:hover:not(:disabled){background:#194a37;transform:translateY(-1px)}.print-button:hover:not(:disabled){background:#edf2e9;transform:translateY(-1px)}.primary:disabled,.print-button:disabled{background:#d9ded9;color:#89918c;border-color:transparent;cursor:not-allowed}.primary svg,.print-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.print-frame{position:fixed;width:0;height:0;border:0;visibility:hidden}.helper{text-align:center;color:#89918c;font-size:9px;margin:8px 0 0}.how{margin:110px 0 100px;display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.how h2{font-size:38px;letter-spacing:-.045em;line-height:1.13;font-weight:500;margin:0}.how ol{padding:0;margin:7px 0 0;list-style:none;border-top:1px solid var(--line)}.how li{display:grid;grid-template-columns:45px 1fr;padding:22px 0;border-bottom:1px solid var(--line)}.how li>span{font:12px DM Mono;color:var(--green)}.how strong{font-size:14px}.how p{color:var(--muted);font-size:12px;margin:6px 0 0;line-height:1.6}footer{border-top:1px solid var(--line);min-height:105px;padding:0 max(28px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#7c8780;font-size:10px}footer p:nth-child(2){text-align:center}footer p:last-child{text-align:right}footer .brand{font-size:15px}footer .brand-mark{width:21px;height:21px}@media(max-width:850px){.intro{grid-template-columns:1fr;gap:28px;padding-top:55px}.workspace{grid-template-columns:1fr}.preview-panel{border-left:0;border-top:1px solid var(--line);min-height:700px}.how{grid-template-columns:1fr;gap:50px}}@media(max-width:560px){.site-header{height:66px;padding:0 18px}.privacy-pill{font-size:0;padding:9px}main{padding:0 14px}.intro{padding:46px 4px 40px}.intro h1{font-size:47px}.controls{padding:8px 20px 28px}.preview-panel{padding:26px 18px 22px;min-height:610px}.canvas-stage{min-height:430px}.segmented.four{display:grid;grid-template-columns:1fr 1fr}.segmented{min-width:0}.segmented button{min-width:0;padding:8px 4px;font-size:10px;overflow:hidden;text-overflow:ellipsis}.two-col{grid-template-columns:1fr;gap:14px}.custom-size{gap:6px}.custom-size label span,.receipt-size label span{padding-left:7px;padding-right:7px}.position-grid button{height:42px}.how{margin:80px 5px}footer{padding:25px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}footer p{margin:0}footer p:nth-child(2){display:none}}