body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;padding:0;background:#f3f4f6;color:#111827}.app{max-width:1100px;margin:0 auto;padding:24px 16px 48px}h1{font-size:1.8rem;margin-bottom:8px}p.description{margin-top:0;margin-bottom:20px;color:#4b5563}.uploader{padding:16px;background:#ffffff;border-radius:12px;box-shadow:0 8px 20px #0f172a14;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;flex-wrap:wrap}.uploader-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.uploader input[type=file]{border:1 dashed #9ca3af;padding:8px 12px;border-radius:8px;background:#f9fafb}.status{margin-top:2px;font-size:.9rem;color:#6b7280}.batch-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.batch-actions input[type=text]{padding:7px 10px;border-radius:999px;border:1px solid #d1d5db;font-size:.85rem;background:#f9fafb;min-width:240px;max-width:320px}.batch-hint{font-size:.8rem;color:#9ca3af;margin-top:2px}.pages-container{display:flex;flex-direction:column;gap:24px;margin-top:12px}.page-card{display:flex;gap:16px;align-items:flex-start;padding:16px;background:#ffffff;border-radius:12px;box-shadow:0 6px 16px #0f172a0f;overflow:hidden}.page-info{min-width:140px;max-width:160px;display:flex;flex-direction:column;gap:8px}.page-title{font-weight:600;font-size:.95rem;color:#111827}.page-meta{font-size:.8rem;color:#6b7280}.btn-download{display:inline-block;padding:8px 12px;border-radius:999px;border:none;font-size:.85rem;font-weight:500;text-decoration:none;background:#2563eb;color:#fff;cursor:pointer;text-align:center;transition:transform .05s ease,box-shadow .1s ease,background .1s ease;box-shadow:0 4px 10px #2563eb59;white-space:nowrap}.btn-download[disabled]{opacity:.5;cursor:default;box-shadow:none}.btn-download:not([disabled]):hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 14px #2563eb66}.btn-download:not([disabled]):active{transform:translateY(0);box-shadow:0 2px 6px #2563eb40}.canvas-wrapper{overflow:auto;max-width:100%}canvas{max-width:100%;height:auto;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb}.loading{font-size:.9rem;color:#6b7280;margin-top:4px}@media (max-width: 768px){.page-card{flex-direction:column}.page-info{flex-direction:row;align-items:center;justify-content:space-between;max-width:100%}.batch-actions{flex-direction:column;align-items:flex-start}}