.extensions-toolbar{padding:var(--space-5);background:var(--surface-default);margin:var(--space-10) 0;border-radius:var(--radius-md);box-shadow:var(--shadow-md);gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;display:grid}.extensions-toolbar .filters{display:contents}.extensions-toolbar .filters button{width:100%;min-height:52px;padding:var(--space-2) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:center;background:0 0;justify-content:center;align-items:center;font-weight:500;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.extensions-toolbar .filters button.active,.extensions-toolbar .filters button:hover{background:var(--action);color:var(--brand-on-brand);border-color:var(--action)}.extensions-toolbar .search-bar{grid-area:1/4;min-width:0}.search-bar input{width:100%;min-height:52px;padding:var(--space-3);background:var(--surface-default);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-ui-lg)}.extensions-grid{gap:var(--space-8);padding-bottom:var(--space-20);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.content-section{padding:var(--space-20) 0;background:var(--surface-default);border-top:1px solid var(--border-subtle)}.content-section h2{text-align:center;font-size:var(--text-h2);margin-bottom:var(--space-12);font-weight:800}.features-grid{gap:var(--space-10);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.feature-item{text-align:center}.feature-item .icon{width:50px;height:50px;color:var(--brand-text);margin:0 auto var(--space-5)}.feature-item h3{font-size:var(--text-ui-2xl);margin-bottom:var(--space-3)}.feature-item p{color:var(--text-subtle)}.faq-container{max-width:var(--layout-800);margin:0 auto}#extensions-faq{width:100%}.content-section.extensions-list-page{padding-top:var(--space-6);padding-bottom:0}.content-section.extensions-list-page .extensions-toolbar{margin-top:var(--space-2);margin-bottom:var(--space-7)}.extensions-faq-section{background:var(--surface-subtle);padding:var(--space-18) 0}.extensions-list-page__section-title--compact{margin-bottom:var(--space-8)}.extensions-list-page .faq-question{font-size:var(--text-ui-xl)}.extensions-list-page .faq-answer p{color:var(--text-default)}@media not all and (min-width:64rem){.extensions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.extensions-toolbar{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.extensions-toolbar .filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.extensions-toolbar .filters button{width:auto;min-height:var(--size-touch-target);padding:var(--space-2) var(--space-4);white-space:nowrap}.extensions-toolbar .search-bar input{min-height:var(--size-touch-target)}}@media not all and (min-width:48rem){.extensions-toolbar .filters{margin:calc(var(--space-1) * -1) calc(var(--space-4) * -1);padding:var(--space-1) var(--space-8) var(--space-1) var(--space-4);scroll-padding-inline:var(--space-4) var(--space-8);scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(to right,transparent,black var(--space-4),black calc(100% - var(--space-8)),transparent);mask-image:linear-gradient(to right,transparent,black var(--space-4),black calc(100% - var(--space-8)),transparent);flex-wrap:nowrap;overflow-x:auto}.extensions-toolbar .filters::-webkit-scrollbar{display:none}.extensions-toolbar .filters button{scroll-snap-align:start;flex:none}}@media not all and (min-width:40rem){.extensions-grid{grid-template-columns:1fr}}.extensions-results{justify-content:space-between;align-items:center;gap:var(--space-3);margin:0 0 var(--space-5);flex-wrap:wrap;display:flex}.extensions-results__count{color:var(--text-muted);font-size:var(--text-ui-md);margin:0;font-weight:600}.extensions-results__sort{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-ui-md);display:inline-flex}.extensions-results__sort select{min-width:200px;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);color:var(--text-strong);font-size:var(--text-ui-md)}.extensions-empty{margin-bottom:var(--space-6)}.extensions-empty .btn-outline{margin-top:var(--space-3)}