.footer_footer__3kcQj{padding:2rem 0;color:var(--muted-foreground);background-color:var(--background);border-top:1px solid var(--border);margin-top:4rem}.footer_footer__3kcQj .footer_container__sL8Tx{max-width:1200px;margin:0 auto;padding:0 1.5rem}.footer_footer__3kcQj .footer_socialLinks__lUjcc{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}@media(min-width:768px){.footer_footer__3kcQj .footer_socialLinks__lUjcc{justify-content:flex-end;margin-bottom:0}}.footer_footer__3kcQj .footer_socialLink__kRFza{color:var(--muted-foreground)}.footer_footer__3kcQj .footer_socialLink__kRFza:hover{color:var(--foreground)}.footer_footer__3kcQj .footer_socialLink__kRFza .footer_icon__OKu4F{width:1.25rem;height:1.25rem}.footer_footer__3kcQj .footer_copyright__52pcN{text-align:center;font-size:.875rem;color:var(--muted-foreground);margin-top:1.5rem}@media(min-width:768px){.footer_footer__3kcQj .footer_copyright__52pcN{text-align:left;margin-top:0}}.header{position:fixed;top:18px;left:50%;transform:translateX(-50%) translateY(-30px);opacity:0;z-index:60;padding:4px 8px;transition:all .5s ease;border-radius:40px}.header.mounted{opacity:1;transform:translateX(-50%) translateY(0)}.header.scrolled{background-color:var(--color-surface-100)}.header nav{display:flex;justify-content:space-between;align-items:center;max-width:var(--breakpoint-medium);margin:0 auto;padding:-1px 8px}.header .logo{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);text-decoration:none}.header .nav-links{display:flex;list-style-type:none;margin:0 26px;padding:0;position:relative}@media(max-width:719px){.header .nav-links{display:none}}.header .nav-links .nav-background{position:absolute;top:52%;transform:translateX(0) translateY(-50%);left:0;height:28px;width:80px;background-color:var(--color-surface-200);border-radius:100px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:0;opacity:0;pointer-events:none}.header .nav-links:hover .nav-background{opacity:1}.header .nav-links li{position:relative;z-index:1;padding:4px 6px}.header .nav-links li.active .nav-link{color:var(--color-text-primary)}.header .nav-link{color:var(--color-text-tertiary);text-decoration:none;transition:color .2s ease;font-size:12px;font-weight:800;text-transform:uppercase;padding:4px 6px;position:relative;z-index:1;font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.header .nav-link:hover{color:var(--color-text-primary)}.header .header-right{display:flex;align-items:center}.header .theme-toggle{background:none;border:none;color:var(--color-icon-secondary);cursor:pointer;padding:.5rem;margin-right:.5rem}.header .theme-toggle .theme-icon{opacity:0;animation:fadeIn .3s ease forwards}@media(max-width:719px){.header{top:0;left:0;right:0;width:100%;transform:translateX(0) translateY(-30px);border-radius:0;padding:4px 16px}.header.mounted{transform:translateX(0) translateY(0)}.header nav{padding:0;justify-content:space-between}.header .header-right{gap:8px}.header .theme-toggle{margin-right:0}}.mobile-nav{display:none}@media(max-width:719px){.mobile-nav{display:block}}.close-button,.mobile-menu-button{background:none;border:none;color:var(--color-icon-primary);cursor:pointer;padding:.5rem;position:relative;z-index:60}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--color-surface-300);opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:40}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:45;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-menu.active{opacity:1;pointer-events:auto}.mobile-menu.active nav ul li{opacity:1;transform:translateY(0)}.mobile-menu nav{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.mobile-menu nav ul{display:flex;flex-direction:column;align-items:center;gap:2rem;list-style:none;padding:0;margin:0}.mobile-menu nav ul li{opacity:0;transform:translateY(20px);transition:all .4s ease}.mobile-menu nav ul li:first-child{transition-delay:.2s}.mobile-menu nav ul li:nth-child(2){transition-delay:.3s}.mobile-menu nav ul li:nth-child(3){transition-delay:.4s}.mobile-menu nav ul li:nth-child(4){transition-delay:.5s}.mobile-menu nav ul li:nth-child(5){transition-delay:.6s}.mobile-menu nav ul li a{color:var(--color-text-primary);font-size:2rem;font-weight:500;display:block;text-align:center;text-decoration:none}.mobile-menu nav ul li .mobile-nav-link{color:var(--color-text-primary);text-decoration:none;font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.mobile-menu nav ul li .mobile-nav-link:hover{color:var(--color-text-secondary)}.mobile-menu nav ul li .mobile-nav-link.active{color:var(--color-accent-primary)}@media(max-width:719px){.mobile-menu-button{padding:4px}}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.filter-links{position:fixed;left:0;right:0;top:30px;transform:none;width:100%;max-width:var(--breakpoint-medium);display:flex;justify-content:center;align-items:center;gap:24px;padding:16px 24px;z-index:49;white-space:nowrap;background-color:var(--color-surface-100);border-radius:40px;margin:0 auto}@media(max-width:719px){.filter-links{flex-direction:column;gap:12px;padding:12px;max-width:calc(100% - 32px)}}.filter-link{background:none;border:none;padding:4px 8px;font-size:12px;font-weight:800;text-transform:uppercase;color:var(--color-text-tertiary);cursor:pointer;transition:color .2s ease;font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.filter-link.active,.filter-link:hover{color:var(--color-text-primary)}body{line-height:1.8}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:900;margin-bottom:1rem}h1{font-size:46px}h1,h2{line-height:1.2;margin:66px 0 10px}h2{font-size:32px}h3{font-size:24px;margin:62px 0 10px}h3,h4{line-height:1.2}h4{font-size:18px;margin:56px 0 10px}h5{font-size:16px;margin:48px 0 10px}h5,h6{line-height:1.2}h6{font-size:14px;margin:40px 0 10px}p{line-height:1.8;margin-bottom:20px}.font-size-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.sidebar{--sidebar-width:300px;--sidebar-padding:1.5rem;--sidebar-background:var(--color-surface-100);width:var(--sidebar-width);flex-shrink:0;padding:var(--sidebar-padding);background-color:var(--sidebar-background);border-radius:var(--border-radius-medium);height:fit-content;transition:background-color .2s ease}.sidebar.sticky{position:sticky;top:1rem}.sidebar .sidebar-section:not(:last-child){margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.sidebar .sidebar-section h2{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.sidebar .filter-section .filter-list{display:flex;flex-direction:column;gap:.5rem}.sidebar .grid-size-section .size-controls{display:flex;flex-direction:column;gap:1rem}.sidebar .grid-size-section .size-labels{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.sidebar .mobile-filter-button{display:none}.sidebar .sidebar-content{display:block}@media(max-width:1024px){.sidebar{--sidebar-width:250px;--sidebar-padding:1rem}}@media(max-width:768px){.sidebar{order:-1;width:100%;position:static;margin-bottom:1.5rem;padding:0;background:none}.sidebar .mobile-filter-button{display:flex;width:100%;padding:.75rem 1rem;background-color:var(--color-surface-200);border:none;border-radius:var(--border-radius-medium);font-weight:600;color:var(--text-primary);cursor:pointer;align-items:center;justify-content:space-between;transition:background-color .2s ease}.sidebar .mobile-filter-button:hover{background-color:var(--color-surface-300)}.sidebar .mobile-filter-button svg{transition:transform .2s ease}.sidebar .mobile-filter-button.expanded svg{transform:rotate(180deg)}.sidebar .sidebar-content{display:none;padding:var(--sidebar-padding);background-color:var(--sidebar-background);border-radius:var(--border-radius-medium);margin-top:.5rem}.sidebar .sidebar-content.expanded{display:block;animation:slideDown .2s ease-out}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}.relative{position:relative}.absolute{position:absolute}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}:root{--color-background:#fff;--color-foreground:#0d0d0d;--color-primary:#007efb;--color-secondary:#989898;--color-accent:#cb189b;--color-muted:#b1b1b1;--color-border:#ebebeb;--color-surface-100:#fff;--color-surface-200:#f8f8f8;--color-surface-300:#ebebeb;--color-text-primary:#222;--color-text-secondary:#7e7e7e;--color-text-tertiary:#7e7e7e;--color-text-inverse:#fff;--color-icon-primary:#222;--color-icon-secondary:#616161;--color-icon-tertiary:#989898;--color-divider-primary:#ebebeb;--color-divider-secondary:#f8f8f8}:root.dark{--color-background:#0d0d0d;--color-foreground:#fff;--color-primary:#63b1ff;--color-secondary:#dbdbdb;--color-accent:#ea4dc0;--color-muted:#989898;--color-border:#424242;--color-surface-100:#222;--color-surface-200:#424242;--color-surface-300:#616161;--color-text-primary:#fff;--color-text-secondary:#c7c7c7;--color-text-tertiary:#989898;--color-text-inverse:#0d0d0d;--color-icon-primary:#f8f8f8;--color-icon-secondary:#dbdbdb;--color-icon-tertiary:#b1b1b1;--color-divider-primary:#616161;--color-divider-secondary:#424242}.text-primary{color:var(--color-primary)}.bg-primary{background-color:var(--color-primary)}.border-primary{border-color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.bg-secondary{background-color:var(--color-secondary)}.border-secondary{border-color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.bg-accent{background-color:var(--color-accent)}.border-accent{border-color:var(--color-accent)}.text-background{color:var(--color-background)}.bg-background{background-color:var(--color-background)}.border-background{border-color:var(--color-background)}.text-foreground{color:var(--color-foreground)}.bg-foreground{background-color:var(--color-foreground)}.border-foreground{border-color:var(--color-foreground)}.text-muted{color:var(--color-muted)}.bg-muted{background-color:var(--color-muted)}.border-muted{border-color:var(--color-muted)}.text-border{color:var(--color-border)}.bg-border{background-color:var(--color-border)}.border-border{border-color:var(--color-border)}.text-surface-100{color:var(--color-surface-100)}.bg-surface-100{background-color:var(--color-surface-100)}.border-surface-100{border-color:var(--color-surface-100)}.text-surface-200{color:var(--color-surface-200)}.bg-surface-200{background-color:var(--color-surface-200)}.border-surface-200{border-color:var(--color-surface-200)}.text-surface-300{color:var(--color-surface-300)}.bg-surface-300{background-color:var(--color-surface-300)}.border-surface-300{border-color:var(--color-surface-300)}.text-text-primary{color:var(--text-primary)}.bg-text-primary{background-color:var(--text-primary)}.border-text-primary{border-color:var(--text-primary)}.text-text-secondary{color:var(--text-secondary)}.bg-text-secondary{background-color:var(--text-secondary)}.border-text-secondary{border-color:var(--text-secondary)}.text-text-tertiary{color:var(--text-tertiary)}.bg-text-tertiary{background-color:var(--text-tertiary)}.border-text-tertiary{border-color:var(--text-tertiary)}.text-icon-primary{color:var(--color-icon-primary)}.bg-icon-primary{background-color:var(--color-icon-primary)}.border-icon-primary{border-color:var(--color-icon-primary)}.text-icon-secondary{color:var(--color-icon-secondary)}.bg-icon-secondary{background-color:var(--color-icon-secondary)}.border-icon-secondary{border-color:var(--color-icon-secondary)}.text-icon-tertiary{color:var(--color-icon-tertiary)}.bg-icon-tertiary{background-color:var(--color-icon-tertiary)}.border-icon-tertiary{border-color:var(--color-icon-tertiary)}.text-divider-primary{color:var(--color-divider-primary)}.bg-divider-primary{background-color:var(--color-divider-primary)}.border-divider-primary{border-color:var(--color-divider-primary)}.text-divider-secondary{color:var(--color-divider-secondary)}.bg-divider-secondary{background-color:var(--color-divider-secondary)}.border-divider-secondary{border-color:var(--color-divider-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.m-0{margin:0}.mx-0{margin-left:0;margin-right:0}.my-0{margin-bottom:0}.mt-0,.my-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.p-0{padding:0}.px-0{padding-left:0;padding-right:0}.py-0{padding-bottom:0}.pt-0,.py-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.m-1{margin:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-1{margin-bottom:.25rem}.mt-1,.my-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.p-1{padding:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-1{padding-bottom:.25rem}.pt-1,.py-1{padding-top:.25rem}.pr-1{padding-right:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.m-2{margin:.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-2{margin-bottom:.5rem}.mt-2,.my-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-bottom:.5rem}.pt-2,.py-2{padding-top:.5rem}.pr-2{padding-right:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.m-3{margin:.75rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.my-3{margin-bottom:.75rem}.mt-3,.my-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.p-3{padding:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-bottom:.75rem}.pt-3,.py-3{padding-top:.75rem}.pr-3{padding-right:.75rem}.pb-3{padding-bottom:.75rem}.pl-3{padding-left:.75rem}.m-4{margin:1rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-4{margin-bottom:1rem}.mt-4,.my-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-bottom:1rem}.pt-4,.py-4{padding-top:1rem}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.m-5{margin:1.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.my-5{margin-bottom:1.25rem}.mt-5,.my-5{margin-top:1.25rem}.mr-5{margin-right:1.25rem}.mb-5{margin-bottom:1.25rem}.ml-5{margin-left:1.25rem}.p-5{padding:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-5{padding-bottom:1.25rem}.pt-5,.py-5{padding-top:1.25rem}.pr-5{padding-right:1.25rem}.pb-5{padding-bottom:1.25rem}.pl-5{padding-left:1.25rem}.m-6{margin:1.5rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.my-6{margin-bottom:1.5rem}.mt-6,.my-6{margin-top:1.5rem}.mr-6{margin-right:1.5rem}.mb-6{margin-bottom:1.5rem}.ml-6{margin-left:1.5rem}.p-6{padding:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-6{padding-bottom:1.5rem}.pt-6,.py-6{padding-top:1.5rem}.pr-6{padding-right:1.5rem}.pb-6{padding-bottom:1.5rem}.pl-6{padding-left:1.5rem}.m-8{margin:2rem}.mx-8{margin-left:2rem;margin-right:2rem}.my-8{margin-bottom:2rem}.mt-8,.my-8{margin-top:2rem}.mr-8{margin-right:2rem}.mb-8{margin-bottom:2rem}.ml-8{margin-left:2rem}.p-8{padding:2rem}.px-8{padding-left:2rem;padding-right:2rem}.py-8{padding-bottom:2rem}.pt-8,.py-8{padding-top:2rem}.pr-8{padding-right:2rem}.pb-8{padding-bottom:2rem}.pl-8{padding-left:2rem}.m-10{margin:2.5rem}.mx-10{margin-left:2.5rem;margin-right:2.5rem}.my-10{margin-bottom:2.5rem}.mt-10,.my-10{margin-top:2.5rem}.mr-10{margin-right:2.5rem}.mb-10{margin-bottom:2.5rem}.ml-10{margin-left:2.5rem}.p-10{padding:2.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-10{padding-bottom:2.5rem}.pt-10,.py-10{padding-top:2.5rem}.pr-10{padding-right:2.5rem}.pb-10{padding-bottom:2.5rem}.pl-10{padding-left:2.5rem}.m-12{margin:3rem}.mx-12{margin-left:3rem;margin-right:3rem}.my-12{margin-bottom:3rem}.mt-12,.my-12{margin-top:3rem}.mr-12{margin-right:3rem}.mb-12{margin-bottom:3rem}.ml-12{margin-left:3rem}.p-12{padding:3rem}.px-12{padding-left:3rem;padding-right:3rem}.py-12{padding-bottom:3rem}.pt-12,.py-12{padding-top:3rem}.pr-12{padding-right:3rem}.pb-12{padding-bottom:3rem}.pl-12{padding-left:3rem}.m-16{margin:4rem}.mx-16{margin-left:4rem;margin-right:4rem}.my-16{margin-bottom:4rem}.mt-16,.my-16{margin-top:4rem}.mr-16{margin-right:4rem}.mb-16{margin-bottom:4rem}.ml-16{margin-left:4rem}.p-16{padding:4rem}.px-16{padding-left:4rem;padding-right:4rem}.py-16{padding-bottom:4rem}.pt-16,.py-16{padding-top:4rem}.pr-16{padding-right:4rem}.pb-16{padding-bottom:4rem}.pl-16{padding-left:4rem}.m-20{margin:5rem}.mx-20{margin-left:5rem;margin-right:5rem}.my-20{margin-bottom:5rem}.mt-20,.my-20{margin-top:5rem}.mr-20{margin-right:5rem}.mb-20{margin-bottom:5rem}.ml-20{margin-left:5rem}.p-20{padding:5rem}.px-20{padding-left:5rem;padding-right:5rem}.py-20{padding-bottom:5rem}.pt-20,.py-20{padding-top:5rem}.pr-20{padding-right:5rem}.pb-20{padding-bottom:5rem}.pl-20{padding-left:5rem}.m-24{margin:6rem}.mx-24{margin-left:6rem;margin-right:6rem}.my-24{margin-bottom:6rem}.mt-24,.my-24{margin-top:6rem}.mr-24{margin-right:6rem}.mb-24{margin-bottom:6rem}.ml-24{margin-left:6rem}.p-24{padding:6rem}.px-24{padding-left:6rem;padding-right:6rem}.py-24{padding-bottom:6rem}.pt-24,.py-24{padding-top:6rem}.pr-24{padding-right:6rem}.pb-24{padding-bottom:6rem}.pl-24{padding-left:6rem}.m-32{margin:8rem}.mx-32{margin-left:8rem;margin-right:8rem}.my-32{margin-bottom:8rem}.mt-32,.my-32{margin-top:8rem}.mr-32{margin-right:8rem}.mb-32{margin-bottom:8rem}.ml-32{margin-left:8rem}.p-32{padding:8rem}.px-32{padding-left:8rem;padding-right:8rem}.py-32{padding-bottom:8rem}.pt-32,.py-32{padding-top:8rem}.pr-32{padding-right:8rem}.pb-32{padding-bottom:8rem}.pl-32{padding-left:8rem}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;backdrop-filter:blur(2px)}.drawer-overlay.open{opacity:1;visibility:visible}.drawer{position:fixed;top:0;height:100vh;width:var(--drawer-width,400px);max-width:90vw;background-color:var(--color-surface-100);box-shadow:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05);z-index:1001;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1)}.drawer.drawer--right{right:0;border-radius:var(--radius,8px) 0 0 var(--radius,8px);transform:translateX(100%)}.drawer.drawer--right.open{transform:translateX(0)}.drawer.drawer--left{left:0;border-radius:0 var(--radius,8px) var(--radius,8px) 0;transform:translateX(-100%)}.drawer.drawer--left.open{transform:translateX(0)}@media(max-width:768px){.drawer{width:100vw;max-width:100vw;border-radius:0}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--color-surface-100);flex-shrink:0;min-height:60px}.drawer-header__content{display:flex;align-items:center;flex:1;gap:.75rem}.drawer-header__title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.2}.drawer-header__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;border-radius:calc(var(--radius, 8px) - 2px);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.drawer-header__close:hover{background-color:var(--color-surface-300);color:var(--color-text-primary)}.drawer-header__close:focus{outline:2px solid var(--color-primary);outline-offset:2px}.drawer-header__close:active{transform:scale(.95)}.drawer-content{flex:1;overflow-y:auto;padding:1rem;margin:0 1rem;display:flex;flex-direction:column;gap:1rem}.drawer-content::-webkit-scrollbar{width:6px}.drawer-content::-webkit-scrollbar-track{background:var(--color-surface-200)}.drawer-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.drawer-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.drawer-footer{padding:1rem;background-color:var(--color-surface-100);flex-shrink:0;display:flex;gap:.75rem;align-items:center;justify-content:flex-end}.drawer-footer .button:not(:last-child),.drawer-footer button:not(:last-child){margin-right:.5rem}@keyframes slideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideInFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.drawer,.drawer-overlay{isolation:isolate}.drawer:focus{outline:none}@media(max-width:480px){.drawer-header{padding:.75rem 1rem}.drawer-header__title{font-size:1.125rem}.drawer-header__close{width:36px;height:36px}.drawer-content{padding:1rem}.drawer-footer{padding:.75rem 1rem;flex-direction:column-reverse;gap:.5rem}.drawer-footer .button,.drawer-footer button{width:100%;margin-right:0}.drawer-footer .button:not(:last-child),.drawer-footer button:not(:last-child){margin-bottom:.5rem}}:root.dark .drawer-overlay{background-color:rgba(0,0,0,.7)}:root.dark .drawer{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}@media(prefers-contrast:high){.drawer,.drawer-footer,.drawer-header{border:2px solid var(--color-border)}}@media(prefers-reduced-motion:reduce){.drawer,.drawer-header__close,.drawer-overlay{transition:none}.drawer-header__close:active{transform:none}}.media-filter-section:not(:last-child){padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.media-filter-section h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.media-filter-section .size-controls{display:flex;flex-direction:column;gap:1rem}.media-filter-section .size-labels{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.media-filter-section .tag-filter .tag{color:var(--text-primary);background-color:var(--surface-level-200);border-color:var(--border-primary)}.media-filter-section .tag-filter .tag.active{color:var(--text-inverse);background-color:hsl(var(--primary));border-color:hsl(var(--primary))}.media-filter-section .tag-filter .tag:hover{background-color:var(--surface-level-300);border-color:var(--border-hover)}.media-filter-section .slider .slider-track{background-color:var(--surface-level-300)}.media-filter-section .slider .slider-thumb{background-color:hsl(var(--primary));border-color:hsl(var(--primary))}.media-filter-section .slider .slider-label{color:var(--text-primary)}@media(max-width:480px){.media-filter-section{gap:1.5rem}}.filter-toggle-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .75rem;background-color:var(--surface-level-200);border:1px solid var(--border-primary);border-radius:var(--radius);color:var(--text-primary);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-toggle-button:hover{background-color:var(--surface-level-300);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.filter-toggle-button:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.08);border-color:var(--border-secondary)}.filter-toggle-button:focus{outline:2px solid var(--border-focus);outline-offset:2px}@media(max-width:768px){.filter-toggle-button{padding:.5rem .625rem;font-size:.8125rem}}:root{--header-height:60px;--breakpoint-small:640px;--breakpoint-medium:768px;--breakpoint-large:1024px;--breakpoint-xlarge:1280px;--breakpoint-xxlarge:1536px}html{--color-background:var(--surface-level-0);--color-foreground:var(--text-primary);--color-primary:var(--color-primary-500);--color-secondary:var(--color-gray-500);--color-border:var(--border-primary);--color-muted:var(--text-disabled);--color-accent:var(--color-primary-400);--color-destructive:var(--color-red-500);color:var(--color-foreground)}body,html{background-color:var(--color-background)}body{font-family:Inter,sans-serif;color:var(--color-text-primary);line-height:1.5}body *{color:inherit}body h1,body h2,body h3,body h4,body h5,body h6{color:var(--color-foreground)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-disabled{color:var(--text-disabled)}.text-inverse{color:var(--text-inverse)}.text-brand{color:var(--text-brand)}.text-alert{color:var(--text-alert)}.text-success{color:var(--text-success)}.text-warning{color:var(--text-warning)}.text-info{color:var(--text-info)}.bg-surface-0{background-color:var(--surface-level-0)}.bg-surface-100{background-color:var(--surface-level-100)}.bg-surface-200{background-color:var(--surface-level-200)}.bg-surface-300{background-color:var(--surface-level-300)}.border{border:1px solid var(--border-primary)}.border-b{border-bottom:1px solid var(--border-primary)}.border-t{border-top:1px solid var(--border-primary)}.border-l{border-left:1px solid var(--border-primary)}.border-r{border-right:1px solid var(--border-primary)}.focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}