.bg-page{max-width:1100px;margin:auto;padding:0 24px 64px}.bg-intro{max-width:810px;padding:64px 0 28px}.bg-intro h1{font-size:clamp(42px,6vw,78px);line-height:1.05;letter-spacing:-.05em}.bg-lead{font-size:21px;line-height:1.65;max-width:760px}.bg-note{font-size:14px;line-height:1.7;color:#59665d}.bg-workspace{padding:28px;border:1px solid #d0dcd0;border-radius:22px;background:#edf2e9}.bg-drop{display:block;border:2px dashed #a6b79f;border-radius:14px;padding:32px 16px;text-align:center;cursor:pointer;background:#f7f9f3}.bg-drop.over{border-color:#255c42;background:#e4eedb}.bg-drop strong,.bg-drop span{display:block}.bg-drop strong{font-size:20px}.bg-drop span{font-size:14px;margin:10px 0;color:#59665d}.bg-drop input{max-width:100%;margin:12px auto 0}.bg-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.bg-toolbar button,.bg-toolbar a{font:600 15px/1.4 system-ui;padding:13px 20px;border:0;border-radius:8px;background:#1a2a20;color:white;cursor:pointer;text-decoration:none}.bg-toolbar .secondary{background:#dce7d4;color:#1a2a20}.bg-toolbar button:disabled{opacity:.45;cursor:not-allowed}.bg-cpu{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.6}.bg-cpu input{margin-top:5px;flex-shrink:0}#status{overflow-wrap:anywhere;line-height:1.6}#progress{width:100%;accent-color:#255c42}.bg-previews{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.bg-previews figure{margin:0;min-width:0}.bg-previews figcaption{font-size:14px;margin-bottom:8px}.bg-image{display:flex;align-items:center;justify-content:center;min-height:220px;border:1px solid #d0dcd0;border-radius:12px;background:#e2e8df;overflow:hidden}.bg-image img{max-width:100%;max-height:480px;object-fit:contain}.checker{background-color:white;background-image:conic-gradient(#e4e8e3 25%,transparent 0 50%,#e4e8e3 0 75%,transparent 0);background-size:20px 20px}.bg-copy{max-width:800px;margin:52px 0;line-height:1.85}.bg-copy h2{font-size:30px;letter-spacing:-.03em}.bg-copy details{padding:15px 0;border-top:1px solid #d0dcd0}.bg-copy summary{font-weight:650;cursor:pointer}.bg-copy a{color:#245b43}#error-box{border:1px solid #a84831;background:#fff1eb;padding:12px;border-radius:8px}#error-details{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}[hidden]{display:none!important}:focus-visible{outline:3px solid #648d17;outline-offset:4px}@media(max-width:640px){.bg-page{padding:0 16px 32px}.bg-intro{padding-top:32px}.bg-workspace{padding:16px}.bg-previews{grid-template-columns:1fr}.bg-toolbar>*{flex:1;text-align:center}.bg-lead{font-size:18px}.bg-copy h2{font-size:26px}}
.bg-drop input{display:block}.bg-cpu input{display:inline-block;width:17px;height:17px;accent-color:#245b43}