.demo-stage{margin:70px auto 0;max-width:1400px;height:calc(100dvh - 210px);display:flex;align-items:center;justify-content:center;padding:55px 70px 30px;overflow:auto}.demo-stage .sample-board{width:100%;grid-template-columns:1fr 1fr;gap:60px}.demo-stage .sample-notes{font-size:36px;line-height:1.75}.demo-stage .formula{font-size:52px}.demo-stage .sample-callout{padding:22px;font-size:27px;max-width:540px;border-radius:24px}.demo-stage .sample-callout img{width:64px;right:22px;bottom:8px}.demo-stage .graph{max-width:610px}.demo-caption{position:fixed;bottom:121px;left:50%;transform:translateX(-50%);color:#9589a7;font-size:12px;white-space:nowrap}.demo-tray{position:fixed;bottom:120px;left:50%;transform:translateX(-50%);width:min(540px,calc(100vw - 30px));background:white;border:1px solid #eee6f6;border-radius:18px;padding:15px;box-shadow:0 12px 45px #4935760b;z-index:30}.demo-tray label{font-size:10px;color:#a18db5;display:block;margin-bottom:9px}.demo-input{display:flex;gap:9px;align-items:center;border:1px solid #eee5f7;border-radius:9px;padding:10px}.demo-input input{border:0;flex:1;min-width:0;outline:none;font-size:13px;background:transparent}.demo-input button{border:0;background:#f0e8fd;border-radius:50%;color:#a990c9;width:27px;height:27px}.demo-tools{display:flex;gap:9px;margin-top:12px}.demo-tools button{flex:1;padding:9px;border:1px solid #eee8f6;background:white;border-radius:9px;font-size:12px;color:#88749a}.demo-hint{font-size:12px;color:#9a82ac;line-height:1.6;margin:9px 0 0}.demo-hint a{color:#6747ec}.demo-modal{width:min(450px,calc(100vw - 32px));padding:28px}.demo-modal h2{font-size:22px}.demo-modal p{font-size:14px;color:#94829f}.demo-modal .actions{justify-content:flex-end}@media(max-width:700px){.demo-stage{margin-top:62px;height:calc(100dvh - 195px);padding:30px 24px 18px;align-items:flex-start}.demo-stage .sample-board{grid-template-columns:1fr;gap:12px}.demo-stage .sample-notes{font-size:23px;line-height:1.5}.demo-stage .formula{font-size:32px;margin:10px 0}.demo-stage .sample-callout{font-size:17px;padding:15px;max-width:310px;margin-top:12px}.demo-stage .sample-callout img{width:35px;right:14px;bottom:2px}.demo-stage .graph{max-width:320px;max-height:290px;margin:0 auto}.demo-caption{font-size:10px;bottom:102px}.demo-tray{bottom:103px}.focus-title{max-width:55vw}}
.demo-expanded .demo-stage{height:calc(100dvh - 355px);padding-top:18px;padding-bottom:18px}.demo-expanded .sample-notes{font-size:27px;line-height:1.5}.demo-expanded .sample-notes .formula{font-size:39px;margin:8px 0}.demo-expanded .sample-callout{font-size:20px;margin-top:16px;padding:18px}.demo-expanded .sample-callout img{width:44px}.demo-expanded .graph{max-height:330px}.demo-expanded .sample-board{max-width:1060px}@media(max-width:700px){.demo-expanded .demo-stage{height:calc(100dvh - 350px);padding:20px 24px;align-items:flex-start}.demo-expanded .sample-notes{font-size:20px}.demo-expanded .sample-notes .formula{font-size:28px}.demo-expanded .sample-callout{font-size:16px}.demo-expanded .sample-callout img{width:30px}.demo-expanded .graph{max-height:250px}}