/* Screen-only opt-in shell. Original conversion scripts and print styles are untouched.
   Colors/geometry match the final editorial rules in lab-home-20261004.css. */
@media screen {
body.pdf-aligned{color-scheme:light;--bg:#f3f0e8;--panel:#fff;--panel-deep:#fff9dd;--line:#191919;--text:#191919;--muted:#494944;--soft:#494944;--accent:#6234d8;--success:#23643c;--danger:#9e2f24;background:#f3f0e8;color:#191919;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:weight style}
.pdf-aligned>.page{width:min(1320px,100%);padding:26px 32px 36px}
.pdf-aligned .topbar{padding:16px 20px;margin-bottom:38px;background:#ed5a50;border:2px solid #191919;border-radius:5px;box-shadow:5px 5px 0 #191919}
.pdf-aligned .brand{color:#fff;font-size:25px;font-weight:850;letter-spacing:-.5px;display:inline-flex;align-items:center;gap:10px}
.pdf-aligned .brand:before{content:'✳';display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:2px solid #191919;border-radius:4px;background:#ffe372;color:#191919;font-size:24px;line-height:1;overflow:hidden}
.pdf-aligned .lang{border:0;border-radius:5px;background:#fff4;padding:3px;gap:2px}
.pdf-aligned .lang a{min-width:40px;padding:6px 10px;border-radius:3px;color:#191919;font-size:12px;font-weight:750}
.pdf-aligned .lang .active{background:#ffe372;color:#191919}
.pdf-aligned .lang a:hover{background:#fff;color:#191919}
.pdf-aligned .hero{gap:28px;margin-bottom:26px;align-items:center}
.pdf-aligned .eyebrow{color:#191919;font-size:11px;letter-spacing:1.3px}
.pdf-aligned h1{font-size:34px;line-height:1.35;font-weight:850;letter-spacing:-1px;color:#191919}
.pdf-aligned .summary{font-size:15px;line-height:1.7;color:#494944}
.pdf-aligned .trust span{border:1px solid #191919;border-radius:3px;background:#ffe372;color:#191919;padding:4px 8px;font-size:11px}
.pdf-aligned .card{border:2px solid #191919;border-radius:5px;background:#fff;box-shadow:4px 4px 0 #191919}
.pdf-aligned .format-card{background:#e4d8fb;padding:20px}
.pdf-aligned .format-card strong{color:#191919}
.pdf-aligned .converter{gap:24px}
.pdf-aligned :is(.controls,.status){padding:22px}
.pdf-aligned .drop{border:2px dashed #191919;border-radius:5px;background:#fff9dd;padding:22px}
.pdf-aligned .drop.hot{border-color:#6234d8;background:#e4d8fb;box-shadow:inset 0 0 0 2px #6234d8}
.pdf-aligned .file-icon{background:#ffe372;color:#191919;border:2px solid #191919;border-radius:4px;box-shadow:3px 3px 0 #191919}
.pdf-aligned :is(.picker,.action,.remove,.download){border:2px solid #191919;border-radius:4px;background:#6234d8;color:#fff;box-shadow:3px 3px 0 #191919;min-height:44px;line-height:1.45}
.pdf-aligned .picker{position:relative;align-items:center}
.pdf-aligned .remove{background:#fff;color:#191919}
.pdf-aligned :is(.picker,.action,.download):hover:not(:disabled){background:#43219c;color:#fff}
.pdf-aligned .remove:hover{background:#fff9dd}
.pdf-aligned .action:disabled{background:#e4d8fb;color:#494944;opacity:.65;box-shadow:none}
.pdf-aligned .selected{border:2px solid #191919;border-radius:5px;background:#f9dcd6}
.pdf-aligned .selected-copy{overflow:hidden}
.pdf-aligned .badge{border:1px solid #191919;border-radius:3px;background:#e4d8fb;color:#191919}
.pdf-aligned .status-box{border:2px solid #191919;border-radius:5px;background:#f3f0e8}
.pdf-aligned .status-mark{border:2px solid #191919;border-radius:4px;background:#ffe372;color:#191919;box-shadow:3px 3px 0 #191919}
.pdf-aligned .status-box.error{border-color:#9e2f24;background:#fff0eb}
.pdf-aligned .status-box.error .status-mark{border-color:#9e2f24;color:#9e2f24;background:#fff}
.pdf-aligned .status-box.done{border-color:#23643c;background:#edf6ed}
.pdf-aligned .status-box.done .status-mark{border-color:#23643c;color:#23643c;background:#fff}
.pdf-aligned .status-head{align-items:flex-start;flex-wrap:wrap}
.pdf-aligned .status-box :is(strong,p){overflow-wrap:anywhere}
.pdf-aligned .steps{gap:20px;margin-top:26px}
.pdf-aligned .step{box-shadow:3px 3px 0 #191919}
.pdf-aligned .step span{border:2px solid #191919;border-radius:4px;background:#ffe372;color:#191919}
.pdf-aligned .lab-simple-footer{margin-top:32px;border-top:1px solid #a7a39a;padding-top:20px;text-align:left;font-size:12px}
.pdf-aligned .lab-simple-footer a{color:#43219c;overflow-wrap:anywhere}
.pdf-aligned :is(a,button,input):focus-visible,.pdf-aligned .picker:focus-within{outline:3px solid #6234d8;outline-offset:4px}
.pdf-aligned ::selection{background:#ffe372;color:#191919}
}
@media screen and (max-width:860px){.pdf-aligned .converter{gap:22px}.pdf-aligned .hero{gap:22px}.pdf-aligned .steps{gap:18px}}
@media screen and (max-width:760px){.pdf-aligned>.page{padding:18px 20px 30px}.pdf-aligned .topbar{padding:12px;margin-bottom:28px;gap:12px}.pdf-aligned .brand{font-size:18px;color:#191919}.pdf-aligned h1{font-size:27px}.pdf-aligned .summary{font-size:14px}.pdf-aligned .lang a{padding:5px 8px;min-width:34px}.pdf-aligned :is(.controls,.status){padding:18px}.pdf-aligned .drop{padding:18px}}
@media screen and (max-width:400px){.pdf-aligned .topbar{flex-wrap:wrap}.pdf-aligned .lang{margin-left:auto}.pdf-aligned .brand{font-size:18px}.pdf-aligned .status h2{font-size:19px}.pdf-aligned .drop strong{font-size:19px}}