body.sean-os-product-library {
  color: var(--os-text) !important;
  background: var(--os-page) !important;
}

.sean-os-product-library .shell {
  width: min(1126px, 100%) !important;
  max-width: 1126px !important;
  margin: 0 auto !important;
  padding: 20px 28px 70px !important;
}

.sean-os-product-library .hero {
  display: none !important;
}

.sean-os-product-library .stats {
  gap: 12px !important;
  margin: 0 0 28px !important;
}

.sean-os-product-library .stat,
.sean-os-product-library .workbench,
.sean-os-product-library .feature-card,
.sean-os-product-library .brand-card,
.sean-os-product-library .product-card,
.sean-os-product-library dialog,
.sean-os-product-library .detail-grid {
  border-color: var(--os-line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.sean-os-product-library .stat {
  padding: 14px !important;
  background: #fff !important;
}

.sean-os-product-library .stat b {
  color: var(--os-text) !important;
  font-size: 24px !important;
}

.sean-os-product-library .section-head {
  margin-bottom: 12px !important;
}

.sean-os-product-library .section-head h2 {
  color: var(--os-text) !important;
  font-size: 18px !important;
  letter-spacing: 0 !important;
}

.sean-os-product-library .featured {
  margin-bottom: 28px !important;
}

.sean-os-product-library .featured-grid {
  gap: 10px !important;
}

.sean-os-product-library .feature-card {
  min-height: 190px !important;
  padding: 16px !important;
  color: var(--os-text) !important;
  background: #fff !important;
  border-top: 4px solid #6f8fae !important;
}

.sean-os-product-library .feature-card:nth-child(2) { border-top-color: #b35b45 !important; }
.sean-os-product-library .feature-card:nth-child(3) { border-top-color: #5b8f69 !important; }
.sean-os-product-library .feature-card:nth-child(4) { border-top-color: #c49a45 !important; }
.sean-os-product-library .feature-card:hover { transform: translateY(-2px) !important; background: var(--os-soft) !important; }
.sean-os-product-library .feature-card h3 { margin-top: 24px !important; font-size: 15px !important; letter-spacing: 0 !important; }
.sean-os-product-library .feature-card p { color: var(--os-muted) !important; }
.sean-os-product-library .feature-card small { color: var(--os-text) !important; }
.sean-os-product-library .feature-card .score { border-color: var(--os-line) !important; background: var(--os-blue) !important; }
.sean-os-product-library .feature-card .num { opacity: 0.05 !important; }

.sean-os-product-library .workbench {
  overflow: visible !important;
  background: #fff !important;
}

.sean-os-product-library .toolbar {
  top: 70px !important;
  padding: 14px !important;
  border-color: var(--os-line) !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

.sean-os-product-library input,
.sean-os-product-library select {
  height: 40px !important;
  border-color: var(--os-line) !important;
  border-radius: 6px !important;
}

.sean-os-product-library .tabs {
  border-radius: 6px !important;
  background: var(--os-soft) !important;
}

.sean-os-product-library .tab {
  border-radius: 5px !important;
}

.sean-os-product-library .tab.active {
  background: var(--os-text) !important;
}

.sean-os-product-library .cards {
  gap: 10px !important;
  padding: 14px !important;
}

.sean-os-product-library .brand-card,
.sean-os-product-library .product-card {
  min-height: 290px !important;
  padding: 16px !important;
  background: #fff !important;
}

.sean-os-product-library .brand-card:hover {
  transform: translateY(-2px) !important;
  background: var(--os-soft) !important;
}

.sean-os-product-library .brand-card h3,
.sean-os-product-library .product-card h3 {
  letter-spacing: 0 !important;
}

.sean-os-product-library .score-ring {
  border-color: var(--os-green) !important;
  color: var(--os-text) !important;
}

.sean-os-product-library .chip {
  border-radius: 5px !important;
  background: var(--os-soft) !important;
}

.sean-os-product-library .drawer-head {
  color: #fff !important;
  background: var(--os-text) !important;
}

.sean-os-product-library footer {
  border-top: 1px solid var(--os-line) !important;
  text-align: left !important;
}

@media (max-width: 760px) {
  .sean-os-product-library .shell {
    padding: 14px 12px 48px !important;
  }

  .sean-os-product-library .toolbar {
    position: static !important;
  }

  .sean-os-product-library .stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .sean-os-product-library .featured-grid,
  .sean-os-product-library .cards,
  .sean-os-product-library .toolbar-top {
    grid-template-columns: 1fr !important;
  }

  .sean-os-product-library .feature-card,
  .sean-os-product-library .brand-card,
  .sean-os-product-library .product-card {
    min-height: auto !important;
  }
}