.sd-page{min-height:100vh;background:var(--color-bg-primary)}.sd-header{background:var(--color-bg-secondary);padding:var(--spacing-12) 0 var(--spacing-8) 0;text-align:center}.sd-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-4) 0}.sd-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-6) 0;max-width:600px;margin-left:auto;margin-right:auto}.sd-search-container{position:relative;max-width:500px;margin:0 auto}.sd-search-icon{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none;z-index:var(--z-index-base)}.sd-search-input{width:100%;height:48px;padding:0 var(--spacing-4) 0 var(--spacing-12);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-base);color:var(--color-text-primary);transition:all var(--transition-base)}.sd-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0093871a}.sd-search-results-dropdown{position:absolute;top:calc(100% + var(--spacing-2));left:0;right:0;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:var(--z-index-popover);max-height:400px;overflow-y:auto;border:1px solid var(--color-border)}.sd-search-results-content{padding:var(--spacing-2)}.sd-search-category-group{margin-bottom:var(--spacing-4)}.sd-search-category-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-tertiary);text-transform:uppercase;padding:var(--spacing-2) var(--spacing-4);border-bottom:1px solid var(--color-border-subtle)}.sd-search-brand-group{padding:var(--spacing-2) 0}.sd-search-brand-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);padding:var(--spacing-1) var(--spacing-4)}.sd-search-devices-list{display:flex;flex-direction:column}.sd-search-result-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);cursor:pointer;transition:background var(--transition-base);border-radius:var(--radius-md)}.sd-search-result-item:hover{background:var(--color-bg-secondary)}.sd-search-result-checkmark{display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.sd-search-result-name{font-size:var(--font-size-base);color:var(--color-text-primary)}.sd-category-tabs{background:var(--color-bg-secondary);position:sticky;top:var(--header-height);z-index:var(--z-index-sticky);border-bottom:1px solid var(--color-border-subtle)}.sd-tabs-container{display:flex;justify-content:center;gap:var(--spacing-8);overflow-x:auto;padding:0 var(--spacing-4);-ms-overflow-style:none;scrollbar-width:none}.sd-tabs-container::-webkit-scrollbar{display:none}.sd-category-tab{padding:var(--spacing-4) 0;background:none;border:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;position:relative;white-space:nowrap;transition:color var(--transition-base)}.sd-category-tab[data-active=true]{color:var(--color-primary);font-weight:var(--font-weight-bold)}.sd-category-tab[data-active=true]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-primary)}.sd-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--section-padding-x)}.sd-content-section{padding:var(--spacing-12) 0}.sd-category-content{display:none}.sd-category-content.active{display:block;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sd-category-header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.sd-category-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.sd-category-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.sd-category-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-8);line-height:1.6}.sd-brands-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.sd-brand-item{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.sd-brand-header{width:100%;padding:var(--spacing-5) var(--spacing-6);display:flex;justify-content:space-between;align-items:center;background:none;border:none;cursor:pointer;text-align:left}.sd-brand-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.sd-chevron-icon{transition:transform .3s ease;color:var(--color-text-tertiary)}.sd-brand-header[aria-expanded=true] .sd-chevron-icon{transform:rotate(180deg)}.sd-devices-list{padding:0 var(--spacing-6) var(--spacing-6) var(--spacing-6);display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-4);border-top:1px solid var(--color-border-subtle);margin-top:-1px;padding-top:var(--spacing-6)}.sd-device-item{font-size:var(--font-size-base);color:var(--color-text-secondary);padding:var(--spacing-2) 0;transition:color var(--transition-base)}.sd-device-item:hover{color:var(--color-primary)}.sd-device-item.highlight{color:var(--color-primary);font-weight:var(--font-weight-bold);animation:highlightPulse 2s infinite}@keyframes highlightPulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width: 768px){.sd-header{padding:var(--spacing-8) 0}.sd-title{font-size:var(--font-size-3xl)}.sd-container{padding:0 var(--spacing-4)}.sd-tabs-container{gap:var(--spacing-4);justify-content:flex-start}.sd-category-title{font-size:var(--font-size-xl)}.sd-category-description{font-size:var(--font-size-base)}.sd-devices-list{grid-template-columns:1fr;gap:var(--spacing-2)}}