*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}.demo-main{padding:16px;max-width:600px}.demo-main p{font-size:14px}.fix-toggle{display:flex;gap:8px;align-items:flex-start;margin-bottom:16px;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}.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;max-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}.react-aria-Dialog h2{margin-top:0}.sheet-body{overflow:auto;min-height:0;flex:1}.sheet-actions{flex-shrink:0;padding-top:12px}.react-aria-TextField{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.react-aria-Input{font-size:16px;padding:8px;border:1px solid #ccc;border-radius:6px}