.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%;padding:var(--spacing-4) var(--spacing-12) var(--spacing-4) var(--spacing-12);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-base);font-family:var(--font-family-base);background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color var(--transition-base);box-sizing:border-box}.sd-search-input:focus{outline:none;border-color:var(--color-primary)}.sd-search-results-dropdown{position:absolute;top:calc(100% + var(--spacing-2));left:0;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:500px;overflow-y:auto;z-index:var(--z-index-dropdown);margin-top:var(--spacing-2)}.sd-search-results-content{padding:var(--spacing-2);text-align:left}.sd-search-category-group{margin-bottom:var(--spacing-6)}.sd-search-category-group:last-child{margin-bottom:0}.sd-search-category-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border);text-align:left}.sd-search-brand-group{margin-bottom:var(--spacing-4)}.sd-search-brand-group:last-child{margin-bottom:0}.sd-search-brand-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);padding:var(--spacing-2) var(--spacing-4);margin-bottom:var(--spacing-2);text-align:left}.sd-search-devices-list{display:flex;flex-direction:column;gap:0;align-items:flex-start;text-align:left}.sd-search-result-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);cursor:pointer;transition:background-color var(--transition-base)}.sd-search-result-item:hover{background:var(--color-gray-50)}.sd-search-result-checkmark{flex-shrink:0;display:flex;align-items:center;justify-content:center}.sd-search-result-checkmark svg{display:block;width:20px;height:20px}.sd-search-result-name{font-size:var(--font-size-base);color:var(--color-text-primary);flex:1}.sd-search-results-dropdown::-webkit-scrollbar{width:var(--spacing-2)}.sd-search-results-dropdown::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}.sd-search-results-dropdown::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}.sd-search-results-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.sd-category-tabs{background:var(--color-bg-primary);padding:var(--spacing-4) 0}.sd-tabs-container{display:flex;gap:var(--spacing-1);width:100%;max-width:800px;background:var(--color-tab-bg-secondary);padding:var(--spacing-2);border-radius:var(--radius-full);margin:0 auto}.sd-category-tab{flex:1;padding:var(--spacing-3) var(--spacing-8);background:transparent;border:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-full);white-space:nowrap;text-align:center}.sd-category-tab:hover:not([data-active=true]){background:rgba(var(--color-secondary-rgb),.1)}.sd-category-tab[data-active=true]{background:var(--color-tab-secondary);color:var(--color-white)}.sd-content-section{padding:var(--spacing-8) 0 var(--spacing-12) 0}.sd-category-content-wrapper{position:relative;overflow:hidden}.sd-category-content{position:absolute;top:0;left:0;width:100%;max-width:800px;margin:0 auto;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);pointer-events:none;will-change:transform;visibility:hidden}.sd-category-content.active{position:relative;transform:translate(0);pointer-events:auto;visibility:visible}.sd-category-content.leaving{transform:translate(-100%)}.sd-category-header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.sd-category-icon{width:50px;height:49px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sd-category-icon img{width:100%;height:100%;object-fit:contain;display:block}.sd-category-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.sd-category-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-6) 0;line-height:var(--line-height-relaxed)}.sd-brands-list{display:flex;flex-direction:column;gap:0}.sd-brand-item{border-bottom:1px solid var(--color-border)}.sd-brand-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) 0;background:none;border:none;cursor:pointer;text-align:left;transition:color var(--transition-base)}.sd-brand-header:hover{color:var(--color-primary)}.sd-brand-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.sd-chevron-icon{color:var(--color-text-secondary);transition:transform var(--transition-base);flex-shrink:0}.sd-brand-header[aria-expanded=true] .sd-chevron-icon{transform:rotate(180deg)}.sd-devices-list{padding-left:var(--spacing-6);padding-bottom:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}.sd-device-item{font-size:var(--font-size-base);color:var(--color-text-primary);padding:var(--spacing-1) 0;position:relative;padding-left:var(--spacing-5)}.sd-device-item:before{content:"•";position:absolute;left:0;color:var(--color-text-primary)}.sd-device-item.hidden{display:none}.sd-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-4)}@media (max-width: 768px){.sd-title{font-size:var(--font-size-3xl)}.sd-subtitle{font-size:var(--font-size-sm)}.sd-category-title{font-size:var(--font-size-2xl)}.sd-category-icon{width:40px;height:40px}.sd-category-icon img{width:100%;height:100%;object-fit:contain}.sd-tabs-container{width:fit-content;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:var(--spacing-1)}.sd-category-tab{white-space:nowrap;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}}