:root{--ink:#232521;--muted:#88877f;--line:#e5e3dc;--paper:#faf9f5;--red:#e76853}*{box-sizing:border-box}body{margin:0;background:#f5f4ef;color:var(--ink);font:13px Manrope,"Microsoft YaHei",sans-serif}button,label{cursor:pointer}button,input,select,textarea{font:inherit}.shell{display:flex;min-height:100vh}body>div>aside{width:245px;background:#222522;color:#faf8ef;padding:32px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px}.brand b{background:var(--red);width:35px;height:35px;border-radius:10px 10px 10px 3px;display:grid;place-items:center;font:900 21px serif}.brand strong,.brand small{display:block}.brand small{color:#969b93;font-size:10px;letter-spacing:1px;margin-top:3px}.brand strong{font-size:17px}nav{display:grid;gap:8px;margin-top:68px}nav a{padding:13px;color:#9da29a;text-decoration:none;border-radius:5px}nav a.active{background:#393e38;color:#fff}.privacy{margin-top:auto;border:1px solid #3d423c;padding:17px;display:grid;gap:9px}.privacy i{color:#f1c064;font-size:20px}.privacy span{color:#969d94;font-size:10px;line-height:1.7}.privacy strong{font-size:12px}footer{color:#a7aca4;font-size:10px;margin-top:24px}footer em{display:inline-block;width:7px;height:7px;border-radius:50%;background:#82bf93;margin-right:7px}.shell>main{flex:1;padding:54px 6.5% 80px;max-width:1550px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:42px}header label,.title label{display:block;color:var(--red);font:10px monospace;letter-spacing:1.5px;margin-bottom:10px}h1{font:900 clamp(31px,4vw,50px)/1.2 "Noto Serif SC",serif;letter-spacing:-1px;margin:0}h1 em{color:var(--red);font-style:normal}.secure{color:#888981;font-size:11px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.content{display:grid;gap:24px}.upload,.panel{background:#fffefa;border:1px solid var(--line);border-radius:4px;box-shadow:0 15px 40px #4c43340b}.upload{min-height:260px;padding:40px 46px;display:flex;align-items:center;gap:30px;position:relative;overflow:hidden}.upload.drag{border-color:var(--red);background:#fff6f3}.paper{width:90px;height:120px;border:1px solid #d2d0c7;transform:rotate(-6deg);padding:30px 15px;color:var(--red);font-size:20px;box-shadow:8px 8px 0 #e9e6dd;position:relative;background:#fff}.paper:after{content:"";display:block;border-top:2px solid #bdbbb1;border-bottom:2px solid #bdbbb1;height:28px;margin-top:7px}.paper small{position:absolute;right:-27px;top:4px}.upload h2,.title h2{font-size:17px;margin:0 0 8px}.upload p{color:var(--muted);font-size:12px;margin:0 0 20px}.button,.recognize{border:0;border-radius:3px;background:var(--red);color:white;font-weight:700;padding:12px 17px;display:inline-flex;align-items:center}.upload>div:last-of-type>span{color:#99978f;font:10px monospace;margin-left:10px}.drop{position:absolute;right:30px;top:28px;color:#aaa79f;font:10px monospace}.panel{padding:25px}.title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.title h2{margin-bottom:0}.title>b{background:#fff0ec;color:#c84f3d;font:10px monospace;padding:7px 9px}.queue{min-height:110px;padding:22px 0 10px}.empty{display:grid;justify-items:center;gap:7px;color:#aaa79f;text-align:center;font-size:23px}.empty span{font-size:12px}.empty small{font-size:10px;color:#c1bdb3}.bottom,.meta{display:flex;justify-content:space-between;align-items:center;color:#99978f;font-size:10px}.bottom button, #copy{border:0;background:none;color:#c84f3d;font-size:11px;font-weight:700}.queue-item{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:9px;border-bottom:1px solid var(--line)}.queue-item img{width:46px;height:54px;object-fit:cover;border:1px solid #ddd9d0}.queue-item strong,.queue-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item small{color:#999;margin-top:5px;font-size:10px}.remove{border:0;background:none;color:#aaa;font-size:18px}.title>div:last-child{display:flex;gap:8px}.title>div:last-child button{border:0;background:#efeee8;padding:9px 13px;color:#333;font-size:11px}.title>div:last-child .button{background:var(--red);color:#fff}.meta{margin:22px 0 8px;font-family:monospace}textarea{width:100%;min-height:310px;resize:vertical;border:1px solid var(--line);outline:0;padding:17px;background:#fffefa;font:14px/2 "Noto Serif SC",serif}.settings>.panel{background:#f0efe9;box-shadow:none}.settings .title{margin-bottom:18px}.field{display:block;color:#62645d;font-size:11px;font-weight:700;margin:19px 0}.field select{display:block;width:100%;border:1px solid #dad8d0;background:#fbfaf7;padding:10px;margin-top:8px}.field span{float:right;color:var(--red);font:10px monospace}.field input{width:100%;accent-color:var(--red);display:block;margin-top:12px}.check{display:flex;justify-content:space-between;gap:10px;margin:20px 0}.check strong,.check small{display:block}.check strong{font-size:11px;color:#5e6059}.check small{font-size:9px;color:#999990;margin-top:4px}.check input{accent-color:var(--red)}.recognize{width:100%;justify-content:center;background:var(--ink);margin-top:7px}.recognize:disabled{opacity:.45}.settings #progress{margin-top:16px;font:10px monospace;color:#777}.settings #progress>div{height:4px;background:#d9d7cf;margin-top:7px}.settings #progress i{display:block;width:0;height:100%;background:var(--red)}.tip{display:flex;gap:12px;background:#fbf4e8;border-left:3px solid #d2a258;padding:17px;margin-top:24px}.tip>b{color:#c49448;font-size:22px}.tip strong,.tip small{display:block}.tip strong{font-size:11px;color:#66543b}.tip small{color:#978469;font-size:10px;line-height:1.7;margin-top:6px}@media(max-width:1000px){.layout{grid-template-columns:1fr}.settings{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tip{margin-top:0}}@media(max-width:700px){body>div>aside{width:62px;padding:24px 11px;align-items:center}.brand div,nav a:not(.active),.privacy,footer{display:none}nav{width:100%;margin-top:50px}nav a{padding:13px 5px;font-size:0;text-align:center}.shell>main{width:calc(100% - 62px);padding:30px 18px 50px}header{margin-bottom:28px}.secure{display:none}.upload{display:block;padding:28px;text-align:center}.paper{margin:0 auto 25px}.upload>div:last-of-type>span{display:block;margin:14px 0 0}.drop{position:static;display:block;margin-top:20px}.settings{display:block}.tip{margin-top:20px}.title>div:last-child{margin-top:15px}.title{align-items:flex-start}.panel .title{display:block}}
.page-placeholder{width:46px;height:54px;display:grid;place-items:center;border:1px solid #ddd9d0;background:#f0eee7;color:#96938a;font:11px monospace}
#result .title>div:last-child{flex-wrap:wrap;justify-content:flex-end}
#result .title>div:last-child button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:700px){#result .title>div:last-child{justify-content:flex-start}}
.layout-preview{margin-top:20px;padding:18px;border:1px solid var(--line);background:#fffefa;font-family:"Noto Serif SC",serif}
.layout-preview>strong,.layout-preview>small{display:block}
.layout-preview>strong{font-size:13px}
.layout-preview>small{margin:5px 0 16px;color:var(--muted);font:11px/1.5 Manrope,"Microsoft YaHei",sans-serif}
.preview-page+.preview-page{border-top:1px dashed var(--line);padding-top:14px;margin-top:14px}
.preview-page h3,.preview-page p{margin:0 0 8px;overflow-wrap:anywhere}
.preview-heading{font-size:21px;line-height:1.55;text-align:center;font-weight:900}
.preview-body{font-size:15px;line-height:1.9}
.preview-note{font-size:11px;line-height:1.65;color:#66675f}
.preview-indent{text-indent:2em}
.layout-preview sup{font-size:.7em;vertical-align:super}