:root{--demo-banner-height:40px}html,body{height:100%}body.storyshape-demo{background:#1f1b18;flex-direction:column;min-width:0;display:flex;overflow:hidden}body.storyshape-demo #root{flex:1;height:auto;min-height:0;overflow:auto}body.storyshape-demo .app-shell{height:100%}.demo-banner{height:var(--demo-banner-height);color:#2b2118;background:#f3e6c4;border-bottom:1px solid #c9b88f;flex:none;justify-content:center;align-items:center;gap:16px;padding:0 16px;font:14px/1.3 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.demo-banner-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.demo-banner-download{color:#fff8e8;background:#2b2118;border-radius:6px;flex:none;padding:6px 12px;font-weight:600;text-decoration:none}.demo-banner-download:hover,.demo-banner-download:focus-visible{outline-offset:2px;background:#4a3a2a;outline:2px solid #2b2118}.demo-loading{color:#eee4da;text-align:center;flex:none;padding:48px 16px;font:16px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.demo-loading[hidden]{display:none}.demo-loading button{font:inherit;color:#2b2118;background:#f3e6c4;border:1px solid #c9b88f;border-radius:6px;margin-top:16px;padding:8px 14px}.demo-loading p{max-width:34em;margin:12px auto 0;line-height:1.5}@media (width<=640px){.demo-banner{height:auto;min-height:var(--demo-banner-height);justify-content:space-between;gap:10px;padding:6px 12px;font-size:13px}.demo-banner-text{white-space:normal}.demo-banner-extra{display:none}}body.storyshape-demo .saved-locally{font-size:0}body.storyshape-demo .saved-locally:after{content:"Demo · not saved";font-size:11px}