/* The application UI uses the unmodified software stylesheet and exported DOM.
   These rules only fix the presentation viewport and annotate the demo pointer. */
html,body,#root{width:1400px;height:880px;margin:0;overflow:hidden}
#root{pointer-events:none}
.demo-pointer{position:fixed;inset:auto;left:0;top:0;width:26px;height:32px;margin:0;padding:0;border:0;background:transparent;overflow:visible;z-index:2147483647;pointer-events:none;filter:drop-shadow(0 2px 3px #0005);opacity:0;contain:layout style}
.demo-pointer::backdrop{background:transparent;pointer-events:none}
.demo-pointer svg{width:26px;height:32px;display:block;overflow:visible}
.demo-pointer:after{content:'';position:absolute;left:-12px;top:-12px;width:30px;height:30px;border:2px solid #459bac;border-radius:50%;opacity:var(--click-opacity,0);transform:scale(var(--click-scale,.5))}
.demo-drag-file{position:absolute;left:22px;top:20px;white-space:nowrap;padding:9px 14px;border:1px solid #ddd;border-radius:8px;font:14px 'Segoe UI','Microsoft YaHei',sans-serif;background:#fff;color:#333;box-shadow:0 6px 20px #0002}
.demo-drag-file[hidden]{display:none}
.app-dialog{animation:none!important}
.demo-hover{filter:brightness(.96)}
.dark .demo-hover{filter:brightness(1.12)}
.demo-pointer svg{transform-origin:3px 3px}
html.demo-paused *,html.demo-paused *:before,html.demo-paused *:after{animation-play-state:paused!important}