body{background:#fcf5f8}.catalog-header{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:16px 5%;background:#fff}.catalog-header h1{font-size:22px}.catalog-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:18px;background:#fff}.catalog-toolbar button{padding:9px 14px;min-height:44px}.catalog-toolbar label{display:flex;align-items:center;gap:8px}.catalog-toolbar input{width:74px}.catalog-toolbar button:disabled{opacity:.4;cursor:default}#catalog-viewer:fullscreen{overflow:auto;background:#fcf5f8}.catalog-stage{overflow:auto;padding:24px;min-height:50vh;touch-action:pan-x pan-y}.catalog-pages{display:flex;justify-content:center;gap:3px;min-width:max-content;margin:auto;direction:ltr}.catalog-pages canvas{display:block;background:#fff;box-shadow:0 12px 35px #30202d22;max-width:none}.catalog-pages.turn{animation:catalog-turn .25s ease-out}#catalog-viewer>[role=status],.catalog-fallback{text-align:center;padding:8px 18px}.catalog-fallback a{text-decoration:underline}@keyframes catalog-turn{from{opacity:.5;transform:perspective(1400px) rotateY(-5deg)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.catalog-pages.turn{animation:none}}@media(max-width:700px){.catalog-header{flex-wrap:wrap;gap:10px}.catalog-header h1{order:3;width:100%;font-size:20px}.catalog-stage{padding:12px}.catalog-toolbar{gap:6px;padding:12px}.catalog-toolbar button{font-size:13px}}