*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}.demo-main{padding:140px 16px 16px;max-width:600px}.demo-main p{font-size:14px}.event-log{position:fixed;top:0;left:0;right:0;z-index:2147483647;margin:0;padding:4px 6px;font-size:9px;line-height:1.25;font-family:ui-monospace,monospace;background:#ffffdceb;pointer-events:none;white-space:pre-wrap}.trigger{width:100%;padding:12px;font-size:16px;text-align:left;background:#fff;border:1px solid #ccc;border-radius:8px}.react-aria-ModalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100}.react-aria-Modal{position:fixed;left:0;right:0;bottom:0;background:#fff;border-radius:12px 12px 0 0;height:calc(100dvh - 24px);display:flex;flex-direction:column;padding:20px;padding-bottom:calc(20px + (100dvh - var(--visual-viewport-height, 100dvh)))}.react-aria-Dialog{outline:none;display:flex;flex-direction:column;min-height:0;flex:1}.sheet-content{display:flex;flex-direction:column;min-height:0;flex:1}.search-input{flex-shrink:0;font-size:16px;padding:10px;border:1px solid #ccc;border-radius:8px;margin-bottom:12px}.listbox{flex:1;min-height:0;overflow-y:auto;margin:0;padding:0;list-style:none}.option{padding:14px 8px;font-size:16px;border-bottom:1px solid #eee;cursor:pointer}.option.selected{font-weight:600}.option.selected:after{content:" ✓"}.option.focused{background:#eef3ff}