/* Product catalog and working canvases — factual information, quiet surfaces. */
.sr-models main,.sr-model main {max-width:1240px;}
.sr-models .hero {margin-bottom:32px;}
.sr-models .hero h1 {max-width:14ch;}
.sr-models .controls {display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:start;margin-bottom:22px;}
.sr-models .search {min-width:0;}
.sr-models .search input {min-height:48px;padding-left:40px;}
.sr-models .search::before {content:'';width:14px;height:14px;border:1.5px solid var(--fg-muted);border-radius:50%;left:16px;opacity:1;}
.sr-models .search::after {content:'';position:absolute;width:6px;height:1.5px;background:var(--fg-muted);left:29px;top:29px;transform:rotate(45deg);}
.sr-models .filters {grid-column:1/-1;flex-wrap:wrap;gap:6px;}
.sr-models .count {grid-column:2;grid-row:1;align-self:center;font-family:var(--font-sans);white-space:nowrap;font-size:12px;}
.sr-models .filter-chip {min-height:44px;font-size:12px;}
.sr-models .list-head {padding:0 16px 12px;letter-spacing:0;font-size:11px;}
.sr-models .row {grid-template-columns:minmax(0,1fr) 120px 100px;padding:24px 16px;gap:24px;transition:background .18s ease;}
.sr-models .row:hover {background:var(--panel-bg);}
.sr-models .row .name {font-size:18px;font-weight:550;letter-spacing:-.035em;}
.sr-models .row .id {font-size:11px;overflow-wrap:anywhere;}
.sr-models .row .desc {font-size:13px;line-height:1.7;margin:5px 0;}
.sr-models .row .copy-id {min-height:28px;border-color:transparent;color:var(--fg-muted);font-family:var(--font-sans);}
.sr-models .tag {border-radius:4px;font-size:10px;line-height:1.5;color:var(--fg-muted);background:var(--bg-elevated-2);border-color:transparent;}
.sr-models .tag[class*='provider-'] {color:var(--fg);background:var(--bg-elevated-2);}
.sr-models .tag.free,.sr-models .tag.discount {color:var(--ok);}
.sr-models .price {font-variant-numeric:tabular-nums;font-family:var(--font-sans);font-weight:550;}
.sr-models .price .lbl,.sr-models .ctx-lbl {font-family:var(--font-sans);font-size:10px;letter-spacing:0;}
.sr-models .ctx-num {font-family:var(--font-sans);font-weight:550;}
.sr-models .modal-backdrop {z-index:200;}
.sr-models .modal {max-width:min(720px,100%);background:var(--panel-bg);}
.sr-models .drawer-head {padding:24px;border-color:var(--border);gap:12px;}
.sr-models .drawer-head h2 {font-size:26px;overflow-wrap:anywhere;}
.sr-models .drawer-body {padding:24px;}
.sr-models .modal-close,.sr-models .drawer-head .copy-id {min-height:44px;min-width:44px;flex-shrink:0;}
.sr-models .spec-grid {gap:12px;}
.sr-models .spec {background:var(--bg-elevated-2);border-color:var(--border);padding:16px;border-radius:6px;}
.sr-models .dsec {font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:0;margin-top:28px;}
.sr-models .chan-row {min-width:0;gap:12px;}
.sr-models .chan-row .code {overflow-wrap:anywhere;min-width:0;}
.sr-models .empty {padding:64px 20px;font-family:var(--font-sans);}
.sr-model h1 {font-size:clamp(32px,4vw,56px);font-weight:500;line-height:1.12;letter-spacing:-.05em;margin-bottom:18px;}
.sr-model .stats-grid {gap:16px;margin-block:32px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));}
.sr-model .stat {border-radius:8px;background:var(--panel-bg);padding:24px;border:1px solid var(--border);}
.sr-model .stat .lbl,.sr-model .meta-row,.sr-model .subtitle {font-family:var(--font-sans);}
.sr-model .id-line {overflow-wrap:anywhere;}
.sr-model .snippet {border-radius:8px;overflow-x:auto;white-space:pre;font-family:var(--font-mono);padding-top:48px;font-size:12px;line-height:1.8;}
.sr-model .recent-row {padding:16px;gap:16px;}
.sr-chat .hero {align-items:start;gap:18px;}
.sr-chat .hero-sub {max-width:55ch;}
.sr-chat .tee-badge {font-family:var(--font-sans);background:transparent;color:var(--fg-muted);border-color:var(--border);box-shadow:none;letter-spacing:0;font-size:11px;min-height:36px;white-space:nowrap;}
.sr-chat .tee-badge .tee-dot {display:none;}
.sr-chat .hero-note {color:var(--fg-muted)!important;max-width:68ch;}
.sr-chat .picker-pill {max-width:100%;gap:8px;}
.sr-chat .picker-pill #pill-name {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sr-chat .provider-tag {font-family:var(--font-sans);font-size:10px;letter-spacing:.025em;}
.sr-chat .drawer {max-height:0;overflow:hidden;}
.sr-chat .drawer.open {max-height:min(480px,60dvh);overflow-y:auto;}
.sr-chat .hero-title {text-transform:none;}
.sr-chat footer.site-contact-footer {padding:12px 20px;font-size:11px;}
.sr-chat footer.site-contact-footer .sc-line {margin-bottom:4px;}
.sr-chat .drawer-controls {background:var(--panel-bg);}
.sr-chat .drawer-row {min-width:0;gap:12px;padding:14px;}
.sr-chat .drawer-row .row-meta {min-width:0;}
.sr-chat .drawer-row .name,.sr-chat .drawer-row .id {overflow-wrap:anywhere;}
.sr-chat .drawer-row .id {font-size:10px;}
.sr-chat .toolbar button {min-height:40px;}
.sr-chat .kb-row {padding-bottom:16px;}
.sr-chat .kb-text {font-family:var(--font-sans);font-size:11px;}
.sr-compare main {max-width:1440px;}
.sr-compare .prompt-card {padding:24px;background:var(--panel-bg);}
.sr-compare .prompt-card textarea {min-height:120px;padding:12px;line-height:1.8;}
.sr-compare .prompt-actions {flex-wrap:wrap;padding-top:16px;gap:10px;}
.sr-compare .run-btn,.sr-compare .secondary-btn {min-height:44px;padding:10px 18px;border-radius:6px;}
.sr-compare .col {background:var(--panel-bg);min-width:0;}
.sr-compare .col-head {padding:16px;}
.sr-compare .col-head select {min-width:0;width:100%;}
.sr-compare .col-head .col-x {min-height:44px;min-width:32px;}
.sr-compare .col-meta {font-family:var(--font-sans);flex-wrap:wrap;gap:8px;padding:12px 16px;}
.sr-compare .col-body {padding:20px;line-height:1.8;}
.sr-compare .add-col {min-height:360px;border-radius:10px;}
@media(max-width:800px){
 .sr-models .controls {grid-template-columns:minmax(0,1fr) auto;}
 .sr-models .row {grid-template-columns:minmax(0,1fr) 90px 70px;gap:16px;}
 .sr-models .modal {border-radius:0!important;}
 .sr-chat .drawer-row .row-ctx {display:none;}
}
@media(max-width:600px){
 .sr-models .hero {margin-bottom:24px;}
 .sr-models .controls {grid-template-columns:minmax(0,1fr);}
 .sr-models .count {grid-row:3;grid-column:1;justify-self:start;}
 .sr-models .list-head {display:none;}
 .sr-models .row {grid-template-columns:minmax(0,1fr) auto;padding:22px 0;gap:12px;}
 .sr-models .row .head {grid-column:1/-1;}
 .sr-models .row .name {font-size:17px;}
 .sr-models .row .price {display:flex;gap:18px;text-align:left;}
 .sr-models .row .ctx {text-align:right;}
 .sr-models .row .copy-id {min-height:36px;}
 .sr-models .drawer-head {padding:20px;flex-wrap:wrap;}
 .sr-models .drawer-head>div:first-child {width:calc(100% - 60px);flex:1;min-width:0;}
 .sr-models .drawer-body {padding:20px;}
 .sr-models .chan-row {grid-template-columns:minmax(0,1fr);}
 .sr-models .chan-head {display:none;}
 .sr-model .stats-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 .sr-model .stat {padding:16px;}
 .sr-chat .hero {flex-wrap:wrap;}
 .sr-chat .hero-sub {font-size:12px;}
 .sr-chat .tee-badge {display:none;}
 .sr-chat .picker-pill {width:100%;justify-content:flex-start;}
 .sr-chat .picker-row {gap:8px;}
 .sr-chat .drawer {left:0;right:0;max-width:100%;}
 .sr-chat .drawer-row {grid-template-columns:minmax(0,1fr) auto;}
 .sr-chat .drawer-row .row-tag {display:none;}
 .sr-chat .kb-hint {display:none;}
 .sr-compare .prompt-card {padding:16px;}
 .sr-compare .prompt-actions .hint {flex-basis:100%;margin:0;overflow-wrap:anywhere;}
 .sr-compare .columns {grid-template-columns:minmax(0,1fr);}
 .sr-compare .add-col {min-height:96px;}
}
@media(prefers-reduced-motion:reduce){.sr-models .row{transition:none;}}

.sr-chat .drawer-empty {padding:28px 16px;text-align:center;color:var(--fg-muted);font-size:13px;}
.sr-chat .drawer-row:focus-visible {outline:3px solid var(--accent);outline-offset:-3px;}

.sr-models .row .name:focus-visible {outline:3px solid var(--accent);outline-offset:4px;border-radius:3px;}