.ws-root{--ws-color-text: inherit;--ws-color-text-muted: inherit;--ws-color-active-bg: rgba(255, 255, 255, .12);--ws-color-hover-bg: rgba(255, 255, 255, .12);--ws-color-backdrop-bg: rgba(0, 0, 0, .5);--ws-color-focus-ring: rgba(255, 255, 255, .5);--ws-border-radius: 12px;--ws-font-family: inherit;--ws-font-size: 28px;--ws-font-weight: 500;--ws-font-size-trigger: inherit;--ws-animation-duration: .2s;--ws-animation-easing: ease;--ws-trigger-gap: 16px;--ws-trigger-padding: 8px 16px;--ws-option-gap: 16px;--ws-option-padding: 0 20px;--ws-wheel-height: 320px;--ws-wheel-min-width: 220px;--ws-option-height: 56px;--ws-icon-size: 20px;--ws-spacer-height: 132px;--ws-z-index: 10001;--ws-inactive-opacity: .35;--ws-hover-opacity: .5;--ws-backdrop-blur: 4px}.ws-root.ws-light{--ws-color-active-bg: rgba(0, 0, 0, .08);--ws-color-hover-bg: rgba(0, 0, 0, .08);--ws-color-backdrop-bg: rgba(255, 255, 255, .8);--ws-color-focus-ring: rgba(0, 0, 0, .3)}.ws-root{display:inline;position:relative;font-family:var(--ws-font-family)}.ws-native-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ws-trigger{border:none;background:transparent;font:inherit;font-size:var(--ws-font-size-trigger);color:var(--ws-color-text);cursor:pointer;margin:0;display:inline-flex;align-items:center;gap:var(--ws-trigger-gap);padding:var(--ws-trigger-padding);border-radius:var(--ws-border-radius);transition:background-color var(--ws-animation-duration) var(--ws-animation-easing)}.ws-trigger:hover:not(:disabled){background-color:var(--ws-color-hover-bg)}.ws-trigger:focus{outline:none}.ws-trigger:focus-visible{outline:2px solid var(--ws-color-focus-ring);outline-offset:2px}.ws-trigger.ws-open{background-color:var(--ws-color-hover-bg)}.ws-trigger:disabled{cursor:not-allowed;opacity:.5}.ws-chevron{opacity:.5;flex-shrink:0;width:var(--ws-icon-size);height:var(--ws-icon-size)}.ws-backdrop{position:fixed;inset:0;z-index:var(--ws-z-index);background:var(--ws-color-backdrop-bg);backdrop-filter:blur(var(--ws-backdrop-blur));-webkit-backdrop-filter:blur(var(--ws-backdrop-blur));animation:ws-backdrop-fade-in var(--ws-animation-duration) var(--ws-animation-easing)}@keyframes ws-backdrop-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.ws-backdrop{animation:none}}.ws-picker{position:absolute;transform:translateY(-50%);animation:ws-picker-fade-in var(--ws-animation-duration) var(--ws-animation-easing)}.ws-center-highlight{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:var(--ws-option-height);min-width:var(--ws-wheel-min-width);background-color:var(--ws-color-active-bg);border-radius:var(--ws-border-radius);pointer-events:none;z-index:0;display:flex;align-items:center;justify-content:flex-end;padding:var(--ws-option-padding)}.ws-center-highlight .ws-arrow{opacity:.7;flex-shrink:0;width:var(--ws-icon-size);height:var(--ws-icon-size)}@keyframes ws-picker-fade-in{0%{opacity:0;transform:translateY(-50%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.ws-picker{animation:none}}.ws-wheel{height:var(--ws-wheel-height);min-width:var(--ws-wheel-min-width);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-snap-type:y proximity;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none;position:relative;z-index:1}.ws-wheel::-webkit-scrollbar{display:none}.ws-wheel:focus{outline:none}.ws-spacer{height:var(--ws-spacer-height);flex-shrink:0}.ws-option{height:var(--ws-option-height);min-width:calc(var(--ws-wheel-min-width) - 20px);display:flex;align-items:center;justify-content:flex-start;gap:var(--ws-option-gap);padding:var(--ws-option-padding);scroll-snap-align:center;font-family:var(--ws-font-family);font-size:var(--ws-font-size);font-weight:var(--ws-font-weight);color:var(--ws-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;opacity:var(--ws-inactive-opacity);border-radius:var(--ws-border-radius);transition:opacity var(--ws-animation-duration) var(--ws-animation-easing),background-color var(--ws-animation-duration) var(--ws-animation-easing);position:relative;z-index:1}.ws-option:hover:not(.ws-disabled){opacity:var(--ws-hover-opacity)}.ws-option.ws-active,.ws-option.ws-active:hover{opacity:1}.ws-option.ws-disabled{cursor:not-allowed;opacity:.2}.ws-option-text{flex:1;pointer-events:none}.ws-arrow{opacity:.7;flex-shrink:0;pointer-events:none;width:var(--ws-icon-size);height:var(--ws-icon-size)}.ws-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{.ws-backdrop,.ws-picker{display:none}.ws-trigger{background:transparent!important}}@media(forced-colors:active){.ws-trigger:focus-visible{outline:2px solid CanvasText}.ws-option.ws-active{outline:2px solid CanvasText;background:Highlight;color:HighlightText}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;color:#fff;line-height:1.5;min-height:100vh}.app{min-height:100vh;padding:60px 20px}.demo-container{max-width:800px;margin:0 auto}.demo-header{text-align:center;margin-bottom:60px}.demo-header h1{font-size:48px;font-weight:700;margin:0 0 12px;background:linear-gradient(135deg,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-header .subtitle{font-size:18px;color:#888;margin:0 0 24px}.badges{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.badges a{display:inline-block}.badges img{height:20px}.example-section{margin-bottom:48px}.example-section h2{font-size:24px;font-weight:600;margin:0 0 8px;color:#fff}.example-description{font-size:14px;color:#666;margin:0 0 16px}.example-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:24px}.example-card.light{background:#f8f9fa;border-color:#e9ecef}.example-card.gradient{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border-color:#8b5cf633}.demo-text{font-size:24px;font-weight:400;margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;position:relative;z-index:10000}.demo-text.dark-text{color:#1a1a1a}.demo-text.small-text{font-size:18px}.button-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.button-row button{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.button-row button:hover{background:#ffffff26;border-color:#ffffff40}.button-row button:active{transform:scale(.98)}.demo-footer{margin-top:80px;padding-top:32px;border-top:1px solid rgba(255,255,255,.08);text-align:center}.demo-footer p{margin:0;font-size:14px;color:#666}.demo-footer a{color:#888;text-decoration:none;transition:color .2s ease}.demo-footer a:hover{color:#fff}@media(max-width:640px){.demo-header h1{font-size:32px}.demo-header .subtitle{font-size:16px}.example-section h2,.demo-text{font-size:20px}.example-card{padding:24px 16px}}