.bg-tool{max-width:1180px;margin:auto;padding:32px 24px 60px;color:#1e293b}.bg-tool *{box-sizing:border-box}.bg-tool [hidden]{display:none!important}.bg-tool h1{font-size:clamp(30px,4.5vw,52px);line-height:1.12;letter-spacing:-1.5px;margin:12px 0 16px}.bg-intro{text-align:center;max-width:800px;margin:0 auto 32px}.bg-intro span{color:#0052cc}.bg-eyebrow{color:#0052cc;font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase}.bg-intro p{color:#475569;line-height:1.6}.bg-workspace{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;align-items:start}.bg-comparison{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dbeafe;border-radius:20px;overflow:hidden;background:#f1f5f9}.bg-pane{position:relative;min-width:0;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center}.bg-pane+ .bg-pane{border-left:2px solid #0066ff}.bg-pane img{display:block;width:100%;height:100%;object-fit:contain}.bg-pane label{position:absolute;left:10px;top:10px;z-index:1;background:rgba(255,255,255,.95);border:1px solid #e2e8f0;border-radius:20px;padding:5px 10px;font-size:12px;color:#1e293b}.bg-checker{background-color:#fff;background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.bg-empty{padding:28px;text-align:center;font-size:14px;color:#475569;line-height:1.6}.bg-card{padding:24px;border:1px solid #dbeafe;border-radius:20px;background:#fff}.bg-drop{padding:32px 18px;border:2px dashed #93c5fd;border-radius:16px;text-align:center;background:#eff6ff}.bg-drop.drag{border-color:#0052cc;background:#dbeafe}.bg-upload-icon{font-size:36px;color:#0052cc;margin-bottom:16px}.bg-tool button,.bg-download{display:inline-flex;justify-content:center;align-items:center;min-height:46px;border-radius:10px;padding:12px 20px;font-weight:700;font-size:16px;border:1px solid #0052cc;background:#0052cc;color:#fff;text-decoration:none;cursor:pointer}.bg-tool button:hover,.bg-download:hover{background:#003d99;color:#fff}.bg-tool button:disabled{opacity:.5;cursor:not-allowed}.bg-tool .bg-secondary{background:#fff;color:#0052cc}.bg-tool .bg-secondary:hover{background:#eff6ff;color:#0052cc}.bg-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.bg-small{font-size:13px;line-height:1.6;color:#475569}.bg-status{min-height:48px;line-height:1.5;margin:14px 0;overflow-wrap:anywhere}.bg-status.error{color:#b91c1c}.bg-filename{overflow-wrap:anywhere;font-weight:600;font-size:14px}.bg-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:36px 0}.bg-features article{padding:20px;border:1px solid #dbeafe;border-radius:14px;background:#f8fafc}.bg-features h2{font-size:18px;margin:0 0 8px}.bg-features p{font-size:14px;color:#475569;margin:0;line-height:1.6}.bg-guide{max-width:850px;margin:40px auto 0;line-height:1.75}.bg-guide h2{font-size:26px;margin-top:30px}.bg-guide h3{font-size:19px;margin-top:24px}.bg-guide a{color:#0052cc}.bg-tool progress{width:100%;height:8px;accent-color:#0066ff}.bg-credit{font-size:11px;color:#64748b;margin-top:10px}.bg-tool input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.bg-drop>#bg-choose{width:100%;max-width:320px}.bg-tool :focus-visible{outline:3px solid #0052cc;outline-offset:3px}@media(max-width:767px){.bg-tool{padding:22px 16px 40px}.bg-workspace{grid-template-columns:1fr;gap:18px}.bg-workspace>.bg-card{order:-1}.bg-pane{aspect-ratio:3/4}.bg-card{padding:16px}.bg-drop{padding:22px 12px}.bg-features{grid-template-columns:1fr;gap:10px;margin:24px 0}.bg-features article{padding:16px}.bg-tool h1{letter-spacing:-.6px}.bg-actions button,.bg-download{flex-grow:1}.bg-pane label{left:5px;top:6px;font-size:11px;padding:4px 7px}}