.slider-container{width:100%;padding:8px 0}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.slider-label{color:var(--text-primary);font-size:14px;font-weight:500}.slider-value{font-size:12px;padding:2px 6px;background:var(--color-surface-200);border-radius:4px;color:var(--text-secondary);min-width:36px;text-align:center}.slider{user-select:none;touch-action:none}.slider,.slider-root{position:relative;width:100%;height:20px;display:flex;align-items:center}.slider-track{position:relative;flex-grow:1;height:4px;background-color:var(--color-surface-300);border-radius:9999px;overflow:hidden}.slider-range{position:absolute;height:100%;background-color:var(--color-primary)}.slider-thumb{display:block;width:16px;height:16px;background-color:var(--color-surface-100);border:1px solid var(--color-divider-primary);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:pointer;transition:all .2s ease;position:relative;z-index:999}.slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 6px rgba(0,0,0,.25)}.slider-thumb:focus{outline:none;box-shadow:0 2px 4px rgba(0,0,0,.2)}.slider-thumb:active{transform:scale(.95)}.slider-thumb .slider-tooltip{position:fixed;top:0;left:0;transform:translate(-50%,-100%) translateY(-8px);background:var(--color-surface-100);border:1px solid var(--color-divider-primary);padding:2px 6px;border-radius:4px;font-size:12px;color:var(--text-primary);white-space:nowrap;pointer-events:none;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:9999}.slider-thumb-container{position:absolute;display:flex;align-items:center;justify-content:center;top:50%;transform:translateY(-50%);z-index:9999}.slider-tooltip{position:absolute;top:-32px;left:50%;transform:translateX(-50%);background:var(--color-surface-100);border:1px solid var(--color-divider-primary);padding:2px 6px;border-radius:4px;font-size:12px;color:var(--text-primary);white-space:nowrap;pointer-events:none;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:999}*{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}}