.catalog-workspace{padding:0 28px 50px}.catalog-head{min-height:92px;position:sticky;top:68px;z-index:12;background:#06131ff2;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center}.current-item{display:flex;align-items:center;gap:15px;min-width:0}.current-item .page-emblem{width:54px;height:54px;border-radius:12px;flex:0 0 auto}.current-item .page-emblem svg{width:29px;height:29px}.current-item p{margin:0 0 4px;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:1.2px}.current-item h1{font-size:22px;line-height:1;margin:0 0 5px}.current-item span{color:#7894a7;font-size:12px}.paired-preview{display:flex;align-items:center;gap:10px}.preview-small,.preview-large{display:grid;place-items:center;border:1px solid #2d5067;background:#091c2a}.preview-small{width:42px;height:42px;border-radius:8px;color:white}.preview-small svg{width:22px}.preview-large{width:54px;height:54px;border-radius:12px;color:var(--blue);box-shadow:inset 0 0 0 6px #0c2232}.preview-large svg{width:29px}.catalog-tools{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.search{height:44px;max-width:620px;flex:1;border:1px solid #294b61;background:#091a27;border-radius:10px;display:flex;align-items:center;padding:0 14px;gap:10px}.search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #19afff18}.search svg{width:19px;color:#6f8da1}.search input{width:100%;border:0;outline:0;background:transparent;color:white;font:inherit;font-size:14px}.search input::placeholder{color:#617d90}.count{display:flex;align-items:baseline;gap:7px}.count b{font-size:22px;color:var(--blue)}.count span{font-size:12px;color:#7893a5}.categories{display:flex;gap:8px;overflow:auto;padding:0 0 17px;scrollbar-width:thin}.category{height:34px;white-space:nowrap;border:1px solid #244359;border-radius:18px;padding:0 13px;background:#081925;color:#91a7b6;font-size:12px;cursor:pointer}.category:hover{color:white;border-color:#47708b}.category.active{color:#001522;background:var(--blue);border-color:var(--blue);font-weight:800}.icon-grid{display:grid;grid-template-columns:repeat(10,minmax(74px,1fr));gap:8px}.catalog-icon{height:96px;min-width:0;border:1px solid #17354a;border-radius:10px;background:#081a27;color:#cbdbe5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;cursor:pointer;padding:7px;position:relative}.catalog-icon:hover{border-color:#4c7894;background:#0b2232;color:white;transform:translateY(-1px)}.catalog-icon.selected{border-color:var(--blue);background:#0b2b40;color:var(--blue);box-shadow:0 0 0 1px #19afff33}.catalog-icon svg{width:28px;height:28px}.catalog-icon span{width:100%;font-size:10px;color:#7893a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.catalog-icon.selected span{color:#b6e5ff}.catalog-icon .selected-mark{position:absolute;right:6px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--blue);color:#001522;display:grid;place-items:center}.catalog-icon .selected-mark svg{width:11px}.empty{height:300px;border:1px dashed #27465a;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#708b9e;gap:8px}.empty svg{width:36px}.empty b{color:#c7d6df}.summary-item .pair{display:flex;align-items:center;gap:6px}.summary-item .pair svg:last-child{color:#7dd2ff}@media(max-width:1500px){.icon-grid{grid-template-columns:repeat(8,minmax(72px,1fr))}}@media(max-width:1200px){.icon-grid{grid-template-columns:repeat(6,minmax(72px,1fr))}.paired-preview{display:none}}@media(max-width:900px){.icon-grid{grid-template-columns:repeat(4,minmax(72px,1fr))}.catalog-head{grid-template-columns:1fr auto}.page-actions .ghost{display:none}}@media(max-width:760px){.catalog-workspace{padding:0 14px 40px}.catalog-head{top:68px}.icon-grid{grid-template-columns:repeat(3,minmax(72px,1fr))}.page-actions{grid-column:auto}.page-actions .primary{padding:0 10px}.summary-grid{grid-template-columns:1fr}}@media(max-width:420px){.icon-grid{grid-template-columns:repeat(2,minmax(72px,1fr))}.count span{display:none}}