.range-slider-container{display:flex;flex-direction:column;gap:.75rem;flex:1 1 220px;min-width:220px;max-width:280px;align-items:center}.range-slider-label{display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#e8e8e8b3;letter-spacing:.03em;text-transform:uppercase;gap:.25rem;min-height:1.25rem;width:100%;text-align:center}.range-slider-values{font-size:.9rem;font-weight:700;color:#f4e5b1;letter-spacing:.02em;margin-left:.5rem;font-variant-numeric:tabular-nums}.range-slider-track-container{position:relative;width:100%;height:6px;display:flex;align-items:center;cursor:pointer;user-select:none;touch-action:none}.range-slider-track-bg{position:absolute;width:100%;height:6px;background:#d4af3726;border-radius:3px;transition:background .2s ease}.range-slider-track-container:hover .range-slider-track-bg{background:#d4af3740}.range-slider-track-active{position:absolute;height:6px;background:linear-gradient(135deg,#d4af37,#f4e5b1);border-radius:3px;transition:background .2s ease}.range-slider-handle{position:absolute;width:18px;height:18px;background:linear-gradient(135deg,#d4af37,#f4e5b1);border:none;border-radius:50%;transform:translate(-50%);cursor:grab;box-shadow:0 2px 8px #d4af374d;transition:all .2s ease;z-index:2}.range-slider-handle:hover{transform:translate(-50%) scale(1.15);box-shadow:0 3px 12px #d4af3780}.range-slider-handle:focus{outline:none;box-shadow:0 3px 16px #d4af3799}.range-slider-handle.dragging{cursor:grabbing;transform:translate(-50%) scale(1.2);box-shadow:0 4px 16px #d4af37b3;z-index:3}.app{display:flex;flex-direction:column;min-height:100vh}.header{text-align:center;padding:3rem 2rem;background:#0006;border-bottom:1px solid rgba(212,175,55,.1)}.header h1{font-size:2.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.75rem;background:linear-gradient(135deg,#d4af37,#f4e5b1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header p{font-size:1rem;color:#e8e8e8b3;letter-spacing:.02em}.nav{padding:1.5rem 2rem;background:#0000004d;border-bottom:1px solid rgba(212,175,55,.05);display:flex;flex-direction:column;gap:1.5rem}.custom-select-wrapper{position:relative;width:100%}.custom-select-button{padding:.5rem .75rem;border:1px solid rgba(212,175,55,.25);background:#14141499;color:#e8e8e899;border-radius:.375rem;cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:.02em;transition:all .2s ease;text-transform:uppercase;width:100%;text-align:left;position:relative}.custom-select-button:after{content:"▼";position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.6rem;color:#e8e8e899;transition:transform .2s ease}.custom-select-button[aria-expanded=true]:after{transform:translateY(-50%) rotate(180deg)}.custom-select-button:hover{border-color:#d4af3773;background:#141414bf;box-shadow:0 4px 12px #d4af3714}.custom-select-dropdown{position:absolute;top:calc(100% + .25rem);left:0;width:100%;background:#141414f2;border:1px solid rgba(212,175,55,.3);border-radius:.375rem;box-shadow:0 4px 20px #00000080,0 0 0 1px #d4af371a;z-index:100;overflow:hidden;backdrop-filter:blur(10px)}.custom-select-option{width:100%;padding:.625rem .75rem;border:none;background:transparent;color:#e8e8e8cc;font-size:.8rem;font-weight:500;letter-spacing:.01em;text-align:left;cursor:pointer;transition:all .15s ease;text-transform:capitalize}.custom-select-option:hover{background:#d4af3726;color:#f4e5b1}.custom-select-option.selected{background:#d4af3733;color:#f4e5b1;font-weight:600}.nav-toggles-row{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;align-items:flex-end;max-width:1550px;margin:0 auto;width:100%}.nav-controls-row{display:flex;flex-wrap:nowrap;gap:2rem;max-width:1550px;margin:0 auto;width:100%;align-items:flex-end}.control-group{display:flex;flex-direction:column;gap:.75rem;flex:1 1 160px;min-width:160px;max-width:200px;align-items:center}.control-group-toggle{flex:0 1 auto;min-width:120px;max-width:150px;align-items:center}.control-group label{font-size:.75rem;font-weight:600;color:#e8e8e8b3;letter-spacing:.03em;text-transform:uppercase;display:flex;justify-content:center;align-items:center;width:100%;text-align:center;min-height:1.25rem}.control-value{font-size:.9rem;font-weight:700;color:#f4e5b1;letter-spacing:.02em;margin-left:.5rem}.control-group input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#d4af3726;border-radius:3px;outline:none;cursor:pointer;transition:background .2s ease}.control-group input[type=range]:hover{background:#d4af3740}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,#d4af37,#f4e5b1);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #d4af374d;transition:all .2s ease}.control-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 12px #d4af3780}.control-group input[type=range]::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,#d4af37,#f4e5b1);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #d4af374d;transition:all .2s ease}.control-group input[type=range]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 12px #d4af3780}.toggle-button{padding:.5rem .75rem;border:1px solid rgba(212,175,55,.25);background:#14141499;color:#e8e8e899;border-radius:.375rem;cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:.02em;transition:all .2s ease;text-transform:uppercase;width:100%}.toggle-button:hover{border-color:#d4af3773;background:#141414bf;box-shadow:0 4px 12px #d4af3714}.toggle-button.active{border-color:#d4af3799;background:linear-gradient(135deg,#d4af3733,#f4e5b11a);color:#f4e5b1;box-shadow:0 0 0 2px #d4af371a,0 4px 16px #d4af3726}.toggle-button.active:hover{border-color:#d4af37bf;box-shadow:0 0 0 2px #d4af3726,0 4px 20px #d4af3740}.main{flex:1;padding:2rem 0;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.footer{text-align:center;padding:1.5rem;background:#0006;border-top:1px solid rgba(212,175,55,.1);font-size:.9rem;color:#e8e8e899;letter-spacing:.01em}.example-section{width:100%;display:flex;flex-direction:column;gap:2rem;margin:0 auto}.example-header{text-align:center}.example-header h2{font-size:1.75rem;font-weight:600;letter-spacing:-.01em;color:#f4e5b1;margin-bottom:.75rem}.example-header p{font-size:1rem;color:#e8e8e8b3;letter-spacing:.01em}.carousel-wrapper{width:100%;display:flex;align-items:flex-start;justify-content:center}.loading-placeholder{font-size:1.25rem;color:#e8e8e880;text-align:center;padding:3rem}.custom-card{padding:2rem;text-align:center;color:#e8e8e8}.custom-card h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#f4e5b1}.custom-card p{font-size:1rem;color:#e8e8e8cc}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;min-height:100vh;color:#e8e8e8}#root{min-height:100vh}