:root{font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;color:#29231e;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;line-height:1.7}a{color:#b84000}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(100% - 32px,760px);margin-inline:auto}.site-header{border-bottom:1px solid #eee5df}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}.logo{color:#24201e;font-size:1rem;font-weight:800;text-decoration:none}.logo-mark{color:#f15a00;font-size:1.4rem;margin-right:7px}.nav-link{font-size:.9rem;white-space:nowrap}.hero{text-align:center;padding:48px 0 20px}.eyebrow{color:#ba4200;font-weight:800;font-size:.83rem;letter-spacing:.04em;margin:0 0 10px}.hero h1{font-size:clamp(1.75rem,5vw,2.75rem);line-height:1.35;letter-spacing:-.03em;margin:0}.lead{font-size:1.08rem;margin:17px 0 5px}.supports{font-size:.9rem;color:#675c55;margin:0}.tool{border:1px solid #eaded5;border-radius:18px;box-shadow:0 4px 20px #5d270009;padding:24px;margin:24px auto 0}.dropzone{border:2px dashed #e5874e;background:#fff9f5;border-radius:14px;text-align:center;padding:34px 16px;transition:background .15s}.dropzone.dragover{background:#ffeadc;border-color:#f15a00}.dropzone p{margin:0 0 15px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border-radius:10px;padding:10px 22px;font-weight:800;border:2px solid #f15a00;background:#f15a00;color:#fff;text-decoration:none}.btn:hover{background:#d94f00;border-color:#d94f00}.btn:focus-visible,.small-btn:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #333;outline-offset:3px}.btn.secondary{background:#fff;color:#d24d00}.btn.secondary:hover{background:#fff3eb}.btn:disabled{opacity:.55;cursor:not-allowed}.hint{color:#675c55;font-size:.84rem;margin:11px 0 0}.privacy{display:flex;gap:10px;align-items:flex-start;background:#fff7f1;border-radius:10px;padding:12px 14px;color:#73380e;font-size:.9rem;margin:17px 0 0}.privacy span:first-child{font-weight:900;color:#e65000}.status{min-height:1.6em;margin:14px 0;color:#a63900;font-weight:700}.status:empty{margin:0;min-height:0}.selected[hidden],.result[hidden],.dropzone[hidden]{display:none}.selected h2{font-size:1.15rem;margin:22px 0 4px}.small-note{font-size:.85rem;color:#675c55;margin:0 0 12px}.image-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.image-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px;border:1px solid #ece1d9;border-radius:10px}.image-item img{width:64px;height:64px;object-fit:contain;background:#f7f4f1;border-radius:6px}.file-name{font-weight:700;overflow-wrap:anywhere;font-size:.9rem}.file-size{font-size:.78rem;color:#675c55}.actions{display:flex;gap:5px}.small-btn{min-width:35px;min-height:38px;border:1px solid #d9c7ba;border-radius:7px;background:white;color:#70402c;font-size:.85rem;font-weight:700}.small-btn:disabled{opacity:.35;cursor:default}.options{margin:22px 0 20px;border:0;padding:0}.options legend{font-weight:800;margin-bottom:8px}.radio-row{display:flex;flex-wrap:wrap;gap:10px}.radio-row label{display:flex;align-items:center;gap:7px;border:1px solid #ddc9bc;border-radius:9px;padding:9px 13px;cursor:pointer;min-height:45px}.radio-row input{accent-color:#ed5900}.convert-row{display:flex;gap:10px;flex-wrap:wrap}.result{text-align:center;padding:22px 4px 8px}.result h2{margin:0 0 7px;font-size:1.5rem}.result p{margin:0 0 18px}.result .btn{width:min(100%,320px)}.result .secondary{margin-top:10px}.ad-slot{min-height:0}.ad-slot[data-active="true"]{min-height:250px}.content{padding:42px 0 38px}.content section{border-top:1px solid #eee7e1;padding:24px 0 4px}.content h2{font-size:1.35rem;line-height:1.45;margin:0 0 12px}.content h3{font-size:1rem;margin:16px 0 4px}.content p{margin:0 0 12px}.steps{padding-left:1.4em}.steps li{margin-bottom:8px}.faq{margin-bottom:20px}.faq p{margin:0}.site-footer{border-top:1px solid #eee5df;color:#675c55;font-size:.85rem;padding:22px 0 35px}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{color:inherit}@media(max-width:600px){.site-header .wrap{min-height:58px}.hero{padding:34px 0 12px}.lead{font-size:1rem}.tool{padding:16px;margin-top:19px}.dropzone{padding:28px 12px}.dropzone .btn{width:100%}.image-item{grid-template-columns:52px minmax(0,1fr);gap:7px}.image-item img{width:52px;height:52px}.actions{grid-column:2;justify-content:flex-start}.small-btn{min-width:50px}.convert-row .btn{width:100%}.content{padding-top:32px}}
/* Alternative design: a calm, centered document desk. */
.site-header{background:#f15a00;border:0;color:#fff}
.site-header .wrap{min-height:78px}
.logo,.nav-link{color:#fff}
.logo{font-size:1.18rem;letter-spacing:-.035em}
.logo-mark{color:#f15a00;background:#fff;border-radius:5px;display:inline-grid;place-items:center;width:29px;height:29px;margin-right:9px;transform:rotate(-6deg)}
.nav-link{border:1px solid #fff;border-radius:6px;padding:7px 13px;text-decoration:none;font-weight:700}
.nav-link:hover{background:#fff;color:#d34800}
.hero{padding:62px 0 38px;text-align:center}
.hero-art{display:none}
.eyebrow{display:inline-block;border:1px solid #f15a00;border-radius:5px;padding:4px 13px;color:#c24800;margin:0 0 18px;letter-spacing:.04em}
.hero h1{font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.06em;line-height:1.25;max-width:600px;margin:0 auto}
.hero h1::after{content:"";display:block;background:#f15a00;height:5px;width:90px;margin:19px auto 0}
.lead{margin:23px 0 13px;font-size:1.1rem}
.supports{display:inline-block;background:#fff3eb;color:#a93e00;padding:5px 12px;border-radius:5px;font-weight:700}
.tool{border:1px solid #ebd9cc;border-top:8px solid #f15a00;border-radius:0 0 18px 18px;box-shadow:0 14px 35px #8a3b0010;padding:30px 36px;margin-top:0}
.dropzone{border:2px dashed #f15a00;background:#fff;border-radius:5px;padding:45px 20px}
.dropzone::before{content:"▧";display:block;color:#f15a00;font-size:3rem;line-height:1;margin:0 auto 13px}
.dropzone p:first-child{font-weight:700;font-size:1.06rem}
.btn{border-radius:5px;min-width:210px}
.privacy{background:none;padding:0;margin:22px 0 0;color:#5b5049;justify-content:center;text-align:center}
.privacy span:first-child{display:inline-grid;place-items:center;width:23px;height:23px;background:#fff1e7;border-radius:50%;flex:none}
.image-item{border-radius:5px}
.radio-row label{border-radius:5px}
.content{padding-top:57px}
.content section{border-top:0;border-bottom:1px solid #ece1da;padding:26px 0 30px}
.content h2{font-size:1.45rem;border-bottom:2px solid #f15a00;display:inline-block;padding-bottom:5px;margin-bottom:18px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;counter-reset:step;padding:0;margin:7px 0 0}
.steps li{counter-increment:step;border:1px solid #efdfd3;border-radius:6px;padding:18px 14px;margin:0;min-height:145px;background:#fffaf6}
.steps li::before{content:"0" counter(step);display:block;color:#f15a00;font-size:1.7rem;font-weight:900;line-height:1;margin-bottom:13px}
.faq{border-left:0;border-bottom:1px dashed #e8d4c4;padding:0 0 14px;margin:0 0 17px}
.faq h3{color:#a83a00;margin-top:0}
.faq h3::before{content:"Q. ";font-weight:900}
.site-footer{border-top:3px solid #f15a00;background:#fffaf6}
@media(max-width:600px){.site-header .wrap{min-height:65px}.logo{font-size:1rem}.nav-link{font-size:.77rem;padding:5px 8px}.hero{padding:40px 0 27px}.hero h1{font-size:clamp(1.8rem,8vw,2.4rem)}.lead{font-size:1rem;margin-top:19px}.tool{padding:17px}.dropzone{padding:30px 12px}.dropzone .btn{width:100%}.privacy{text-align:left;justify-content:flex-start}.content{padding-top:39px}.steps{grid-template-columns:1fr}.steps li{min-height:0;padding:14px}.steps li::before{font-size:1.25rem;margin-bottom:8px}}

/* Use the compact numbered rows from the supplied reference. */
.content section:first-child h2{display:flex;align-items:center;gap:10px;border-bottom:0;padding:0;margin-bottom:18px}
.content section:first-child h2::before{content:"";display:block;width:5px;height:1.15em;background:#f15a00;border-radius:3px}
.steps{display:grid;grid-template-columns:1fr;gap:9px;counter-reset:step;margin:0;padding:0;list-style:none}
.steps li{display:flex;align-items:flex-start;gap:10px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;line-height:1.6}
.steps li::before{content:counter(step);display:grid;place-items:center;flex:none;width:23px;height:23px;margin:1px 0 0;border-radius:50%;background:#f15a00;color:#fff;font-size:.8rem;font-weight:800;line-height:1}
@media(max-width:600px){.steps{gap:10px}.steps li{padding:0;min-height:0}.steps li::before{font-size:.8rem;margin:1px 0 0}}