/* Shared catalogue language: white surfaces, quiet controls, object imagery. */
.catalog-dialog-open{overflow:hidden}.catalog-dialog{box-sizing:border-box;width:min(720px,calc(100% - 32px));max-height:calc(100dvh - 48px);margin:5vh auto auto;padding:24px;border:1px solid #e4e5e9;border-radius:20px;background:#fff;color:#1d1d1f;box-shadow:0 24px 90px #1112;font-family:inherit;overflow:auto}.catalog-dialog::backdrop{background:#1d1d1f66;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.dialog-heading h2{font-size:22px;margin:0}.dialog-close{width:40px;height:40px;flex:none;border:0;border-radius:50%;font-size:28px;background:#f5f5f7;color:#60646c;cursor:pointer}.catalog-dialog button,.catalog-dialog input,.catalog-dialog select{font:inherit}.popup-search-form{display:flex;align-items:center;gap:12px;background:#f5f5f7;padding:10px 12px;border:1px solid #e4e5e9;border-radius:12px}.popup-search-form input{min-width:0;flex:1;width:100%;padding:8px 0;background:transparent;border:0;font-size:17px;outline-offset:3px}.popup-search-form svg{flex:none}.search-types{border:0;padding:0;display:flex;gap:8px;margin:18px 0 0;flex-wrap:wrap}.search-types label{position:relative;cursor:pointer}.search-types input{position:absolute;opacity:0;width:1px;height:1px}.search-types span{display:block;padding:8px 14px;border-radius:9px;background:#f5f5f7;color:#60646c}.search-types input:checked+span{background:#eaf3ff;color:#0066cc;font-weight:700}.search-types input:focus-visible+span{outline:2px solid #0066cc;outline-offset:2px}.search-status{color:#60646c;font-size:13px;margin:16px 0}.search-bottom{border-top:1px solid #e4e5e9;margin-top:18px;padding-top:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}.search-bottom span{color:#60646c}.search-all{color:#0066cc}.search-suggestions{display:flex;flex-wrap:wrap;gap:8px}.search-suggestions a{padding:10px;background:#f5f5f7;border-radius:8px;color:#1d1d1f}.search-suggestions[hidden]{display:none}#search-results{max-height:48dvh;overflow:auto}#search-results h3{font-size:13px;color:#60646c;margin:16px 8px 6px}#search-results [role=option]{display:flex;align-items:center;gap:12px;padding:9px;border-radius:10px;color:inherit;text-decoration:none}#search-results [role=option]:hover,#search-results [aria-selected=true]{background:#eef5ff}#search-results img,.quick-placeholder{width:48px;height:48px;border-radius:9px;object-fit:contain;background:#f5f5f7;flex:none}.quick-placeholder{display:grid;place-items:center}#search-results strong{font-size:15px;display:block;overflow-wrap:anywhere}#search-results small{display:block;font-size:12px;color:#60646c;margin-top:4px}.popup-search-trigger{cursor:pointer;width:100%;font:inherit;text-align:left}.popup-search-trigger span{flex:1}.popup-search-trigger kbd{font-family:inherit;font-size:13px;color:#60646c}.filter-dialog{width:min(500px,calc(100% - 32px))}.dialog-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dialog-fields label{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:650}.dialog-fields input,.dialog-fields select{width:100%;min-width:0;padding:11px;border:1px solid #d8dbe0;border-radius:9px;background:#fff}.dialog-fields label:has(select){grid-column:1/-1}.dialog-actions{display:flex;justify-content:space-between;border-top:1px solid #e4e5e9;margin-top:26px;padding-top:20px;gap:12px}.catalog-toolbar,.unified-catalog .toolbar{display:flex;align-items:center;gap:10px;margin:22px 0 14px;flex-wrap:wrap}.catalog-toolbar .search,.unified-catalog .toolbar .search{flex:1;min-width:180px}.filter-trigger{display:inline-flex;align-items:center;gap:8px}.filter-trigger b{font-size:12px;border-radius:50%;background:#0066cc;color:white;min-width:20px;line-height:20px}.catalog-view{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:12px 0;font-size:13px;color:#60646c}.catalog-view .btn{font-size:13px;padding:7px 12px}.unified-catalog .grid.items{gap:24px 18px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.unified-catalog .card{min-width:0}.unified-catalog .card-media{aspect-ratio:1;background:#f5f5f7;border-radius:14px;overflow:hidden;height:auto}.unified-catalog .card-media img{width:100%;height:100%;object-fit:contain}.unified-catalog .card.game .card-media img{object-fit:cover}.unified-catalog .card h3{font-size:15px;line-height:1.45;margin:12px 0 5px}.unified-catalog .card .creator{font-size:12px;line-height:1.5}.unified-catalog .price{font-size:14px;font-weight:700}.unified-catalog .grid.items.list-view{grid-template-columns:1fr}.unified-catalog .grid.items.list-view .card-media{width:84px;min-width:84px;height:84px}.unified-catalog .resource-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px 18px}.catalog-count{font-size:14px;color:#60646c;margin:14px 0 20px}.reference-toc{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0 30px}.reference-toc a{color:#0066cc}.reference-catalog>h2{font-size:24px}.reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:22px}.reference-card{min-width:0;border:1px solid #e4e5e9;border-radius:16px;overflow:hidden;background:#fff}.reference-media{height:210px;background:#f5f5f7;display:grid;place-items:center}.reference-media img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;padding:18px;box-sizing:border-box}.reference-body{padding:18px}.reference-category{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.5;color:#60646c;margin:0 0 9px}.reference-category span{font-weight:700;color:#0066cc}.reference-card h3{font-size:20px;line-height:1.35;margin:0;overflow-wrap:anywhere}.reference-subtitle{font-size:13px;color:#60646c;margin:4px 0 12px}.reference-description{font-size:14px;line-height:1.65;margin:12px 0}.reference-facts{margin:16px 0 0;font-size:14px;line-height:1.65}.reference-facts>div{padding:10px 0;border-top:1px solid #eceef1}.reference-facts dt{font-size:12px;color:#60646c}.reference-facts dd{margin:3px 0 0;overflow-wrap:anywhere}.reference-reading{max-width:74ch;margin:54px 0}.reference-reading section{margin:30px 0}.reference-reading p{line-height:1.75}.class-reference-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.class-reference-grid .reference-media{height:250px}.catalog-pagination{margin:30px 0;align-items:center}.catalog-pagination [aria-current=page]{background:#0066cc;color:#fff}.reference-catalog{scroll-margin-top:24px}.catalog-dialog :focus-visible{outline:2px solid #0066cc;outline-offset:3px}.catalog-filter-field{display:flex;gap:8px;align-items:center;font-size:13px}
@media(max-width:640px){.catalog-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:20px 16px}.search-dialog{display:none}.search-dialog[open]{display:flex;flex-direction:column}#search-results{max-height:none;flex:1}.search-bottom{margin-top:auto;padding-top:16px}.search-bottom span{display:none}.search-types{gap:6px}.search-types span{padding:8px 12px}.popup-search-form{gap:8px}.popup-search-form input{font-size:16px}.popup-search-form .btn{padding:8px 10px}.catalog-toolbar .search,.unified-catalog .toolbar .search{min-width:100%;order:-1}.catalog-toolbar>.select{flex:1;min-width:0;width:100px}.catalog-toolbar>.btn{font-size:13px;padding:10px 12px}.unified-catalog .grid.items{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.unified-catalog .card h3{font-size:14px}.reference-grid,.class-reference-grid{grid-template-columns:1fr}.reference-media{height:220px}.reference-card{border-radius:14px}.reference-body{padding:18px}.reference-description,.reference-facts{font-size:15px}.reference-toc{gap:14px;font-size:14px}.reference-reading{margin-top:36px}.dialog-fields{gap:14px}.dialog-heading h2{font-size:21px}.filter-dialog .dialog-actions{position:sticky;bottom:0;background:white;padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){.catalog-dialog,*{scroll-behavior:auto}}
.reference-media{grid-template-rows:minmax(0,1fr);overflow:hidden}.reference-media img{min-height:0;max-height:100%;align-self:stretch}.sidebar-search.popup-search-trigger{display:flex;align-items:center;gap:10px;padding:12px;height:44px}.sidebar-search.popup-search-trigger svg{position:static;width:17px;height:17px;flex:none}