@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--ink:#28251f;--muted:#817b70;--paper:#fffdf8;--cream:#fff8ec;--line:#e9e1d3;--olive:#747b4c;--olive2:#91986a;--orange:#e9824c;--shadow:0 22px 60px rgba(75,59,35,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(#fffaf2 0,#fffdf9 600px,#fbfaf6 100%);color:var(--ink);font-family:"DM Sans","Noto Sans KR","Noto Sans JP",system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:72px;max-width:1120px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:9px;align-items:center;color:var(--ink);text-decoration:none;font-size:21px;font-weight:800;letter-spacing:-.04em}.brandmark{width:29px;height:29px;display:grid;place-items:center;background:var(--olive);color:#fff;border-radius:8px;font-size:16px}.top-actions{display:flex;align-items:center;gap:10px}.lang{display:flex;background:#f2eee4;border-radius:11px;padding:3px}.lang button{border:0;background:transparent;color:#8a8377;padding:6px 8px;border-radius:8px;font-size:11px}.lang button.active{background:white;color:#454536;box-shadow:0 2px 8px #6b5d4012;font-weight:800}.install{border:1px solid var(--line);background:white;border-radius:10px;padding:8px 11px;font-size:11px;color:#696457}.hidden{display:none!important}main{max-width:1060px;margin:auto;padding:0 22px}.hero{min-height:430px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;padding:42px 20px 48px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--olive);margin-bottom:18px}.hero h1{font-size:clamp(46px,6vw,70px);line-height:1.04;letter-spacing:-.065em;margin:0}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{font-size:16px;line-height:1.7;color:var(--muted);margin:20px 0}.trust{display:flex;gap:15px;flex-wrap:wrap;color:#777366;font-size:11px}.paper-art{position:relative;height:310px;max-width:370px;margin-left:auto;width:100%}.sheet{position:absolute;width:142px;height:200px;background:white;border:1px solid #e6dece;border-radius:8px;box-shadow:0 18px 35px rgba(76,59,31,.10);overflow:hidden}.sheet:before{content:"";position:absolute;inset:17px;background:linear-gradient(145deg,#f5c98b,#ef8c5b 45%,#7f8755);border-radius:3px}.sheet i{position:absolute;z-index:2;background:#fff;width:1px;height:100%;left:50%}.s1{left:25px;top:20px;transform:rotate(-7deg)}.s2{left:175px;top:8px;transform:rotate(4deg)}.s3{left:45px;top:122px;transform:rotate(3deg)}.s4{left:194px;top:116px;transform:rotate(-5deg)}.spark{position:absolute;color:#d7a05f;font-size:20px}.spark.a{right:8px;top:38px}.spark.b{left:0;bottom:20px;font-size:13px}.tool-card{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.stepper{height:58px;border-bottom:1px solid #eee8dd;display:flex;justify-content:center;align-items:center}.stepper span{width:24px;height:24px;border-radius:50%;background:#f0ede5;color:#aaa397;display:grid;place-items:center;font-size:10px;font-weight:800}.stepper span.active{background:var(--olive);color:white}.stepper i{width:45px;height:1px;background:#ddd7cb}.tool-grid{display:grid;grid-template-columns:1fr 1.05fr}.settings{padding:30px;border-right:1px solid #eee8dd}.output{padding:30px;background:#fcfbf7;min-height:600px}.section-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.section-head .num{font-size:10px;background:#f0eee5;color:var(--olive);font-weight:800;padding:5px 7px;border-radius:7px}.section-head h2{font-size:17px;margin:0 0 3px;letter-spacing:-.03em}.section-head p{font-size:11px;color:#999184;margin:0}.drop-zone{height:145px;border:1.5px dashed #d7cdbd;background:#fffaf2;border-radius:17px;display:grid;place-items:center;text-align:center;cursor:pointer;transition:.2s}.drop-zone:hover,.drop-zone.drag{border-color:var(--orange);background:#fff7e9}.drop-zone input{display:none}#dropEmpty{display:flex;flex-direction:column;align-items:center}.upload-icon{width:34px;height:34px;border-radius:10px;background:#f1eee3;color:var(--olive);display:grid;place-items:center;font-size:19px;margin-bottom:8px}.drop-zone strong{font-size:13px}.drop-zone span{font-size:11px;color:#928b7f;margin-top:3px}.drop-zone small{font-size:9px;color:#bbb3a7;margin-top:7px}.file-ready{width:100%;padding:12px;display:flex;align-items:center;gap:13px;text-align:left}.file-ready img{width:72px;height:88px;object-fit:cover;border-radius:10px;border:1px solid #e4dccf}.file-ready div{min-width:0;display:flex;flex-direction:column}.file-ready strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.divider{height:1px;background:#eee8dd;margin:8px 0 3px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#f3f0e8;padding:4px;border-radius:12px;margin-bottom:15px}.segmented button{border:0;background:transparent;padding:9px;border-radius:9px;color:#8a8377;font-size:11px;font-weight:700}.segmented button.active{background:#fff;color:#4e5137;box-shadow:0 2px 8px #5f513414}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.control-block{margin-bottom:12px}.settings label:not(.drop-zone):not(.toggle){display:grid;gap:6px;font-size:10px;color:#817b70;font-weight:600}.number,.unit{display:flex;border:1px solid #dfd8cb;border-radius:11px;overflow:hidden;background:white;height:42px}.number input,.unit input{border:0;min-width:0;width:100%;text-align:center;outline:none;color:#38342e;background:white}.number button{border:0;background:#f8f6f0;width:36px;color:#716c62;font-size:17px}.unit b{display:grid;place-items:center;padding:0 10px;background:#f8f6f0;color:#9a9387;font-size:10px}.compact{margin-top:11px}.compact select{height:42px;border:1px solid #dfd8cb;border-radius:11px;background:white;padding:0 10px;color:#49443d;outline:none}.toggle{display:flex;align-items:center;gap:8px;margin:15px 0 18px;font-size:10px;color:#777064;cursor:pointer}.toggle input{display:none}.switch{width:32px;height:18px;background:#d9d4ca;border-radius:20px;position:relative}.switch:after{content:"";position:absolute;width:14px;height:14px;background:white;border-radius:50%;top:2px;left:2px;box-shadow:0 1px 4px #0002;transition:.2s}.toggle input:checked+.switch{background:var(--olive)}.toggle input:checked+.switch:after{left:16px}.make,.print-btn{width:100%;border:0;border-radius:13px;background:var(--olive);color:white;padding:14px 16px;display:flex;justify-content:space-between;font-size:12px;font-weight:800;transition:.2s}.make:hover,.print-btn:hover{transform:translateY(-1px);background:#656c40}.make:disabled{opacity:.38;transform:none;cursor:not-allowed}.empty-state{height:100%;min-height:530px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.mini-pages{width:135px;height:150px;display:grid;grid-template-columns:1fr 1fr;gap:5px;transform:rotate(-2deg);margin-bottom:20px}.mini-pages span{background:#fff;border:1px solid #ded7c9;box-shadow:0 5px 14px #63533110;position:relative}.mini-pages span:after{content:"";position:absolute;inset:9px;background:linear-gradient(135deg,#f6d29d,#ef9463,#8b9362);opacity:.65}.empty-state h3{font-size:15px;margin:0 0 7px}.empty-state p{font-size:11px;line-height:1.6;color:#9a9387;margin:0}.result-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.result-head div{display:flex;flex-direction:column}.result-head span{font-size:10px;color:#989184}.result-head strong{font-size:15px;margin-top:2px}.result-head>span{background:#f0eee5;color:#72784c;padding:5px 8px;border-radius:8px}.preview{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:420px;overflow:auto;padding:3px}.preview canvas{width:100%;background:white;border:1px solid #ddd5c7;box-shadow:0 3px 9px #65563112}.print-note{font-size:10px;color:#8e877b;background:#f4f1e8;border-radius:10px;padding:9px 11px;margin:14px 0}.print-btn{background:var(--orange)}.print-btn:hover{background:#d8733e}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:58px 0 32px}.features article{background:#fff;border:1px solid #ebe5da;border-radius:18px;padding:22px}.features article>span{font-size:20px;color:var(--olive)}.features h3{font-size:13px;margin:14px 0 5px}.features p{font-size:10px;line-height:1.65;color:#8e877b;margin:0}.how{display:flex;align-items:center;justify-content:center;gap:20px;padding:22px 0 65px}.how div{display:flex;align-items:center;gap:8px}.how span{color:#b6ae9e;font-size:10px}.how b{font-size:11px}.how>i{font-style:normal;color:#cfc7b8}footer{max-width:1060px;margin:auto;border-top:1px solid #e8e2d8;padding:24px 22px 32px;display:flex;justify-content:space-between;align-items:center;color:#aaa296}footer div{display:flex;flex-direction:column;gap:2px}footer b{font-size:11px;color:#827c70}footer small{font-size:8px}footer a{font-size:8px;color:#b8b0a3;text-decoration:none;opacity:.7}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:#302d27;color:white;border-radius:10px;padding:10px 14px;font-size:11px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:760px){.topbar{height:62px;padding:0 15px}.brand{font-size:18px}.brandmark{width:26px;height:26px}.install{display:none!important}main{padding:0 13px}.hero{grid-template-columns:1fr;min-height:0;padding:42px 8px 38px;text-align:center}.hero h1{font-size:43px}.hero p{font-size:13px}.trust{justify-content:center}.paper-art{height:230px;max-width:285px;margin:28px auto 0}.sheet{width:105px;height:148px}.s1{left:20px}.s2{left:135px}.s3{left:35px;top:90px}.s4{left:150px;top:86px}.tool-card{border-radius:21px}.stepper{height:48px}.tool-grid{grid-template-columns:1fr}.settings{padding:20px;border-right:0;border-bottom:1px solid #eee8dd}.output{padding:20px;min-height:360px}.empty-state{min-height:320px}.features{grid-template-columns:1fr;padding:38px 0 25px}.how{gap:9px;padding-bottom:45px}.how b{font-size:9px}.how>i{font-size:10px}.preview{grid-template-columns:repeat(2,1fr)}}
@media print{body>*{display:none!important}#printPages{display:block!important}.print-page{break-after:page;page-break-after:always;overflow:hidden;position:relative;margin:0!important}.print-page:last-child{break-after:auto}.print-page canvas{width:100%;height:100%;display:block}}