*{box-sizing:border-box}html,body,#root{color:#191919;background:#ededed;min-height:100%;margin:0;font-family:Arial,system-ui,sans-serif}body{font-size:16px}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #1d4ed8}a{color:inherit}.catalog-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.catalog-header{padding:max(8px,env(safe-area-inset-top)) 14px 8px;background:#fff;border-bottom:1px solid #ddd;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.catalog-header h1{align-items:center;gap:10px;margin:0;font-size:15px;line-height:1.4;display:flex}.subtitle{color:#555;font-size:13px;font-weight:400}.open-pdf{white-space:nowrap;border:1px solid #ccc;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:8px 12px;font-size:13px;text-decoration:none;display:inline-flex}.catalog-controls{direction:rtl;background:#fafafa;border-bottom:1px solid #ddd;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:7px 10px;display:flex}.control-group{align-items:center;gap:4px;display:flex}.catalog-controls button{background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.fit-button{gap:6px;padding-inline:7px;font-size:13px}.page-picker{white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.page-picker input{text-align:center;appearance:textfield;background:#fff;border:1px solid #ccc;border-radius:7px;width:45px;min-height:40px;font-size:16px}.page-picker input::-webkit-inner-spin-button{appearance:none}.page-total{color:#555}.pdf-viewport{overscroll-behavior:contain;min-height:0;padding:12px 12px max(12px,env(safe-area-inset-bottom));touch-action:pan-x pan-y pinch-zoom;direction:ltr;flex:1;position:relative;overflow:auto}.page-wrap{justify-content:center;align-items:flex-start;width:max-content;min-width:100%;display:flex}.page-wrap canvas{background:#fff;flex-shrink:0;display:block;box-shadow:0 2px 10px #0002}.page-wrap canvas[hidden]{display:none}.viewer-status{text-align:center;color:#555;direction:rtl;margin:8px auto 14px;font-size:14px}.fallback{text-align:center;direction:rtl;background:#fff;border:1px solid #ddd;border-radius:12px;max-width:500px;margin:30px auto;padding:24px;line-height:1.7}.fallback a,.fallback button,.manage button{background:#fff;border:1px solid #bbb;border-radius:9px;justify-content:center;align-items:center;min-height:44px;margin:6px;padding:8px 14px;text-decoration:none;display:inline-flex}.notice{text-align:center;direction:rtl;padding:36px}.small-muted{color:#666;font-size:13px}.manage{background:#fff;border-radius:14px;max-width:650px;margin:30px auto;padding:24px;line-height:1.8}.manage h1{font-size:22px}.file-label{margin-top:20px;font-weight:700;display:block}.file-label input{width:100%;padding:14px 0;font-size:16px;display:block}.manage button{color:#fff;background:#171717;border-color:#171717;margin-inline:0}.back-link{margin-top:28px;font-size:14px;display:block}.error{color:#991b1b}.success{color:#166534}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=370px){.catalog-header h1{flex-direction:column;align-items:flex-start;gap:0}.catalog-controls{gap:0}.page-picker{gap:4px}.catalog-controls button{min-width:40px}.page-total{font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.catalog-hint{color:#603c17;text-align:center;background:#fff8f0;border-bottom:1px solid #eee1d0;flex-shrink:0;margin:0;padding:9px 16px;font-size:14px;line-height:1.5}:root{--brand-red:#d92d30;--brand-dark:#541824;--brand-soft:#fff4f4}.catalog-shell{border-top:3px solid var(--brand-red);background:#f3f3f3}.catalog-header{background:#fff;border-bottom:1px solid #eee;gap:16px;padding:8px 20px}.catalog-header h1{align-items:center;gap:16px}.brand-logo{-o-object-fit:contain;object-fit:contain;clip-path:inset(2px);flex-shrink:0;width:220px;height:54px;display:block}.subtitle{color:var(--brand-dark);white-space:nowrap;border-right:1px solid #eadcde;padding-right:16px;font-size:14px;font-weight:600}.open-pdf{color:var(--brand-dark);background:#fff;border-color:#ead5d7;border-radius:8px;font-weight:600}.open-pdf:hover{background:var(--brand-soft);border-color:var(--brand-red)}.catalog-hint{background:var(--brand-soft);color:var(--brand-dark);border-color:#f4dedf;padding:10px 16px;font-size:14px}.catalog-controls{background:#fff;border-bottom-color:#e8e8e8;gap:18px;padding:7px 12px}.catalog-controls button{color:var(--brand-dark);border-radius:8px}.catalog-controls button:hover:not(:disabled){background:var(--brand-soft)}.catalog-controls .next-page{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.catalog-controls .next-page:hover:not(:disabled){background:#be2029}.page-picker input{color:var(--brand-dark);border-color:#e2d7d8}.pdf-viewport{background:#f1f1f1}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:var(--brand-red)}@media (width<=600px){.catalog-header{gap:8px;padding:6px 12px}.catalog-header h1{flex-direction:column;align-items:flex-start;gap:0}.brand-logo{width:174px;height:43px}.subtitle{border:0;padding:0 9px 4px 0;font-size:12px}.open-pdf{min-height:44px;padding:7px 10px;font-size:12px}.catalog-hint{padding:8px 18px;font-size:13px}.catalog-controls{gap:4px 12px;padding:6px 8px}}
