/* Shared institute identity and a model-first professional gallery. */
body[data-surface=catalog]{--bg:#101419;--ink:#edf1f4;--muted:#9aa6b2;--line:#ffffff18;background:radial-gradient(ellipse at 75% 15%,#25303a55,transparent 50%),#101419}
body[data-surface=catalog] .masthead{height:82px;padding:0 32px;background:#12181df5;gap:24px}
.identity{gap:25px;min-width:0}.identity .university-mark{display:block;width:245px;height:55px;flex-shrink:0}.identity-course{padding-left:25px;border-left:1px solid #ffffff24}.identity strong{font-size:17px;letter-spacing:.12em}.identity small{color:#929fab}.header-nav .home{border-color:#ffffff25;font-size:12px;border-radius:3px}
.workspace{grid-template-columns:240px minmax(0,1fr);max-width:2560px}.sidebar{padding:23px 13px;top:0;max-height:100svh;min-height:calc(100svh - 82px);scrollbar-width:thin;scrollbar-color:#384450 transparent}body[data-surface=catalog] .sidebar{background:#12181e80}.side-title{font-size:10px;letter-spacing:.14em;padding-bottom:13px}.domain{font-size:12px;min-height:45px;border-radius:3px;padding:9px 12px;gap:9px}.domain svg{width:16px;height:16px}.domain b{font-size:10px}body[data-surface=catalog] .domain[aria-pressed=true]{background:linear-gradient(90deg,#31485a80,#24313b30);border-color:transparent;border-left:2px solid #a4c8e2;color:#fff}.domain-children{margin:3px 9px 14px 22px;padding-left:12px;border-left:1px solid #819bb630;display:grid;gap:2px}.domain-model{font-size:11px;line-height:1.5;padding:7px 5px;color:#8d9daa;border-radius:3px}.domain-model:hover,.domain-model[aria-current]{color:#e7c99d;background:#ffffff06}.side-note{margin-top:20px;padding:16px 10px;font-size:10px;line-height:1.9}
.main{padding:20px 32px 40px}.breadcrumbs{margin-bottom:10px;font-size:11px;gap:9px}.breadcrumbs a{min-height:26px;color:#9aaab7}.breadcrumbs [aria-current]{color:#c5d3df}
.domain-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:248px;background:radial-gradient(ellipse at 78% 50%,#34404c65,transparent 65%),linear-gradient(115deg,#1c242c,#171e26);border:1px solid #ffffff0f;overflow:hidden;position:relative;margin-bottom:24px;border-radius:5px}.hero-copy{padding:29px 22px 24px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;z-index:1}.hero-kicker{font-size:9px;letter-spacing:.16em;color:#90a9b8;margin-bottom:17px}.section-intro{display:block;margin-bottom:20px}.section-intro h1{font-size:clamp(25px,2.2vw,43px);letter-spacing:.035em;margin:0 0 12px;line-height:1.35}.section-intro p{font-size:12px;line-height:1.9;max-width:460px;color:#9daebb}.hero-bottom{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.section-count{padding:0;font-size:10px;gap:8px}.section-count strong{font-size:25px;color:#e5d0b3}.hero-capabilities{font-size:10px;color:#8e9ca9;letter-spacing:.08em;padding-left:20px;border-left:1px solid #ffffff20}
.featured-model{min-width:0;display:flex;flex-direction:column;position:relative}.featured-preview{display:block;position:relative;flex:1;min-height:205px;overflow:hidden}.featured-image{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;mix-blend-mode:lighten;transition:transform .4s}.featured-preview:hover .featured-image{transform:scale(1.035)}.featured-caption{position:absolute;left:22px;right:22px;bottom:12px;display:flex;align-items:center;gap:10px;font-size:11px;text-shadow:0 2px 8px #000;background:linear-gradient(90deg,#171e2699,transparent)}.featured-caption span{font-size:9px;color:#afbbc6}.featured-caption strong{font-weight:500;flex:1}.featured-caption svg{width:16px;color:#e3c192}.featured-actions{display:flex;justify-content:flex-end;gap:4px;padding:0 22px 16px}.mode-link{font-size:11px;min-height:35px;display:flex;align-items:center;justify-content:center;gap:7px;color:#aebfcc;padding:8px 13px;border-radius:3px;transition:background .16s,color .16s}.mode-link:hover{background:#ffffff10;color:#fff}.featured-actions .mode-link:first-child{background:#e0c69d;color:#22282e}.featured-actions .mode-link:first-child:hover{background:#f0d9b4}
.catalog-utilities{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;min-height:28px}.collection-label{font-size:15px;letter-spacing:.08em}.collection-label small{font-size:9px;color:#677986;letter-spacing:.1em;margin-left:14px}.resume{margin:0;padding:3px 0;border:0;background:transparent;min-height:28px;font-size:10px;gap:7px}.resume strong{color:#bdcbd6;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resume svg{width:14px}.resume:hover{color:#edd1a7}
body[data-surface=catalog] .toolbar{padding:0;gap:9px;border:0;background:transparent;border-radius:0;flex-wrap:nowrap;position:relative;z-index:4}.search-wrap{flex:1;min-width:120px;flex-basis:auto;padding:0 12px;border-color:#ffffff24!important;border-radius:3px!important}.search-wrap input{font-size:12px;padding:11px 0}.search-wrap svg{width:17px}.advanced-filters{position:relative;flex-shrink:0}.advanced-filters summary{cursor:pointer;list-style:none;min-height:41px;padding:11px 13px;font-size:11px;border:1px solid #ffffff24;border-radius:3px;color:#bcc9d4;display:flex;gap:20px}.advanced-filters summary::-webkit-details-marker{display:none}.advanced-filters summary:focus-visible{outline:2px solid #e5c48c;outline-offset:3px}.advanced-filters[open] summary{background:#263541;border-color:#7294b0}.advanced-popover{position:absolute;right:0;top:calc(100% + 8px);width:248px;display:grid;gap:12px;padding:17px;background:#1c2630;border:1px solid #647b8c55;border-radius:5px;box-shadow:0 15px 40px #0008}.advanced-popover .select-wrap{display:flex;justify-content:space-between}.advanced-popover .select-wrap span{display:inline;font-size:11px}.advanced-popover select{min-height:37px;max-width:153px;font-size:11px;background:#17212b}.saved-toggle{min-height:41px;background:transparent;border:1px solid #ffffff24;border-radius:3px;font-size:11px}.saved-toggle svg{width:16px}.result-row{margin:12px 0 14px;min-height:20px}.result{font-size:10px;color:#8999a6}.filter-chip{font-size:10px;min-height:26px;padding:4px 9px}
.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}body[data-surface=catalog] .card{background:#192128;border-color:#ffffff12;border-radius:4px;box-shadow:none;display:flex;flex-direction:column;transition:border-color .2s,background .2s}body[data-surface=catalog] .card:hover{transform:none;border-color:#839aad65;background:#1c2832}.card.last-selected{border-color:#d6b17c80!important}.card-open{padding:0!important;min-height:0!important;flex:1;height:auto}.card-copy{padding:16px 18px 0;flex:1;display:flex;flex-direction:column}body[data-surface=catalog] .card-visual{height:auto;aspect-ratio:1.6;margin:0;flex-shrink:0;background:radial-gradient(ellipse at center,#36424b55,#141b22)}.model-preview{object-fit:contain;mix-blend-mode:lighten}.card-visual::after{display:none}.preview-detail{position:absolute;left:12px;bottom:10px;font-size:9px;padding:4px 7px;background:#111920c9;color:#aebdca;border-radius:2px;pointer-events:none}.card h2{font-size:16px;line-height:1.5;margin:0 0 8px}.card p{font-size:11px;line-height:1.8;margin:0 0 13px;color:#9aa9b6}.card-meta{margin:0 0 12px;font-size:10px;color:#6f8799;justify-content:flex-start;gap:14px}.model-actions{display:flex;margin:0 18px;padding:9px 0;border-top:1px solid #ffffff13;gap:0}.model-actions .mode-link{flex:1;padding:8px 3px;font-size:10px;white-space:nowrap}.model-actions .mode-link:first-child{color:#e2c392}.model-actions .mode-link+.mode-link{position:relative}.model-actions .mode-link+.mode-link:before{content:'';position:absolute;left:0;width:1px;height:11px;background:#ffffff15}.card .save-model{top:9px;right:9px;width:32px;height:32px}.save-model svg{width:16px}.scope{font-size:10px;color:#6e8292;margin-top:28px;padding-top:16px}
@media(min-width:1700px){.workspace{grid-template-columns:265px minmax(0,1fr)}.main{padding:24px 44px 44px}.domain-hero{min-height:310px;grid-template-columns:.9fr 1.1fr}.hero-copy{padding:30px 40px}.hero-kicker{font-size:11px}.section-intro p{font-size:14px}.featured-preview{min-height:255px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.domain{font-size:14px;min-height:48px}.domain-model{font-size:12px}.card h2{font-size:18px}.card p{font-size:12px}.model-actions .mode-link{font-size:12px}.featured-caption{font-size:14px}.featured-actions{gap:10px}.mode-link{font-size:12px}.sidebar{padding-top:28px}}
@media(max-width:1200px){.workspace{grid-template-columns:218px minmax(0,1fr)}.main{padding:18px 24px 35px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-hero{min-height:230px;grid-template-columns:1fr 1.05fr}.hero-copy{padding:21px}.section-intro h1{font-size:26px}.section-intro p{font-size:11px}.hero-bottom{gap:13px}.hero-capabilities{padding-left:0;border:0}.featured-preview{min-height:182px}.featured-actions{padding:0 10px 13px;gap:0;justify-content:center}.featured-actions .mode-link{padding:7px 8px;font-size:10px}.featured-caption{left:12px;right:12px;gap:6px}.featured-caption span{display:none}}
@media(max-width:760px){body[data-surface=catalog] .masthead{height:72px;padding:0 17px;gap:10px}.identity{gap:0;flex-direction:column;align-items:flex-start}.identity .university-mark{display:block;width:166px;height:35px}.identity-course{border:0;padding:0}.identity strong{font-size:10px;letter-spacing:.08em}.identity small{display:none}.header-nav .home{font-size:10px;padding:0 9px;min-height:36px}.workspace{display:block}.sidebar{position:static;max-height:none;min-height:0;padding:8px 13px;border-right:0}.domain-group{flex-shrink:0}.domain{font-size:11px;margin:0;min-height:37px;padding:8px 11px;width:auto}.domain-children{display:none!important}#domains{padding:3px 1px 6px;gap:5px}.main{padding:13px 17px 28px}.breadcrumbs{font-size:9px;margin-bottom:9px;gap:7px}.domain-hero{grid-template-columns:1fr;margin-bottom:19px}.hero-copy{padding:20px 20px 12px}.hero-kicker{font-size:8px;margin-bottom:9px}.section-intro{margin-bottom:12px}.section-intro h1{font-size:25px;margin-bottom:8px}.section-intro p{font-size:11px;max-width:100%}.hero-bottom{gap:20px}.section-count{display:flex}.section-count strong{font-size:22px}.hero-capabilities{font-size:9px}.featured-preview{min-height:185px}.featured-image{object-fit:contain}.featured-caption{left:20px;right:20px;bottom:8px}.featured-actions{padding:0 17px 15px;justify-content:flex-start;gap:6px}.featured-actions .mode-link{font-size:11px;padding:8px 12px}.collection-label{font-size:13px}.collection-label small{display:none}.resume{font-size:9px}.resume strong{max-width:120px}.resume svg{display:none}.catalog-utilities{gap:8px}.toolbar{gap:6px!important}.saved-toggle{padding:8px;font-size:10px;gap:4px;min-height:39px}.saved-toggle span{display:none}.search-wrap input{font-size:11px;padding:11px 0}.search-wrap{padding:0 9px}.advanced-filters summary{min-height:39px;font-size:10px;gap:7px;padding:11px 9px}.advanced-popover{right:-43px;width:248px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card-copy{padding:12px 12px 0}.card h2{font-size:14px}.model-actions{margin:0 10px}.model-actions .mode-link{font-size:10px}.scope{font-size:9px}.preview-detail{font-size:8px;left:8px;bottom:7px}.card .save-model{width:28px;height:28px}.card-meta{gap:8px;font-size:9px}}
@media(max-width:480px){.cards{grid-template-columns:1fr}.card h2{font-size:17px}.card p{font-size:12px}.model-actions .mode-link{font-size:12px;min-height:40px}.card-copy{padding:16px 18px 0}.model-actions{margin:0 18px}.card-meta{font-size:10px}.preview-detail{font-size:9px}.featured-preview{min-height:180px}}
@media(prefers-reduced-motion:reduce){.model-preview,.featured-image,.card,.mode-link{transition:none!important;transform:none!important}}

.featured-image{mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent)}

/* Align this professional gallery with YuanSi's restrained holographic campus. */
body[data-surface=catalog]{--ice:#b2e5f7;--gold:#b2e5f7;--ink:#e8f4fa;--muted:#8caabb;--line:#81abc32a;background:radial-gradient(ellipse at 74% 5%,#203f5260,transparent 60%),#111e2b}
body[data-surface=catalog] .masthead{background:#132735d9;border-color:#81abc326}
body[data-surface=catalog] .sidebar{background:#10202cb0;border-color:#81abc320}
.domain-hero{background:radial-gradient(ellipse at 75% 50%,#385b6c42,transparent 66%),linear-gradient(110deg,#183142d9,#142735c9);border-color:#81abc326}
body[data-surface=catalog] .card{background:#172b39a8;border-color:#81abc322}body[data-surface=catalog] .card:hover{background:#1b3545;border-color:#93c8dd65}
body[data-surface=catalog] .domain[aria-pressed=true]{background:linear-gradient(90deg,#36586e80,#223c4d25);border-left-color:#b2e5f7}
.featured-actions .mode-link:first-child{background:#8bcde22b;color:#daf4ff;border-bottom:1px solid #89d6ef;border-radius:2px}.featured-actions .mode-link:first-child:hover{background:#8bcde245}.section-count strong,.model-actions .mode-link:first-child,.featured-caption svg,.domain-model[aria-current],.domain-model:hover,.resume:hover{color:#b2e5f7}
.card.last-selected{border-color:#99d4e985!important}.saved-toggle[aria-pressed=true],.save-model[aria-pressed=true]{color:#c2edff;background:#33576a55;border-color:#81abc34a}.save-model[aria-pressed=true] svg{fill:#9bd6ec33}
.filter-chip{background:#203e51;border-color:#81abc345;color:#d0edf8}.reset-filters,.side-note a{color:#9fc4d6}.advanced-popover{background:#142d40f5;border-color:#81abc34a}.search-wrap{background:#102431b3!important}.scope{border-color:#81abc324}
/* Model imagery keeps its own studio color; interface accents do not tint assets. */
.model-preview,.featured-image{mix-blend-mode:normal}body[data-surface=catalog] .card-visual{background:#1b232b}