@font-face{font-family:system;src:local('Segoe UI')}*{box-sizing:border-box}html{color:#182b23;background:#f6f7f2;font-family:system,Arial,sans-serif;line-height:1.5}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;font-weight:600;min-height:46px;padding:11px 18px;border:1px solid #d5dfd3;border-radius:10px;background:#fff;color:#294a39;cursor:pointer;touch-action:manipulation}button:hover{background:#edf2e9}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b98136;outline-offset:3px}.primary{background:#345745;color:white;border-color:#345745}.primary:hover{background:#244432}.quiet{background:transparent;border-color:transparent}a{color:inherit}header{max-width:1240px;margin:auto;padding:26px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dde4d9;gap:20px}.brand{display:flex;align-items:center;gap:6px;font-size:20px;text-decoration:none;white-space:nowrap}.brand b{font-weight:400;color:#67806b}.mark{background:#345745;color:white;width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-right:5px;font-family:Georgia,serif;font-size:26px}.mark span{font-size:14px;margin-top:-10px}.privacy{font-size:13px;color:#55705b}main{max-width:1180px;margin:auto;padding:0 32px}.intro{padding:54px 0 36px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#738067}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(44px,6vw,72px);line-height:1.06;letter-spacing:-2px;margin:16px 0 20px}h1 em{font-weight:400;color:#5c7854}p{color:#687568}h2{font-size:21px;font-weight:600;margin:0 0 8px}h3{font-size:17px;margin:14px 0 6px}.intro>p{font-size:18px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chips span{background:#e9eee1;border:1px solid #dce4d2;border-radius:30px;padding:5px 12px;font-size:12px;color:#547044}.workspace{background:white;border:1px solid #dce3d7;border-radius:22px;padding:24px;box-shadow:0 12px 40px #23391c06}.drop{text-align:center;padding:30px 18px 18px;background:#fafbf7;border:2px dashed #cedac4;border-radius:14px;transition:background .15s}.drop.over{background:#e4efdc;border-color:#345745}.upload-icon{display:inline-flex;width:48px;height:48px;border-radius:50%;align-items:center;justify-content:center;background:#e9eee1;font-size:30px;color:#547044;margin-bottom:12px}.drop p{margin:6px 0 18px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.drop .actions{justify-content:center}.hint{font-size:13px;color:#7b8578}.drop .hint{margin:18px 0 0}.convert-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px}.convert-row p{margin:4px 0}.convert-row .primary{min-width:145px}.option{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px;font-size:13px;cursor:pointer}.option small{color:#74816e}input[type=checkbox]{accent-color:#345745;width:21px;height:21px;cursor:pointer}#notice:empty{display:none}#notice{padding:12px 16px;background:#edf2e5;border-radius:9px;color:#395436;font-size:14px}.error,#notice.error{background:#fff0e9;color:#a23c23}#engine{margin-bottom:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:34px 0 20px}.section-head h2{margin:5px 0}#total{color:#86917e;font-weight:400}.section-head .actions{justify-content:flex-end}.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border:1px solid #dde4d7;border-radius:16px;overflow:hidden;background:white;min-width:0}.thumb{height:190px;width:100%;object-fit:contain;display:block;padding:16px;background-color:#fcfcfa;background-image:linear-gradient(45deg,#eef0e9 25%,transparent 25%),linear-gradient(-45deg,#eef0e9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef0e9 75%),linear-gradient(-45deg,transparent 75%,#eef0e9 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.card-body{padding:16px}.card h3{margin:0 0 4px;overflow-wrap:anywhere;font-size:15px}.meta{font-size:12px;margin:0 0 12px}.card .status{font-size:13px;color:#527249;margin:10px 0}.card .status.error{padding:10px;border-radius:8px;color:#a23c23}.card .actions{gap:6px}.card .actions button{font-size:13px;flex:1;padding:10px}.card .preview-button{width:100%;margin-bottom:8px;background:#f2f5ed}.select-card{display:flex;gap:10px;align-items:center;padding:8px 0;min-height:46px;font-size:14px;color:#365936}.card progress{width:100%;height:6px;accent-color:#59764b}.card details{font-size:12px;color:#737e6d;margin-bottom:12px}.card summary{cursor:pointer;min-height:24px}.book-panel{background:#eaf0e3;border:1px solid #ccd9c0;border-radius:18px;padding:22px;margin-top:20px}.book-panel .section-head{margin:0 0 16px}#sequence{padding:0;list-style:none}#sequence li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #d4dfcb}#sequence li span{flex:1;overflow-wrap:anywhere}#sequence li b{background:#345745;color:white;border-radius:50%;min-width:28px;height:28px;text-align:center;font-size:13px;padding-top:4px}#sequence button{padding:8px 13px}#book-result{margin-top:15px}#book-result .actions{margin-top:12px}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:50px 0}.how>div>span{font-family:Georgia,serif;font-size:24px;color:#8c9c7d}.how p{font-size:14px;margin:0}footer{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#7d8875;border-top:1px solid #dce3d5;padding:24px 0 34px}dialog{width:min(1200px,96vw);height:94dvh;max-height:94dvh;padding:0;border:0;border-radius:16px;background:#f6f7f2;color:#182b23}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#16241cd6}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;background:#fff}.preview-top h2{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px 14px;border-block:1px solid #dde3d8}.toolbar>div{display:flex;align-items:center;gap:7px}.toolbar button{padding:8px 14px}.toolbar span{font-size:13px;min-width:44px;text-align:center}#paper-scroll{flex:1;overflow:auto;overscroll-behavior:contain;background:#d9dfd5;padding:16px;min-height:0;text-align:center}#paper{display:block;margin:auto;box-shadow:0 2px 12px #0002;background:white}.preview-note{font-size:12px;text-align:center;margin:8px}.preview-top button{flex-shrink:0}#preview-status{margin:0;padding:0 16px;font-size:13px}#preview-status:empty{display:none}[hidden]{display:none!important}.info{max-width:780px;padding-block:40px}.info h1{font-size:42px}.info p,.info li{color:#50604e}.info h2{margin-top:30px}
@media(min-width:1000px){.intro{position:relative}.intro .chips{position:absolute;right:0;bottom:40px;max-width:280px;justify-content:flex-end}.intro>p{position:absolute;right:0;top:96px;max-width:310px}}
@media(max-width:760px){header{padding:17px 20px}.privacy{max-width:145px;text-align:right;font-size:11px}main{padding:0 18px}.intro{padding:34px 0 28px}.intro>p{font-size:16px}.workspace{padding:14px;border-radius:18px}.drop{padding:22px 10px 18px}.drop h2{font-size:19px}.drop p{font-size:14px}.drop .hint{font-size:12px}.convert-row{align-items:stretch;flex-direction:column;margin-top:18px}.convert-row .primary{width:100%}.option{font-size:12px}.option small{display:block;margin-left:29px;margin-top:-8px}.section-head{align-items:flex-start;flex-direction:column}.section-head .actions{justify-content:flex-start;width:100%}.section-head .actions button{flex:1;font-size:13px}.results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.thumb{height:160px}.card-body{padding:12px}.how{gap:18px;padding:36px 0}.how h3{font-size:15px}.how p{font-size:12px}footer{flex-direction:column}dialog{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0}.preview-top{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top))}.toolbar{padding:8px;gap:6px;justify-content:center}.toolbar #preview-download{flex:1}.preview-note{padding-bottom:env(safe-area-inset-bottom)}#paper-scroll{padding:10px}.book-panel{padding:16px}#sequence{font-size:13px}}
@media(max-width:440px){.results{grid-template-columns:1fr}.thumb{height:210px}.how{grid-template-columns:1fr;gap:22px}.how>div{padding-left:40px;position:relative}.how>div>span{position:absolute;left:0;top:5px}.how h3{margin-top:0}.how p{font-size:14px}.brand{font-size:18px}.privacy{font-size:10px;max-width:115px}.drop .actions{flex-direction:column}.drop .actions button{width:100%}.book-panel .section-head{gap:6px}#sequence{gap:6px}#sequence button{padding:7px 12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.export-dialog{width:min(600px,96vw);height:auto;max-height:92dvh;overflow:auto;padding:24px}.export-dialog label{display:block;margin:12px 0;font-size:14px}.export-dialog select{display:block;width:100%;min-height:46px;margin-top:6px;padding:10px;border:1px solid #cedac4;border-radius:8px;background:white;color:#182b23;font:inherit}.export-dialog .actions{margin-top:16px}.export-dialog .actions button{flex:1 1 180px}.card .actions+.preview-button{margin-top:12px}.export-dialog p{overflow-wrap:anywhere}