.demo-banner{height:42px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 16px;background:#20253d;color:#f5f6ff;font:12px system-ui;border-bottom:1px solid #454b69}.demo-banner div,.demo-actions{display:flex;align-items:center;gap:8px}.demo-banner button,.demo-welcome button,.demo-guide button{font:inherit;cursor:pointer;border:1px solid #777a9a;border-radius:6px;padding:5px 9px;color:inherit;background:transparent}.demo-banner button:focus-visible,.demo-welcome button:focus-visible,.demo-guide button:focus-visible{outline:3px solid #aebdff;outline-offset:2px}.demo-welcome{color:#f5f6ff;background:#20253d;border:1px solid #626989;border-radius:16px;max-width:480px;width:calc(100% - 64px);padding:24px;font:14px/1.6 system-ui}.demo-welcome h1{font-size:22px;line-height:1.3}.demo-welcome::backdrop{background:#080d20b8}.demo-welcome button:first-child{background:#5b50cf}.demo-guide{position:fixed;right:16px;top:54px;z-index:990;max-width:340px;width:calc(100vw - 64px);padding:16px;border:1px solid #626989;border-radius:12px;background:#20253d;color:#f5f6ff;font:13px/1.5 system-ui;box-shadow:0 12px 40px #0008}.demo-guide li{margin:8px 0}@media (max-width: 700px){.demo-banner{font-size:10px;padding:4px 8px}.demo-banner button{padding:4px;white-space:nowrap}}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}*{box-sizing:border-box}*{scrollbar-width:none}*::-webkit-scrollbar{width:0;height:0}