:root{--panel-width:clamp(260px, 22vw, 340px);--panel-background:#181c20;--panel-text:#8c92a4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html,body,#app{width:100%;height:100%;margin:0}.layout{height:100%;display:flex}.stage{flex:auto;min-width:0;position:relative;overflow:auto}.control-panel{flex:0 0 var(--panel-width);background:var(--panel-background);height:100%;color:var(--panel-text);flex-direction:column;font-size:12px;display:flex}.control-panel[data-hidden]{width:var(--panel-width);position:fixed;top:0;left:-10000px}.control-panel__header,.control-panel__footer{padding:10px 12px}.control-panel__header{color:#fefefe;border-bottom:1px solid #292d39;font-weight:600}.control-panel__version{color:var(--panel-text);font-weight:400}.control-panel__controls{flex:auto;overflow-y:auto}.control-panel__footer{border-top:1px solid #292d39}.loading{place-items:center;height:100%;display:grid}.loading__spinner{border:3px solid #6e6e6e55;border-top-color:#6e6e6e;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.error{color:#fefefe;box-sizing:border-box;background:#14171c;height:100%;padding:32px}@keyframes spin{to{transform:rotate(360deg)}}.demo{color:#fefefe;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.demo h1{margin:24px 0 0}.demo p{opacity:.7;margin:0}.demo__shape{transition:width .2s,height .2s,border-radius .2s}.demo__shape--spin{animation:4s linear infinite spin}