.catalog-viewer{box-sizing:border-box;width:min(1100px,100%);max-width:100%;height:94vh;height:94dvh;max-height:100dvh;margin:auto;padding:0;border:0;border-radius:16px;background:#f7f4ec;color:#163d45;overflow:hidden}
.catalog-viewer[open]{display:flex;flex-direction:column}.catalog-viewer::backdrop{background:#102c2bba}.catalog-header{display:flex;align-items:center;gap:16px;padding:12px 18px;border-bottom:1px solid #dcded4}.catalog-header h2{font-size:17px;line-height:1.7;margin:0;flex:1}.catalog-viewer button{min-width:42px;min-height:42px;border:1px solid #bdc7be;border-radius:8px;background:#fffef9;color:inherit;cursor:pointer;font:inherit}.catalog-header button{font-size:28px}.catalog-viewer button:disabled{opacity:.4;cursor:default}.catalog-viewer button:focus-visible,.catalog-viewer a:focus-visible{outline:3px solid #a85e47;outline-offset:2px}.catalog-toolbar{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px;border-bottom:1px solid #dcded4;font-size:12px}.catalog-toolbar a{padding:8px;text-decoration:underline}.catalog-toolbar [data-catalog-fit]{padding-inline:10px}.catalog-toolbar [data-catalog-count]{min-width:62px;text-align:center}.catalog-status{margin:0;padding:8px 16px;text-align:center;font-size:13px}.catalog-status:empty{display:none}.catalog-viewport{flex:1;min-height:0;overflow:auto;direction:ltr;padding:12px;background:#e2e6df;overscroll-behavior:contain;text-align:center}.catalog-viewport canvas{display:block;margin:auto;max-width:none;box-shadow:0 2px 12px #163d4526;background:#fff}.catalog-viewport canvas[hidden]{display:none}html.catalog-open{overflow:hidden}
@media(max-width:640px){.catalog-viewer{width:100%;height:100vh;height:100dvh;border-radius:0}.catalog-header{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top))}.catalog-header h2{font-size:15px}.catalog-toolbar{gap:6px}.catalog-viewport{padding:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}}