/* Model directory: compact brand navigation and readable model rows. */
body:not(.auth-home) .shell:has(.model-atlas){background:#f6f8fc}
.model-atlas{--ma-ink:#25354a;--ma-muted:#68788b;--ma-line:#e1e7ef;--ma-accent:#4965aa;max-width:1370px;margin:0 auto;color:var(--ma-ink);font-size:15px;line-height:1.6}
.model-atlas *{box-sizing:border-box}
.model-atlas button,.model-atlas input{font-family:inherit}
.model-atlas button{cursor:pointer}
.model-atlas svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}
.model-atlas button:focus-visible,.model-atlas a:focus-visible,.model-atlas summary:focus-visible,.ma-price-scroll:focus-visible{outline:3px solid #a4b8ee;outline-offset:3px}
.model-atlas .ma-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 0 29px;padding:0;border:0}
.model-atlas .ma-heading h1{font-family:inherit;margin:0;color:var(--ma-ink);font-size:32px;font-weight:650;line-height:1.3;letter-spacing:-.8px}
.model-atlas .ma-heading p{margin:9px 0 0;font-size:15px;color:var(--ma-muted)}
.ma-overview{text-align:right;white-space:nowrap;color:var(--ma-muted);font-size:14px}
.ma-overview>div{display:flex;align-items:baseline;gap:7px}
.ma-overview strong{font-size:23px;line-height:1.3;font-weight:600;letter-spacing:-.5px;color:#344862;font-variant-numeric:tabular-nums}
.ma-overview>span{display:block;font-size:12px;color:#8491a2;margin-top:5px}
.ma-overview-divider{width:1px;height:15px;align-self:center;background:#d4ddea;margin:0 9px}
.ma-toolbar{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.ma-search{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dbe3ee;border-radius:9px;padding:0 15px;height:48px;flex:1;min-width:0;box-shadow:0 2px 5px #1b345803;color:#8191a6;transition:border-color .15s,box-shadow .15s}
.ma-search:focus-within{border-color:#879ccc;box-shadow:0 0 0 3px #6585c411}
.model-atlas .ma-search input{min-width:0;width:100%;background:none;border:0;outline:none;box-shadow:none;padding:10px 0;margin:0;color:var(--ma-ink);font-size:15px;line-height:1.6}
.ma-search input::placeholder{color:#8a97a8}
.ma-search-hint{font-size:12px;color:#a0aaba;white-space:nowrap}
.model-atlas .ma-reset{border:0;background:none;color:var(--ma-accent);font-size:14px;padding:12px 0 12px 4px;white-space:nowrap}
.model-atlas .ma-reset:disabled{color:#a2aebb;cursor:default}
.ma-type-bar{display:flex;gap:21px;align-items:flex-start;border-bottom:1px solid var(--ma-line);padding:0 0 19px;margin-bottom:25px}
.ma-filter-label{color:#8793a4;font-size:13px;padding-top:7px;flex:none}
.ma-types{display:flex;flex-wrap:wrap;gap:5px;min-width:0}
.model-atlas .ma-types button{font-size:14px;line-height:1.6;padding:6px 13px;border:0;border-radius:6px;background:transparent;color:#68798e;white-space:nowrap;transition:background .15s,color .15s}
.model-atlas .ma-types button:hover{color:#3f5e9c;background:#edf1f8}
.model-atlas .ma-types button[aria-pressed=true]{color:#3f5da0;background:#e6edf9;font-weight:600}
.ma-layout{display:grid;grid-template-columns:222px minmax(0,1fr);gap:32px;align-items:start}
.ma-vendors{position:sticky;top:24px;min-width:0;border-right:1px solid var(--ma-line);padding-right:17px;max-height:calc(100dvh - 48px);display:flex;flex-direction:column}
.ma-vendors-label{display:flex;justify-content:space-between;gap:12px;padding:0 9px 11px;font-size:12px;letter-spacing:.02em;color:#8996a8}
.ma-vendor-nav{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d6dfeb transparent;min-height:0;padding-right:3px}
.model-atlas .ma-vendor-filter{display:flex;align-items:center;gap:10px;width:100%;text-align:left;min-height:44px;padding:7px 8px;margin:1px 0;border:0;border-radius:7px;background:transparent;color:#586b84;transition:background .15s,color .15s;font-size:14px;line-height:1.4}
.model-atlas .ma-vendor-filter:hover{background:#edf2f9;color:#29446f}
.model-atlas .ma-vendor-filter[aria-pressed=true]{background:#e7eefb;color:#35558f;font-weight:600}
.ma-brand{display:inline-flex;position:relative;justify-content:center;align-items:center;flex:none;width:28px;height:28px;background:#fff;border-radius:6px;color:#4b6594;padding:3px;overflow:hidden}
.ma-brand img{display:block;width:100%;height:100%;object-fit:contain}
.ma-brand img[hidden],.ma-brand-fallback[hidden]{display:none}
.ma-brand-fallback{font-size:11px;line-height:1;letter-spacing:-.5px;font-weight:600}
.ma-brand-all{background:transparent}
.ma-brand-all svg{width:21px;height:21px;stroke-width:1.4}
.ma-vendor-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ma-vendor-count{margin-left:auto;font-size:12px;font-weight:400;color:#91a0b4;font-variant-numeric:tabular-nums}
.ma-vendor-filter[aria-pressed=true] .ma-vendor-count{color:#6e88b7}
.ma-results{min-width:0}
.ma-result-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:25px;margin:0 0 23px}
.model-atlas .ma-result-heading h2{margin:0;color:#596b83;font-size:14px;font-weight:500;line-height:1.6}
.ma-result-heading>span{font-size:12px;color:#8493a5;white-space:nowrap}
.ma-result-heading>span>span{margin:0 8px;color:#b2bdca}
.ma-vendor{margin-bottom:32px}
.ma-vendor:last-child{margin-bottom:0}
.ma-vendor-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 15px}
.ma-vendor-identity{display:flex;gap:12px;align-items:center;min-width:0}
.ma-vendor-identity>.ma-brand{width:42px;height:42px;padding:7px;border:1px solid #e7ebf1;border-radius:10px}
.model-atlas .ma-vendor-heading h3{margin:0;color:var(--ma-ink);font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.3px}
.model-atlas .ma-vendor-heading p{margin:4px 0 0;color:#7b899b;font-size:13px;line-height:1.5}
.model-atlas .ma-external{display:inline-flex;align-items:center;gap:6px;color:#687e9d;text-decoration:none;font-size:13px;line-height:1.5;white-space:nowrap}
.model-atlas .ma-external:hover{color:#365b9e}
.ma-external svg{width:13px;height:13px;stroke-width:1.5}
.ma-model-list{border-top:1px solid #dce4ee}
.model-atlas .ma-model{display:grid;grid-template-columns:minmax(0,1fr) 138px 18px;gap:24px;align-items:center;width:100%;padding:18px 5px 18px 0;border:0;border-bottom:1px solid #e3e9f1;border-radius:0;background:transparent;text-align:left;color:var(--ma-ink);transition:background .15s}
.model-atlas .ma-model:hover{background:#eef3fa}
.ma-model-copy{display:block;min-width:0}
.ma-model-copy>strong{display:block;font-size:17px;line-height:1.45;font-weight:600;letter-spacing:-.2px;overflow-wrap:anywhere}
.ma-model-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#6f7f93;font-size:15px;line-height:1.75;margin-top:5px}
.ma-model-meta{display:flex;flex-direction:column;align-items:flex-end;gap:7px;text-align:right;min-width:0;font-size:13px;line-height:1.6}
.ma-capabilities{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0 8px;color:#8290a3}
.ma-capabilities>span{white-space:nowrap}
.ma-model-link{color:#687fa4}
.ma-model-arrow{color:#91a1b8}
.ma-model-arrow svg{width:17px;height:17px;transition:transform .15s}
.ma-model:hover .ma-model-arrow svg{transform:translateX(3px);color:#4965aa}
.ma-empty{padding:67px 20px 75px;text-align:center;border-top:1px solid var(--ma-line);color:#8192a8}
.ma-empty>svg{width:37px;height:37px;margin:0 auto 19px;stroke-width:1.2;color:#9aaece}
.model-atlas .ma-empty h2{margin:0 0 9px;font-size:21px;color:#435a79;font-weight:600}
.model-atlas .ma-empty p{margin:0 0 24px;color:#8190a3;font-size:14px;line-height:1.9;overflow-wrap:anywhere}
.model-atlas .ma-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#4d69a8;border:1px solid #4d69a8;border-radius:7px;color:#fff;font-size:14px;padding:10px 15px;line-height:1.5}
.ma-action svg{width:16px;height:16px}
.ma-sources{border-top:1px solid var(--ma-line);margin-top:37px;padding-top:19px;font-size:13px;color:#8290a2}
.ma-sources summary{cursor:pointer;color:#75869c;line-height:1.6}
.ma-sources summary>span{float:right;font-size:12px;color:#9aa6b5}
.ma-sources p{max-width:850px;line-height:1.9;margin:14px 0 0}
body:has(.ma-detail[open]){overflow:hidden}
.model-atlas .ma-detail{position:fixed;width:min(940px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 64px);margin:auto;padding:28px 34px 30px;border:1px solid #dce4ee;border-radius:15px;background:#fff;color:#2d4059;box-shadow:0 28px 100px #162b4a33;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cdd8e7 transparent}
.ma-detail::backdrop{background:#14274465;backdrop-filter:blur(4px)}
.ma-detail-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px}
.ma-detail-brand{display:flex;align-items:center;gap:9px;color:#6c7e93;font-size:14px}
.model-atlas .ma-close{display:grid;place-items:center;border:1px solid #e4e9f0;border-radius:8px;background:#f8fafc;color:#74859c;width:35px;height:35px;padding:8px}
.model-atlas .ma-close:hover{background:#edf2f8;color:#3d5680}
.ma-close svg{width:17px;height:17px}
.model-atlas .ma-detail-intro h2{margin:0;font-size:30px;line-height:1.35;font-weight:650;letter-spacing:-.65px;overflow-wrap:anywhere;color:#293b54}
.ma-detail-capabilities{margin:10px 0 0;color:#7085a5;font-size:13px}
.model-atlas .ma-description{font-size:16px;line-height:1.9;color:#65768d;margin:16px 0 0}
.ma-pricing{margin:26px 0 0;padding-top:23px;border-top:1px solid var(--ma-line)}
.ma-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}
.model-atlas .ma-detail h3{font-size:18px;line-height:1.5;font-weight:600;margin:0;color:#344b6c}
.ma-section-title>span{font-size:12px;color:#91a0b3;white-space:nowrap}
.ma-pricing-unit{color:#7689a1;font-size:13px;margin:7px 0 14px}
.ma-price-scroll{max-width:100%;overflow:auto;border:1px solid #e1e7f0;border-radius:8px;margin:0 0 15px;scrollbar-width:thin;scrollbar-color:#bccbde #f3f6fa}
.ma-price-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.65;font-variant-numeric:tabular-nums;text-align:left}
.ma-price-table caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ma-price-table th,.ma-price-table td{vertical-align:top;padding:12px 15px;border-bottom:1px solid #e5ebf3;min-width:112px;color:#596e8a}
.ma-price-table thead th{background:#f1f5fa;color:#6a7e99;font-weight:500;font-size:13px;white-space:nowrap}
.ma-price-table tbody th{min-width:218px;font-weight:500;color:#3e5778;background:#fbfcfe}
.ma-price-table tr:last-child>*{border-bottom:0}
.ma-price-table td{white-space:normal}
.ma-price-notes{margin:12px 0;font-size:13px;line-height:1.85;color:#7a8ba1}
.ma-price-unavailable{padding:16px 18px;border:1px solid #e3e9f1;border-radius:7px;background:#f6f8fc;color:#70839d;font-size:14px}
.ma-price-sources{display:flex;flex-wrap:wrap;gap:10px 20px}
.ma-price-footnote{font-size:12px;color:#94a0b1;margin:11px 0 0;line-height:1.7}
.ma-versions{margin:25px 0;padding-top:22px;border-top:1px solid var(--ma-line)}
.ma-versions ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:13px 0 0;padding:0}
.ma-versions li{font-size:13px;line-height:1.7;padding:5px 10px;background:#f2f5fa;border-radius:5px;color:#6d819e;overflow-wrap:anywhere;max-width:100%}
.ma-detail-source{display:flex;justify-content:space-between;flex-wrap:wrap;gap:13px;border-top:1px solid var(--ma-line);padding-top:18px;color:#92a0b2;font-size:12px}
.ma-detail-note{font-size:12px;color:#94a1b3;margin:12px 0 0;line-height:1.8}
@media(min-width:1600px){.ma-layout{grid-template-columns:232px minmax(0,1fr);gap:40px}.model-atlas .ma-model{grid-template-columns:minmax(0,1fr) 170px 18px}.ma-model-summary{font-size:15px}.ma-model-meta{font-size:13px}}
@media(max-width:1199px){.ma-layout{grid-template-columns:197px minmax(0,1fr);gap:24px}.ma-vendors{padding-right:12px}.model-atlas .ma-vendor-filter{font-size:13px;gap:8px;padding:7px 6px}.ma-brand{width:26px;height:26px}.model-atlas .ma-model{grid-template-columns:minmax(0,1fr) 16px;gap:7px 12px;padding:17px 0}.ma-model-meta{grid-column:1;grid-row:2;flex-direction:row;justify-content:space-between;text-align:left;align-items:center;gap:12px}.ma-model-arrow{grid-column:2;grid-row:1 / 3}.ma-model-summary{-webkit-line-clamp:2}.ma-model-link{white-space:nowrap}.ma-type-bar{gap:12px}.model-atlas .ma-types button{font-size:13px;padding:6px 10px}.ma-vendor-heading>.ma-external{font-size:12px}.ma-vendor-heading{gap:10px}.ma-vendor-identity{gap:10px}.model-atlas .ma-vendor-heading h3{font-size:19px}.ma-vendor-identity>.ma-brand{width:37px;height:37px;padding:6px}.model-atlas .ma-vendor-heading p{font-size:12px}}
@media(max-width:850px){.model-atlas .ma-heading{margin-bottom:23px}.ma-layout{grid-template-columns:184px minmax(0,1fr);gap:22px}.ma-overview strong{font-size:21px}.ma-overview{font-size:13px}.ma-search-hint{display:none}.ma-vendor-heading{align-items:flex-start}.ma-vendor-heading>.ma-external{margin-top:3px}.ma-vendor-identity{align-items:flex-start}.model-atlas .ma-vendor-heading p{font-size:13px}}
@media(max-width:650px){.model-atlas .ma-heading{display:block;margin-bottom:21px}.model-atlas .ma-heading h1{font-size:29px}.model-atlas .ma-heading p{font-size:14px;margin-top:7px}.ma-overview{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;text-align:left;font-size:12px}.ma-overview strong{font-size:18px}.ma-overview>div{gap:4px}.ma-overview>span{font-size:11px;margin:0}.ma-overview-divider{margin:0 5px;height:12px}.ma-toolbar{gap:11px;margin-bottom:13px}.ma-search{height:45px;padding:0 12px;gap:9px}.model-atlas .ma-search input{font-size:16px}.model-atlas .ma-reset{font-size:13px}.ma-type-bar{gap:10px;margin-bottom:17px;padding-bottom:13px;align-items:center}.ma-filter-label{padding:0;font-size:12px}.ma-types{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:2px 0}.ma-types::-webkit-scrollbar{display:none}.model-atlas .ma-types button{padding:6px 11px;font-size:13px}.ma-layout{display:block}.ma-vendors{position:static;border:0;padding:0;max-height:none;display:block;margin:0 0 24px}.ma-vendors-label{display:none}.ma-vendor-nav{display:flex;overflow-x:auto;overflow-y:hidden;gap:7px;scrollbar-width:thin;padding:0 0 8px;scrollbar-color:#dfe5ee transparent}.model-atlas .ma-vendor-filter{width:auto;flex:none;min-height:40px;padding:6px 10px;font-size:13px;gap:7px;border:1px solid #e0e7f0;background:#fff;border-radius:7px;margin:0}.model-atlas .ma-vendor-filter[aria-pressed=true]{border-color:#cfdaf0;background:#eaf0fb}.ma-vendor-filter>.ma-brand{width:23px;height:23px;padding:2px;border-radius:4px}.ma-vendor-count{font-size:11px;margin-left:3px}.ma-result-heading{margin-bottom:20px;gap:10px}.ma-result-heading>span{font-size:12px}.ma-result-heading>span>span{margin:0 5px}.model-atlas .ma-result-heading h2{font-size:13px}.ma-vendor-heading{gap:10px;margin-bottom:14px;align-items:center}.ma-vendor-identity{gap:10px;align-items:center}.ma-vendor-identity>.ma-brand{width:38px;height:38px;padding:6px}.model-atlas .ma-vendor-heading h3{font-size:19px}.model-atlas .ma-vendor-heading p{font-size:12px;line-height:1.65;margin-top:3px}.ma-vendor-heading>.ma-external{font-size:11px;gap:4px;margin:0}.ma-vendor-heading>.ma-external svg{width:11px;height:11px}.model-atlas .ma-model{padding:17px 0;gap:8px 12px}.ma-model-copy>strong{font-size:17px}.ma-model-summary{font-size:14px;line-height:1.85;margin-top:6px;-webkit-line-clamp:3}.ma-model-meta{font-size:12px}.ma-vendor{margin-bottom:30px}.ma-empty{padding:46px 8px 54px}.model-atlas .ma-empty h2{font-size:20px}.ma-sources{font-size:12px;margin-top:30px}.ma-sources summary>span{float:none;display:block;margin:6px 0 0 15px;font-size:11px}.model-atlas .ma-detail{width:calc(100vw - 20px);max-height:calc(100dvh - 32px);border-radius:12px;padding:21px 19px 24px}.ma-detail-top{margin-bottom:19px}.model-atlas .ma-detail-intro h2{font-size:27px}.model-atlas .ma-description{font-size:15px;line-height:1.9}.ma-pricing{padding-top:20px;margin-top:22px}.ma-section-title{gap:10px}.model-atlas .ma-detail h3{font-size:17px}.ma-section-title>span{font-size:11px}.ma-price-table{font-size:13px}.ma-price-table th,.ma-price-table td{padding:11px 12px;min-width:102px}.ma-price-table tbody th{min-width:180px}.ma-price-table thead th{font-size:12px}.ma-price-notes{font-size:13px}.ma-price-footnote,.ma-detail-note{font-size:12px}.ma-versions li{font-size:13px}.ma-detail-source{font-size:11px}}
@media(prefers-reduced-motion:reduce){.model-atlas *{transition:none!important;scroll-behavior:auto!important}}