#model-square-page{padding:28px 32px 42px;min-width:0;max-width:1640px;margin:0 auto;box-sizing:border-box}
.model-square-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}
.model-square-eyebrow{color:var(--dz-accent);font-size:11px;font-weight:700;letter-spacing:2px}
.model-square-intro h2{font-size:28px;letter-spacing:-.7px;margin:7px 0 9px;color:var(--dz-text)}
.model-square-intro p{color:var(--dz-muted);font-size:13px;margin:0;line-height:1.7}
.model-square-status{font-size:12px;color:var(--dz-success);white-space:nowrap}
.model-square-status.has-error{color:var(--dz-danger)}
.model-square-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--dz-border);border-radius:10px;background:var(--dz-surface);padding:19px 0;margin-bottom:27px}
.model-square-stat{padding:0 25px;border-right:1px solid var(--dz-border);color:var(--dz-muted);font-size:12px}
.model-square-stat:last-child{border:0}
.model-square-stat strong{font-size:25px;font-weight:600;color:var(--dz-text);margin-left:16px}
.model-square-stat small{font-size:12px;margin-left:5px;font-weight:400}
.model-square-toolbar{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;margin-bottom:23px}
.model-square-tabs{display:flex;gap:6px}
.model-square-tabs button{background:transparent;border:1px solid transparent;border-radius:7px;padding:8px 16px;color:var(--dz-muted);font:inherit;cursor:pointer}
.model-square-tabs button.selected{background:var(--dz-accent-soft);color:var(--dz-accent);font-weight:600}
.model-square-tools{display:flex;gap:10px;min-width:0}
.model-square-search{display:flex;align-items:center;background:var(--dz-surface);border:1px solid var(--dz-border);border-radius:8px;padding:8px 12px;color:var(--dz-muted);gap:8px}
#model-square-search{width:190px;min-width:0;border:0;background:transparent;padding:0;box-shadow:none;border-radius:0;color:var(--dz-text);font:inherit}
.model-square-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px;color:var(--dz-text);font-size:15px;font-weight:600}
.model-square-heading span{font-size:12px;font-weight:400;color:var(--dz-muted)}
.model-square-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.model-square-card{background:var(--dz-surface);border:1px solid var(--dz-border);border-radius:12px;padding:18px;min-width:0;transition:border-color .15s;display:flex;flex-direction:column}
.model-square-card:hover{border-color:var(--dz-accent)}
.model-square-card-head{display:flex;justify-content:space-between;align-items:start;gap:10px}
.model-square-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--dz-subtle);font-size:21px;color:var(--dz-accent)}
.model-square-kind,.model-square-tags span{font-size:11px;color:var(--dz-muted);padding:3px 8px;background:var(--dz-subtle);border-radius:4px}
.model-square-card h3{font-size:15px;line-height:1.5;margin:0;overflow-wrap:anywhere;color:var(--dz-text);font-weight:650}
.model-square-card-head>.model-square-kind{flex-shrink:0;font-size:10px;padding:3px 6px}
.model-square-description{font-size:12px;color:var(--dz-muted);line-height:1.65;margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.model-square-tags{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 14px}
.model-square-tags .model-square-default{color:var(--dz-accent);background:var(--dz-accent-soft)}
.model-square-price{color:var(--dz-accent);font-size:25px;font-weight:650;letter-spacing:-.5px;margin-top:14px;line-height:1.4}
.model-square-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid var(--dz-border);font-size:11px;color:var(--dz-muted)}
.model-square-details{border:0;padding:4px 0;background:transparent;color:var(--dz-accent);font:inherit;font-size:12px;cursor:pointer;flex-shrink:0}
.model-square-empty{grid-column:1/-1;padding:55px 20px;text-align:center;color:var(--dz-muted);border:1px dashed var(--dz-border);border-radius:10px}
.model-square-note{margin:24px 0 0;color:var(--dz-muted);font-size:12px;line-height:1.7}
#model-square-detail{max-width:480px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;background:var(--dz-surface);color:var(--dz-text);border:1px solid var(--dz-border);border-radius:12px;padding:28px}
#model-square-detail::backdrop{background:var(--dz-overlay)}
#model-square-detail h2{font-size:20px;margin:0 0 14px;overflow-wrap:anywhere}
#model-square-detail p{color:var(--dz-muted);line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
#model-square-detail dl{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px 12px;margin:22px 0}
#model-square-detail dt{color:var(--dz-muted)}#model-square-detail dd{margin:0;overflow-wrap:anywhere}
@media(max-width:1350px){.model-square-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.model-square-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-square-intro{align-items:start;flex-direction:column;gap:12px}}
@media(max-width:720px){#model-square-page{padding:22px 16px 32px}.model-square-grid{grid-template-columns:1fr}.model-square-intro h2{font-size:23px}.model-square-stat{padding:0 12px}.model-square-stat strong{display:block;margin:3px 0 0;font-size:23px}.model-square-toolbar{align-items:stretch;flex-direction:column}.model-square-tabs button{padding:8px 11px}.model-square-search{flex:1;min-width:0}#model-square-search{width:100%}.model-square-tools{width:100%}.model-square-status{white-space:normal}.model-square-card{padding:18px}}

.model-square-keywords{flex-wrap:wrap;align-items:center;gap:4px}
.model-square-keywords button{padding:6px 10px;font-size:12px}
.model-square-filter-label,.model-square-sort-label{font-size:12px;color:var(--dz-muted)}
.model-square-filter-label{margin-right:6px}
.model-square-sort-label{display:flex;align-items:center;gap:8px;min-width:0}
#model-square-sort{min-width:0;max-width:100%;padding:8px;border:1px solid var(--dz-border);border-radius:7px;color:var(--dz-text);background:var(--dz-surface);font:inherit}
@media(max-width:720px){.model-square-sort-label{justify-content:space-between}.model-square-keywords{gap:2px}.model-square-filter-label{margin-right:2px}}

/* Keep price and capabilities legible for long model names. */
.model-square-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.model-square-card{gap:4px}
.model-square-card-head{min-height:46px}
.model-square-price{font-variant-numeric:tabular-nums;font-size:23px;margin-top:8px}
.model-square-tags{padding:12px 0;border-top:1px solid var(--dz-border);margin-top:14px}
.model-square-metric{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:var(--dz-subtle);border:1px solid var(--dz-border);border-radius:8px;margin-bottom:12px;font-size:12px;color:var(--dz-muted)}
.model-square-metric strong{font-size:20px;color:var(--dz-text);font-variant-numeric:tabular-nums}

/* Approved square: warm compact cards, two columns and a dedicated performance area. */
#model-square-page{max-width:1280px;padding:26px 28px 36px}
.model-square-stats[hidden]{display:none}
.model-square-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.model-square-intro h2{font-size:25px}
.model-square-card{padding:18px;gap:0;border-radius:10px}
.model-square-card-head{justify-content:flex-start;align-items:flex-start;gap:10px;min-height:52px}
.model-square-icon{width:34px;height:34px;flex-shrink:0;background:var(--dz-accent-soft);border-radius:9px}
.model-square-icon svg{width:17px;height:17px}
.model-square-title{min-width:0}
.model-square-card h3{font-size:14px;line-height:1.55}
.model-square-description{margin:3px 0 0;font-size:11px;line-height:1.7}
.model-square-price{margin:13px 0 10px;letter-spacing:0;font-size:26px}
.model-square-price strong{font-weight:650}
.model-square-price small{font-size:11px;font-weight:400;color:var(--dz-muted)}
.model-square-tags{padding:0;border:0;margin:0 0 15px;gap:5px}
.model-square-tags span{font-size:11px;padding:2px 6px}
.model-square-performance{border-top:1px solid var(--dz-border);padding-top:13px;margin-bottom:14px}
.model-square-rate{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--dz-muted);font-size:11px}
.model-square-rate strong{font-size:17px;color:var(--dz-text);font-weight:600}
.model-square-history-empty{font-size:11px;color:var(--dz-muted);background:var(--dz-subtle);border-radius:4px;margin:12px 0;padding:7px 10px;text-align:center}
.model-square-metric{margin:0;border:0;padding:10px 12px}
.model-square-metric strong{font-size:18px;font-weight:600}
.model-square-card-foot{border:0;padding-top:0;font-size:11px}
.model-square-keywords button{border:1px solid var(--dz-border);background:var(--dz-surface);padding:3px 9px;font-size:11px}
.model-square-keywords button.selected{border-color:var(--dz-accent)}
@media(max-width:720px){#model-square-page{padding:22px 16px 30px}.model-square-grid{grid-template-columns:1fr}}

/* Bounded in-page panel. Cards keep their width instead of stretching with the screen. */
#model-square-page{width:calc(100% - 64px);max-width:1860px;margin:20px auto 32px;padding:22px 24px 26px;background:var(--dz-elevated);border:1px solid var(--dz-border);border-radius:12px}
.model-square-grid{grid-template-columns:repeat(auto-fill,min(100%,350px));gap:12px;justify-content:start}
.model-square-card{padding:14px}
.model-square-card-head{min-height:48px;gap:8px}
.model-square-icon{width:29px;height:29px;border-radius:7px}
.model-square-card h3{font-size:13px;line-height:1.45}
.model-square-price{font-size:23px;margin:10px 0 9px}
.model-square-description{font-size:11px;line-height:1.5}
.model-square-tags{gap:4px;margin-bottom:11px}
.model-square-tags span{padding:1px 4px;font-size:10px}
.model-square-performance{padding-top:10px;margin-bottom:12px}
.model-square-rate strong{font-size:14px}
.model-square-history-empty{margin:9px 0;padding:5px 7px}
.model-square-metric{padding:8px 9px;gap:6px}
.model-square-metric strong{font-size:15px}
.model-square-details,.model-square-use{font-size:11px;color:var(--dz-accent);text-decoration:none;white-space:nowrap}
.model-square-use[aria-disabled="true"]{color:var(--dz-muted)}
@media(max-width:720px){#model-square-page{width:calc(100% - 24px);margin:12px auto;padding:18px 14px}.model-square-grid{grid-template-columns:repeat(auto-fill,min(100%,350px))}}

/* Compact performance cards keep the timeline and its legend together. */
.model-square-performance{border:0;padding-top:0;margin-bottom:10px;display:grid;gap:7px}
.model-square-status-card{padding:9px 9px 8px;border:1px solid var(--dz-border);border-radius:8px;background:var(--dz-subtle);min-width:0}
.model-square-rate{font-size:10px;gap:6px}
.model-square-rate strong{font-size:15px;font-variant-numeric:tabular-nums}
.model-square-history-track{display:flex;align-items:center;gap:6px;margin:8px 0 6px}
.model-square-history-time{flex:none;font-size:9px;color:var(--dz-muted);white-space:nowrap}
.model-square-history{display:flex;flex:1;min-width:0;gap:2px;margin:0}
.model-square-bucket{display:block;flex:1;min-width:0;height:11px;border-radius:2px}
.model-square-performance .is-green,.model-square-legend .is-green{background:#28a175}.model-square-performance .is-yellow,.model-square-legend .is-yellow{background:#dca63c}.model-square-performance .is-red,.model-square-legend .is-red{background:#dc675e}.model-square-bucket.is-empty,.model-square-legend .is-empty{background:var(--dz-surface);box-shadow:inset 0 0 0 1px var(--dz-border)}
.model-square-metric{padding:8px 9px;gap:8px;border:1px solid var(--dz-border);background:var(--dz-subtle);min-width:0}
.model-square-duration{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:10px}
.model-square-duration strong{font-size:16px;line-height:1.2;white-space:nowrap}
.model-square-duration-trend{width:150px;max-width:54%;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:2px}
.model-square-sparkline{width:100%;height:29px;flex:none;fill:#397eb0;stroke:#397eb0;stroke-width:1.4}
.model-square-duration-range{font-size:9px;color:var(--dz-muted);line-height:1.3;text-align:right;overflow-wrap:anywhere}
.model-square-metric.is-empty .model-square-duration{flex:1;flex-direction:row;align-items:center;justify-content:space-between;gap:6px}
.model-square-metric.is-empty strong{font-size:12px;color:var(--dz-muted);font-weight:400}
.model-square-heading-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:12px}
.model-square-heading-row .model-square-heading{margin:0}
.model-square-legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:10px;color:var(--dz-secondary);line-height:1.5}
.model-square-legend>span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.model-square-legend i{display:inline-block;width:7px;height:7px;border-radius:1px}
.model-square-bucket:focus-visible{outline:2px solid var(--dz-accent);outline-offset:2px}