:root{--dbg-font:Inter, system-ui, -apple-system, 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell', 'Helvetica Neue', 'Arial', sans-serif;--dbg-primary:#1e3a8a;--dbg-accent:#2563eb;--dbg-muted:#6b7280;--dbg-border:#d1d5db;--dbg-bg:#ffffff;--dbg-card-shadow:0 1px 2px rgba(0, 0, 0, 0.03)}.db-groups-page,.db-groups-page *{font-family:var(--dbg-font)!important;box-sizing:border-box}.db-groups-page{color:#374151}.db-groups-container{max-width:1200px;margin:0 auto;padding:0 20px}.dbg-group-title-wrapper{margin:20px 0 12px}.dbg-group-title-content{display:flex;align-items:flex-start;gap:12px}.dbg-group-title-text{flex:1}.dbg-group-title-simple{margin:0 0 8px 0;font-size:22px;font-weight:700;color:#374151}.dbg-group-description{margin:0;font-size:14px;color:#6b7280;line-height:1.5}.dbg-group-title-content .dbg-section-image{width:34px;height:24px;margin-top:4px}.dbg-toggle-all{background:transparent;border:1px solid #d1d5db;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all 0.15s ease;white-space:nowrap;margin-left:auto}.dbg-toggle-all:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}details.dbg-group{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin:14px 0;overflow:hidden}details.dbg-group>summary{cursor:pointer;list-style:none;padding:14px 18px;background:#eff6ff;display:flex;align-items:center;justify-content:space-between;font-weight:700;gap:12px}details.dbg-group[open]>summary{background:#e0ecff}.dbg-summary-left{display:flex;align-items:center;gap:12px}.dbg-section-image{width:34px;height:24px;object-fit:cover;border-radius:4px;border:1px solid #e5e7eb;background:#fff;display:inline-block;vertical-align:middle}summary .dbg-section-image img{display:block;width:34px;height:24px;object-fit:cover}.dbg-group-name{display:flex;align-items:center;gap:8px}.dbg-group-name h3{margin:0;font-size:16px;font-weight:700}.dbg-count{font-weight:500;color:#6b7280}.dbg-toggle-label{color:#1d4ed8;font-weight:700;font-size:14px}details.dbg-section{background:#fff;border:1px solid #d1d5db;border-radius:10px;margin:10px 0;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.03);transition:box-shadow 0.15s ease,border-color 0.15s ease,transform 0.15s ease}details.dbg-section:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:#9ca3af;transform:translateY(-1px)}details.dbg-section>summary{cursor:pointer;list-style:none;padding:12px 16px;background:#f9fafb;display:flex;align-items:center;justify-content:space-between;font-weight:600;gap:12px;transition:background 0.15s ease;border-bottom:1px solid #e5e7eb}details.dbg-section>summary:hover{background:#f3f4f6}details.dbg-section[open]>summary{background:#f3f4f6}.dbg-section-summary{display:flex;align-items:center;gap:10px;flex:1}.dbg-section-icon{width:40px;height:40px;object-fit:cover;border-radius:6px;border:1px solid #d1d5db;background:#fff;flex-shrink:0;box-shadow:0 1px 2px rgba(0,0,0,.05)}.dbg-section-title{margin:0;font-size:14px;font-weight:600;text-align:left;flex:1;color:#374151}.dbg-section-count{font-weight:500;color:#6b7280;font-size:13px;margin-left:auto;background:#f3f4f6;padding:2px 8px;border-radius:6px}.dbg-section-toggle{font-weight:500;color:#6b7280;font-size:12px;margin-left:8px;transition:color 0.15s ease}.dbg-section,.dbg-card{--dbg-color:var(--dbg-accent)}details.dbg-section[data-gradient-mode="traditional"]>summary{border-bottom:1px solid var(--dbg-border);background-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,color-mix(in srgb,var(--dbg-color) 20%,#f3f4f6) 100%)}details.dbg-section[data-gradient-mode="traditional"][data-color]>summary{background-image:linear-gradient(90deg,color-mix(in srgb,var(--dbg-color) 15%,#f9fafb) 0%,rgba(0,0,0,0) 100%)}details.dbg-section[data-gradient-mode="colorful_section"]{border-left:4px solid color-mix(in srgb,var(--dbg-color) 80%,#ffffff);border-color:color-mix(in srgb,var(--dbg-color) 35%,var(--dbg-border));background:color-mix(in srgb,var(--dbg-color) 6%,#ffffff);box-shadow:0 2px 8px rgba(0,0,0,.04)}details.dbg-section[data-gradient-mode="colorful_section"]>summary{border-bottom:1px solid color-mix(in srgb,var(--dbg-color) 25%,var(--dbg-border));background:color-mix(in srgb,var(--dbg-color) 10%,#f9fafb)}details.dbg-section[data-gradient-mode="colorful_full"]{border-left:5px solid color-mix(in srgb,var(--dbg-color) 85%,#ffffff);border-color:color-mix(in srgb,var(--dbg-color) 40%,var(--dbg-border));background:color-mix(in srgb,var(--dbg-color) 8%,#ffffff);box-shadow:0 4px 12px rgba(0,0,0,.06)}details.dbg-section[data-gradient-mode="colorful_full"]>summary{border-bottom:1px solid color-mix(in srgb,var(--dbg-color) 30%,var(--dbg-border));background:color-mix(in srgb,var(--dbg-color) 12%,#f9fafb)}details.dbg-section[data-gradient-mode="colorful_full"] .dbg-card{border-left:3px solid color-mix(in srgb,var(--dbg-color) 70%,#ffffff);border-color:color-mix(in srgb,var(--dbg-color) 25%,var(--dbg-border));background:color-mix(in srgb,var(--dbg-color) 4%,#ffffff);box-shadow:0 2px 6px rgba(0,0,0,.05)}details.dbg-section[data-gradient-mode="uniform"]{border:1px solid var(--dbg-border);border-radius:10px;box-shadow:var(--dbg-card-shadow);background:#fff}details.dbg-section[data-gradient-mode="uniform"]>summary{background:#f9fafb;border-bottom:1px solid #e5e7eb}.details.dbg-section>summary .dbg-section-count{background:color-mix(in srgb,var(--dbg-color) 8%,#f3f4f6)}.dbg-card.dark-background .dbg-logo{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}@supports not (background:color-mix(in srgb,#000 10%,#fff)){details.dbg-section[data-gradient-mode="colorful_section"],details.dbg-section[data-gradient-mode="colorful_full"]{border-left-color:var(--dbg-color)}details.dbg-section[data-gradient-mode="colorful_full"] .dbg-card{border-left-color:var(--dbg-color)}}.dbg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px 18px 18px}@media (min-width:640px){.dbg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:960px){.dbg-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.dbg-card{border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.03);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:box-shadow 0.15s ease,transform 0.15s ease}.dbg-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.dbg-card-header{padding:0;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:center;height:150px;overflow:hidden}.dbg-logo-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:150px;text-decoration:none;transition:transform 0.15s ease;cursor:pointer;position:relative;z-index:1}.dbg-logo-link:hover{transform:scale(1.02)}.dbg-logo-link:focus-visible{outline:2px solid #1d4ed8;outline-offset:-2px}.dbg-logo{width:100%;height:100%;background:#fff;border-radius:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#9ca3af;flex-shrink:0;max-height:150px}.dbg-card.dark-background .dbg-logo{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.dbg-card.dark-background .dbg-card-header{border-bottom:1px solid #4b5563}.dbg-logo img{width:auto;height:auto;object-fit:contain;border-radius:0;padding:8px;max-width:85%;max-height:100%}.dbg-group-wrapper[data-dbg-image-fit="contain"] .dbg-logo img{object-fit:contain;width:auto;height:auto;max-width:85%;max-height:100%;padding:8px}.dbg-group-wrapper[data-dbg-image-fit="cover"] .dbg-logo img{object-fit:cover;width:100%;height:100%;padding:0}.dbg-card-content{display:contents}.dbg-card-body{flex:1;padding:12px;display:flex;flex-direction:column;gap:6px}.dbg-name{font-weight:600;font-size:14px;line-height:1.3;margin:0;color:#374151}.dbg-description{font-size:12px;color:#6b7280;line-height:1.4;margin:0;flex:1}.dbg-link{display:block;padding:10px 12px;margin-top:auto;border-top:1px solid #e5e7eb;background:#fafafa;font-size:13px;font-weight:600;color:#6b7280;text-decoration:none;text-align:center;transition:background 0.15s ease,color 0.15s ease}.dbg-link:hover{background:#f3f4f6;color:#374151}.dbg-section-index{margin:16px 0 24px;padding:16px;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:1px solid #d1d5db;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.dbg-section-index-title{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px 0;display:block}.dbg-section-index-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}.dbg-section-index-item{display:inline-flex;align-items:center;gap:8px}.dbg-section-index-link{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:13px;font-weight:500;color:#374151;text-decoration:none;transition:all 0.15s ease;cursor:pointer}.dbg-section-index-link:hover{background:#fff;border-color:#1d4ed8;color:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 8px rgba(29,78,216,.15)}.dbg-section-index-link:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px;border-radius:8px}.dbg-section-index-icon{width:24px;height:24px;object-fit:cover;border-radius:4px;border:1px solid #e5e7eb;background:#fff;flex-shrink:0}.dbg-group-wrapper[data-dbg-view="normal"] .dbg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dbg-group-wrapper[data-dbg-view="normal"] .dbg-card{min-height:200px}.dbg-group-wrapper[data-dbg-view="normal"] .dbg-card-header{height:150px}.dbg-group-wrapper[data-dbg-view="normal"] .dbg-logo{height:150px;max-height:150px}.dbg-group-wrapper[data-dbg-view="compact"] .dbg-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.dbg-group-wrapper[data-dbg-view="compact"] .dbg-card{min-height:140px}.dbg-group-wrapper[data-dbg-view="compact"] .dbg-card-header{height:80px}.dbg-group-wrapper[data-dbg-view="compact"] .dbg-logo{height:80px;max-height:80px}.dbg-group-wrapper[data-dbg-view="compact"] .dbg-card-body{padding:8px}.dbg-group-wrapper[data-dbg-view="compact"] .dbg-name{font-size:12px}.dbg-group-wrapper[data-dbg-view="compact"] .dbg-description{display:none}.dbg-group-wrapper[data-dbg-view="compact"] .dbg-link{padding:4px 8px;font-size:11px}.dbg-group-wrapper[data-dbg-view="expanded"] .dbg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dbg-group-wrapper[data-dbg-view="expanded"] .dbg-card{min-height:280px}.dbg-group-wrapper[data-dbg-view="expanded"] .dbg-card-header{height:200px}.dbg-group-wrapper[data-dbg-view="expanded"] .dbg-logo{height:200px;max-height:200px}.dbg-group-wrapper[data-dbg-view="expanded"] .dbg-card-body{padding:16px}.dbg-group-wrapper[data-dbg-view="expanded"] .dbg-name{font-size:16px;font-weight:600;line-height:1.3;margin-bottom:8px}.dbg-group-wrapper[data-dbg-view="expanded"] .dbg-description{font-size:14px;line-height:1.5}.dbg-group-wrapper[data-dbg-view="expanded"] .dbg-link{padding:10px 16px;font-size:13px;margin-top:8px}@media (max-width:1200px){.dbg-group-wrapper[data-dbg-view="expanded"] .dbg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.dbg-group-wrapper[data-dbg-view="expanded"] .dbg-grid{grid-template-columns:1fr}.dbg-group-wrapper[data-dbg-view="compact"] .dbg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dbg-group-wrapper[data-dbg-view="normal"] .dbg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.dbg-group-wrapper[data-dbg-view="expanded"] .dbg-grid,.dbg-group-wrapper[data-dbg-view="compact"] .dbg-grid,.dbg-group-wrapper[data-dbg-view="normal"] .dbg-grid{grid-template-columns:1fr}}.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-grid{display:flex;flex-direction:column;gap:12px}.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-card{flex:0 0 100%;display:flex;flex-direction:row;align-items:stretch;min-height:200px}.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-card-header{flex:0 0 200px;height:200px;padding:0;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-right:1px solid #e5e7eb;overflow:hidden}.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-logo{width:100%;height:100%;max-width:200px;max-height:200px;display:flex;align-items:center;justify-content:center}.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-logo img{width:auto;height:auto;max-width:90%;max-height:100%;object-fit:contain}.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-card-content{flex:1;display:flex;flex-direction:column}.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-card-body{flex:1;padding:12px 16px;display:flex;flex-direction:column;justify-content:center}.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-name{font-size:15px;font-weight:600;margin:0 0 6px 0;line-height:1.3}.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-description{font-size:13px;color:#6b7280;margin:0}.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-card>a.dbg-link{flex:0 0 auto;width:100%;padding:10px 16px;display:flex;align-items:center;justify-content:center;border-top:1px solid #e5e7eb;border-left:none;background:#fafafa;text-decoration:none;color:#6b7280;font-weight:600;font-size:13px;transition:all 0.15s ease}.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-card>a.dbg-link:hover{background:#f3f4f6;color:#374151}@media (max-width:768px){.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-card{min-height:160px;flex-direction:column}.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-card-header{flex:0 0 120px;height:120px;border-right:none;border-bottom:1px solid #e5e7eb}.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-logo{max-width:120px;max-height:120px}.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-card>a.dbg-link{border-left:none;border-top:1px solid #e5e7eb}}@media (max-width:480px){.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-card{min-height:120px}.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-card-header{flex:0 0 80px;height:80px}.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-logo{max-width:80px;max-height:80px}.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-card-body{padding:8px 12px}.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-name{font-size:13px;margin-bottom:4px}.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-description{display:none}.dbg-group-wrapper[data-dbg-view="horizontal"] .dbg-card>a.dbg-link{padding:0 12px;font-size:12px}}