:root{font-family:DM Sans,Noto Sans CJK SC,-apple-system,BlinkMacSystemFont,sans-serif;color:#252820;background:#f5f4f0;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}.topbar{height:76px;padding:0 max(calc((100vw - 1080px)/2),7vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e6df}.brand{display:flex;align-items:center;gap:10px;color:#24271f;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.13em}.brand-mark{width:30px;height:30px;background:#a7b990;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:17px;font-weight:400;letter-spacing:0}.brand-light{font-weight:400;color:#81847b}.header-right{display:flex;align-items:center;gap:18px}.language-link{color:#78876b;text-decoration:none;font-size:12px}.language-link:hover{text-decoration:underline}.local-badge{font:11px DM Mono,monospace;color:#666c5f;letter-spacing:.03em}.local-badge i{display:inline-block;width:6px;height:6px;background:#93a77a;border-radius:100%;margin-right:8px}main{max-width:760px;margin:0 auto;padding:75px 24px 20px}.intro{text-align:center;margin-bottom:38px}.eyebrow{font:10px DM Mono,monospace;letter-spacing:.16em;color:#87897f;text-transform:uppercase}.intro .eyebrow span{color:#9aa987;margin-left:8px}.intro h1{font:500 46px/1.2 "Noto Serif SC",Georgia,serif;letter-spacing:.025em;margin:18px 0 13px}.intro h1 em{font-weight:400;color:#859775;font-style:normal}.intro p{font-size:13px;line-height:1.85;color:#85867f;margin:0}.steps{display:flex;justify-content:center;gap:20px;list-style:none;padding:0;margin:23px 0 0;color:#69705f;font-size:12px}.steps li{display:flex;align-items:center;gap:8px}.steps li span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #cbd2c2;border-radius:50%;font:10px DM Mono,monospace}.workspace{max-width:620px;margin:auto}.dropzone{min-height:210px;background:#fbfaf7;border:1px dashed #c9cabf;border-radius:5px;text-align:center;padding:27px 18px;cursor:pointer;transition:.18s}.dropzone:hover,.dropzone.dragging{border-color:#8b9d79;background:#f8f9f3}.upload-icon{color:#91a17f;width:42px;height:42px;margin:0 auto 8px}.upload-icon svg{width:100%;height:100%}.drop-title{font:500 15px "Noto Serif SC",serif;color:#45483f;margin:4px 0 7px}.drop-sub{font-size:12px;color:#8c8d84}.text-button{border:0;background:none;color:#6e805e;padding:0;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.size-hint{margin-top:16px;font:10px DM Mono,monospace;color:#a0a096}.privacy{display:flex;align-items:center;gap:12px;border:1px solid #e6e5dd;background:#f8f7f3;padding:14px 16px;margin-top:12px;color:#6f7468}.lock{border:1px solid #cdd2c5;border-radius:50%;width:27px;height:27px;text-align:center;line-height:25px;color:#849275}.privacy b,.privacy small{display:block}.privacy b{font-size:11px;font-weight:600;color:#696e62}.privacy small{font-size:10px;margin-top:3px;color:#a0a096}.privacy-check{margin-left:auto;color:#90a27d;font-size:13px}.status{min-height:18px;margin:12px 2px;font-size:12px;color:#78816c;white-space:pre-wrap}.status.error{color:#a24e43}.status.loading{color:#888}.preview{background:#fbfaf7;border:1px solid #e8e6de;padding:24px;margin:8px 0 20px}.hidden{display:none}.preview-top{display:flex;justify-content:space-between;gap:16px}.preview h2{font:500 20px/1.4 "Noto Serif SC",serif;margin:8px 0 16px;overflow-wrap:anywhere}.reset{border:0;background:none;font-size:24px;color:#9a9a90;cursor:pointer}.meta{border-top:1px solid #e9e7df;border-bottom:1px solid #e9e7df;padding:10px 0;margin-bottom:18px}.meta-row{display:flex;gap:12px;padding:4px 0;font-size:11px}.meta-row span{width:48px;flex:none;color:#99998f}.meta-row b{font-weight:500;overflow-wrap:anywhere}.body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;max-height:420px;overflow:auto;color:#45483f}.attachments{border-top:1px solid #e9e7df;margin-top:20px;padding-top:14px}.attach-label{font:10px DM Mono,monospace;color:#87897f;letter-spacing:.08em}.attachments ul{list-style:none;padding:0;margin:8px 0}.attachments li{display:flex;align-items:center;gap:7px;padding:7px 0;border-bottom:1px solid #efeee9;font-size:11px;overflow-wrap:anywhere}.attachments li small{margin-left:auto;flex:none;color:#9c9c92;font:10px DM Mono,monospace}.attachments li i{font-style:normal;color:#879778;font-size:10px}.clip{color:#9aaa88}.download{width:100%;padding:13px 16px;margin-top:14px;border:0;background:#78876b;color:#fff;display:flex;justify-content:space-between;font:12px DM Sans,sans-serif;cursor:pointer}.download:hover{background:#66775a}.print-note{text-align:center;margin:9px 0 0;color:#9b9b91;font-size:10px}.faq{max-width:620px;margin:70px auto 0;padding-top:34px;border-top:1px solid #e8e6df}.faq>h2{font:500 25px/1.35 "Noto Serif SC",Georgia,serif;margin:10px 0 22px}.faq article{padding:15px 0;border-bottom:1px solid #e9e7df}.faq h3{font-size:14px;font-weight:600;margin:0 0 7px}.faq p{font-size:12px;line-height:1.8;color:#73766d;margin:0}.samples{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:18px 0 0;color:#99998f;font-size:10px}.samples button{background:transparent;border:1px solid #e3e2da;color:#85877d;padding:5px 7px;font:10px DM Mono,monospace;cursor:pointer}.samples button:hover{border-color:#a3b092;color:#657558}footer{border-top:1px solid #e8e6df;margin-top:70px;padding:18px 2px;display:flex;justify-content:space-between;color:#a0a096;font-size:10px}footer span:last-child{font:9px DM Mono,monospace;letter-spacing:.08em}@media(max-width:600px){main{padding-top:53px}.intro h1{font-size:36px}.desktop{display:none}.topbar{height:62px;padding:0 20px}.preview{padding:17px}.samples{gap:5px}.steps{gap:9px;font-size:10px}.steps li{gap:5px}.faq{margin-top:48px}footer{margin-top:42px;gap:12px;line-height:1.5}}@media print{.topbar,.intro,.dropzone,.privacy,.status,footer,.samples,.steps,.faq{display:none!important}}.footer-link{color:inherit;text-decoration:none}.footer-link:hover{color:#66775a;text-decoration:underline}