:root{--ink:#24392f;--green:#375947;--cream:#f7f5ed;--line:#d9ded3;--muted:#69766b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.7 system-ui,-apple-system,"Microsoft JhengHei",sans-serif}header,main,footer{max-width:1200px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{font-size:25px;font-weight:800;letter-spacing:-1px}.brand span{display:block;font-size:9px;letter-spacing:3px;margin-left:30px}nav{display:flex;gap:30px;font-size:14px}.hero{position:relative;padding:76px 28px 80px;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:var(--muted)}h1{font-size:64px;line-height:1.25;letter-spacing:-3px;margin:24px 0}h1 em{font-style:normal;color:#698564}.hero p{color:var(--muted);margin-bottom:26px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;padding:15px 23px;background:var(--green);border:0;border-radius:6px;color:white;font:inherit;font-weight:600;cursor:pointer}.button:disabled{opacity:.4;cursor:default}.button:hover:not(:disabled){background:#203d2c}.trust{font-size:12px;color:var(--muted);margin-top:18px}.trust b{margin:0 12px}.hero-art{position:absolute;right:50px;top:95px;width:350px;height:360px}.paper{position:absolute;background:#e5e7d9;width:235px;height:290px;box-shadow:0 20px 50px #24392f18;border:9px solid white;text-align:center;font-size:10px;letter-spacing:2px;padding-top:15px}.back{transform:rotate(-12deg);left:0;top:0;background:#dacdb7}.front{transform:rotate(9deg);right:0;top:60px}.product{font:150px/1.3 Georgia;color:#c59e6e;text-shadow:0 10px 14px #0002}.paper small{letter-spacing:1px}.stamp{position:absolute;right:-20px;bottom:-20px;background:#365b42;color:white;border:7px solid var(--cream);border-radius:50%;font-size:30px;width:68px;height:68px}.studio{background:white;border:1px solid var(--line);border-radius:14px;padding:34px;margin:0 28px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}h2{font-size:30px;line-height:1.4;letter-spacing:-1px;margin:14px 0 26px}.badge{font-size:11px;background:#edf3eb;padding:7px 12px;border-radius:30px;white-space:nowrap}.workspace{display:grid;grid-template-columns:1.5fr 1fr;border-top:1px solid var(--line);padding-top:28px;gap:34px}.drop{position:relative;min-height:230px;border:2px dashed #cad4c8;border-radius:9px;background:#f8faf6;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.drop:hover,.drop.drag{background:#eef3e9;border-color:var(--green)}.drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.drop span,.drop small{color:var(--muted);font-size:13px}.drop .plus{font-size:35px;color:var(--green)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;color:var(--muted)}.text-button{border:0;background:none;color:var(--green);cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:4px}.filelist{margin-top:12px;max-height:320px;overflow:auto}.file{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.file img{width:46px;height:46px;object-fit:cover;border-radius:4px}.file div{min-width:0;flex:1}.file strong{display:block;font-size:13px;overflow-wrap:anywhere}.file small{color:var(--muted)}h3{margin:0 0 18px;font-size:19px}label{display:block;font-size:13px;font-weight:600;margin-bottom:16px}select,input:not([type=file]){width:100%;margin-top:7px;border:1px solid var(--line);padding:11px;border-radius:5px;font:inherit;background:#fff;color:var(--ink)}input[type=range]{padding:0;accent-color:var(--green)}output{float:right;color:var(--muted)}.hint{font-size:12px;color:var(--muted);margin:-5px 0 18px}#settings .button{width:100%}#status{margin-top:12px;font-size:12px;color:var(--muted);white-space:pre-line}#results{border-top:1px solid var(--line);margin-top:30px;padding-top:24px}.resultgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.result{border:1px solid var(--line);border-radius:8px;padding:14px;min-width:0}.result img{display:block;width:100%;height:150px;object-fit:contain;background:repeating-conic-gradient(#f1f1f1 0% 25%,white 0% 50%) 50%/16px 16px}.result p{font-size:12px;overflow-wrap:anywhere}.result .button{font-size:12px;padding:9px 14px}.error{font-size:13px;color:#9a382f}#savings{font-size:13px}.guide{padding:80px 28px 55px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.cards article{border-top:1px solid #a9b8a7;padding-top:20px}.cards span{font-size:10px;letter-spacing:2px;color:var(--muted)}.cards h3{margin-top:16px}.cards p{font-size:14px;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:45px;padding:30px 28px 80px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:15px;font-weight:600}details p{font-size:14px;color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:30px 28px;font-size:12px}footer .brand{font-size:20px}dialog{border:1px solid var(--line);border-radius:12px;max-width:600px;width:calc(100% - 32px);padding:30px}dialog::backdrop{background:#14261d88}dialog p{font-size:14px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ba923d;outline-offset:4px}@media(max-width:900px){h1{font-size:50px}.hero-art{right:-40px;opacity:.6;transform:scale(.8)}.hero p,.hero h1,.hero .button,.trust,.hero .eyebrow{position:relative;z-index:1}.workspace{grid-template-columns:1fr 1fr}.resultgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){header{height:80px;padding:0 20px}nav{gap:14px;font-size:12px}nav a:nth-child(2){display:none}.hero{padding:48px 20px 44px}.hero-art{display:none}h1{font-size:44px;letter-spacing:-2px}.hero p{font-size:14px}.desktop{display:none}.studio{margin:0 14px;padding:20px}.section-title{align-items:flex-start}.section-title .badge{display:none}h2{font-size:24px}.workspace{grid-template-columns:1fr;gap:26px}.cards{grid-template-columns:1fr;gap:16px}.guide{padding:50px 20px 30px}.faq{grid-template-columns:1fr;padding:24px 20px 44px;gap:0}.resultgrid{grid-template-columns:1fr 1fr;gap:10px}.result{padding:10px}.result img{height:100px}footer{padding:24px 20px;flex-wrap:wrap;gap:12px}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.ad-area{margin:54px 28px 0;padding:18px 0;text-align:center;border-top:1px solid var(--line)}.ad-area small{display:block;font-size:11px;color:var(--muted);margin-bottom:12px}.ad-area:has(ins[data-ad-status="unfilled"]){display:none}footer{gap:16px;flex-wrap:wrap}