:root{--ink:#171713;--muted:#6f7067;--paper:#f4f2eb;--card:#fbfaf6;--line:#d8d5ca;--acid:#d7ff42;--deep:#263315;--red:#d34c37}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:74px;padding:0 5vw;display:flex}.brand{color:inherit;letter-spacing:-.02em;align-items:center;gap:12px;font-weight:760;text-decoration:none;display:flex}.brandMark{background:var(--ink);width:34px;height:34px;color:var(--acid);border-radius:50%;place-items:center;font-family:Georgia;font-size:20px;font-style:italic;display:grid}.localPill{border:1px solid var(--line);color:var(--muted);background:#fff6;border-radius:99px;padding:9px 14px;font-size:12px}.localPill i{background:#75a82c;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #e0ebcd}main{max-width:1180px;margin:auto;padding:0 32px}.hero{text-align:center;padding:84px 0 52px}.eyebrow{letter-spacing:.22em;color:#69764d;margin-bottom:24px;font-size:11px;font-weight:800}.hero h1{letter-spacing:-.055em;margin:0;font-family:Georgia,Songti SC,serif;font-size:clamp(46px,7vw,82px);font-weight:500;line-height:1.04}.hero h1 em{color:#536629;font-weight:400}.hero p{max-width:650px;color:var(--muted);margin:28px auto 0;font-size:15px;line-height:1.8}.workspace{background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 18px 60px #2d2b1e14}.dropzone{text-align:center;cursor:pointer;background:linear-gradient(135deg,#d7ff420f,#0000 45%);border:1.5px dashed #b9b7ac;border-radius:16px;margin:16px;padding:64px 24px;transition:all .2s}.dropzone:hover,.dropzone.dragging{background:#d7ff421c;border-color:#66802c}.dropzone h2{margin:22px 0 8px;font-family:Georgia,Songti SC,serif;font-size:28px}.dropzone p{color:var(--muted);margin-bottom:24px;font-size:13px}.waveIcon{justify-content:center;align-items:center;gap:4px;height:42px;display:flex}.waveIcon i{background:#5c702f;border-radius:9px;width:4px;display:block}.waveIcon i:first-child,.waveIcon i:nth-child(7){height:10px}.waveIcon i:nth-child(2),.waveIcon i:nth-child(6){height:22px}.waveIcon i:nth-child(3),.waveIcon i:nth-child(5){height:34px}.waveIcon i:nth-child(4){background:var(--acid);height:42px;box-shadow:0 0 0 1px #92aa3b}.secondary,.primary{font:inherit;cursor:pointer;border:0}.secondary{background:var(--ink);color:#fff;border-radius:9px;padding:12px 20px;font-size:13px;font-weight:650}.panel{padding:12px 36px 36px}.panelHeading,.settingsTitle{align-items:center;display:flex}.panelHeading{justify-content:space-between;padding:22px 0 14px}.panelHeading>div,.settingsTitle{align-items:center;gap:12px;display:flex}.step{color:#829057;font:700 11px monospace}.panel h2{margin:0;font-size:16px}.count{color:var(--muted);background:#e9e7df;border-radius:99px;padding:4px 8px;font-size:11px}.textBtn{color:#4d6026;cursor:pointer;background:0 0;border:0;font-weight:700}.fileList{border-top:1px solid var(--line)}.fileRow{border-bottom:1px solid var(--line);grid-template-columns:46px 1fr auto auto;align-items:center;gap:14px;padding:15px 4px;display:grid}.fileType{color:#52632d;background:#e9ecd9;border-radius:8px;place-items:center;height:42px;font-size:10px;font-weight:800;display:grid}.fileInfo strong{white-space:nowrap;text-overflow:ellipsis;max-width:580px;font-size:13px;display:block;overflow:hidden}.fileInfo span,.fileStatus{color:var(--muted);margin-top:5px;font-size:11px;display:block}.fileStatus.done{color:#577a20}.fileStatus.error{color:var(--red)}.download,.remove{cursor:pointer;background:0 0;border:0}.download{color:#52632d;font-size:12px;font-weight:700;text-decoration:none}.remove{color:#888;font-size:18px}.settings{border-bottom:1px solid var(--line);padding:26px 0}.settingsTitle{margin-bottom:18px}.settingGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.settingGrid label{color:var(--muted);font-size:11px;font-weight:650}.settingGrid select{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:8px;outline:none;margin-top:8px;padding:12px}.settingGrid select:focus{border-color:#758b3e}.actionRow{justify-content:space-between;align-items:center;padding-top:26px;display:flex}.actionRow strong,.actionRow span{display:block}.actionRow strong{font-family:Georgia,Songti SC,serif;font-size:20px}.actionRow span{color:var(--muted);margin-top:6px;font-size:11px}.primary{background:var(--acid);min-width:190px;color:var(--deep);border-radius:10px;justify-content:space-between;padding:15px 18px;font-weight:800;display:flex;box-shadow:inset 0 0 0 1px #afcc3b}.primary:disabled{filter:grayscale();opacity:.55;cursor:not-allowed}.primary b{font-size:18px}.features{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;margin:70px 0;display:grid;overflow:hidden}.features article{background:var(--paper);padding:30px}.features article>span{color:#84945e;font:700 10px monospace}.features h3{margin:22px 0 10px;font-family:Georgia,Songti SC,serif;font-size:20px}.features p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}footer{background:var(--ink);color:#fff;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:120px;padding:30px 5vw;display:grid}footer span{font-weight:800}footer p{text-align:center;color:#bbb;font-size:12px}footer small{text-align:right;color:#777}.toast{color:#fff;opacity:0;pointer-events:none;background:#222;border-radius:9px;padding:11px 18px;font-size:12px;transition:all .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:760px){.topbar{padding:0 18px}.localPill{font-size:0}.localPill i{margin:0}.hero{padding:58px 0 38px}main{padding:0 14px}.panel{padding:10px 18px 24px}.settingGrid{grid-template-columns:1fr 1fr}.fileRow{grid-template-columns:40px 1fr auto}.fileStatus{grid-column:2}.features{grid-template-columns:1fr;margin:44px 0}.actionRow{flex-direction:column;align-items:stretch;gap:20px}.primary{width:100%}footer{text-align:center;grid-template-columns:1fr;gap:8px}footer p,footer small{text-align:center;margin:0}.hero h1{font-size:44px}}