.models-view{width:calc(100% - 48px);max-width:1120px;margin:0 auto;padding:22px 0 72px}.models-loading,.models-empty{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;color:var(--text-dim);font-size:14px;text-align:center}.models-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px 180px;gap:12px;align-items:end;margin-bottom:12px}.models-toolbar label{display:flex;flex-direction:column;gap:6px;min-width:0}.models-toolbar span{font-size:10px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--text-dim)}.models-toolbar input,.models-toolbar select{height:38px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);font-family:DM Sans,sans-serif;font-size:13px;padding:0 11px;outline:none}.models-toolbar input:focus,.models-toolbar select:focus{border-color:#4a90d9}.models-count{font-size:12px;color:var(--text-dim);margin:0 0 16px}.model-directory-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.model-directory-card{display:flex;flex-direction:column;gap:16px;min-height:150px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text);transition:border-color .15s,transform .15s,background .15s}.model-directory-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--text-dim) 45%,var(--border));background:color-mix(in srgb,var(--surface) 88%,var(--overlay-bg))}.model-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.model-card-provider{font-size:10px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--text-dim);margin-bottom:5px}.model-directory-card h3{font-family:"DM Serif Display",serif;font-size:22px;font-weight:400;line-height:1.1;color:var(--text-bright);margin:0}.model-card-rank{font-size:13px;font-weight:700;color:var(--text-bright);font-variant-numeric:tabular-nums;white-space:nowrap}.model-card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:auto}.model-card-metrics span{display:flex;flex-direction:column;gap:3px;min-width:0;padding:8px;border-radius:7px;background:var(--overlay-bg);border:1px solid var(--border)}.model-card-metrics b{font-size:16px;font-weight:700;color:var(--text-bright);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-card-metrics em{font-size:10px;font-style:normal;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-directory-table{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.model-directory-row{display:grid;grid-template-columns:minmax(180px,1.6fr) 90px 80px 80px 130px;gap:12px;align-items:center;min-height:48px;padding:8px 14px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text)}.model-directory-row:last-child{border-bottom:0}.model-directory-row:not(.model-directory-row-head):hover{background:var(--overlay-bg)}.model-directory-row span:not(.model-row-name){font-size:13px;font-variant-numeric:tabular-nums;text-align:right;color:var(--text)}.model-directory-row-head{min-height:38px;background:color-mix(in srgb,var(--surface) 86%,var(--overlay-bg));color:var(--text-dim);font-size:10px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase}.model-directory-row-head span{text-align:right;color:var(--text-dim)}.model-directory-row-head span:first-child{text-align:left}.model-row-name{display:flex;flex-direction:column;gap:3px;min-width:0}.model-row-name strong{font-size:14px;font-weight:600;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-row-name em{font-size:11px;font-style:normal;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:900px){.models-view{width:calc(100% - 32px);padding-top:10px}.models-toolbar{grid-template-columns:1fr 1fr}.models-search{grid-column:1 / -1}.model-directory-featured{grid-template-columns:1fr 1fr}}@media(max-width:680px){.models-view{width:calc(100% - 24px)}.models-toolbar,.model-directory-featured{grid-template-columns:1fr}.model-directory-table{overflow-x:auto}.model-directory-row{min-width:620px}}