.space-builder-app[data-v-e708749c]{--sb-rail:70px;width:100%;min-width:0;height:100%;min-height:100%;font-family:"Open Sans", var(--font-poppins,system-ui, sans-serif);color:#f3f3f4;color-scheme:dark only;forced-color-adjust:none;background:#212121;outline:none;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.space-builder-app[data-v-e708749c]:focus-visible{box-shadow:inset 0 0 0 2px #89ab24}.space-builder-app .rail[data-v-e708749c]{z-index:4;scrollbar-width:none;width:70px;min-height:0;transform:translateX(calc(var(--sb-rail) - 70px));background:#323232;flex-direction:column;align-items:stretch;transition:transform .25s;display:flex;position:absolute;inset:0 auto 0 0;overflow:hidden auto;box-shadow:2px 0 10px #00000059}@media (prefers-reduced-motion:reduce){.space-builder-app .rail[data-v-e708749c]{transition:none}}.space-builder-app .rail[data-v-e708749c]::-webkit-scrollbar{display:none}.space-builder-app .rail-logo[data-v-e708749c]{place-items:center;padding:.55rem .35rem .4rem;display:grid}.space-builder-app .rail-logo-img[data-v-e708749c]{object-fit:contain;width:2.35rem;height:2.35rem;display:block}.space-builder-app .tool[data-v-e708749c]{color:#a7b1c2;cursor:pointer;background:#323232;border:0;border-right:4px solid #323232;place-items:center;width:100%;padding:9px 0;line-height:1;display:grid}.space-builder-app .tool[data-v-e708749c]:hover:not(:disabled){color:#fff;background:#293846;border-right-color:#293846;box-shadow:0 0 .5rem #00000080}.space-builder-app .tool[data-v-e708749c]:focus-visible{outline-offset:-2px;outline:2px solid #89ab24}.space-builder-app .tool.active[data-v-e708749c]{color:#fff;background:#293846;border-right-color:#89ab24;box-shadow:0 0 .5rem #00000080}.space-builder-app .tool.active[data-v-e708749c]:hover:not(:disabled){border-right-color:#89ab24}.space-builder-app .tool.muted[data-v-e708749c],.space-builder-app .tool[data-v-e708749c]:disabled{color:#ffffff40;opacity:1;cursor:default;box-shadow:none}.space-builder-app .tool.muted[data-v-e708749c]:hover,.space-builder-app .tool[data-v-e708749c]:disabled:hover{color:#ffffff40;box-shadow:none;background:#323232;border-right-color:#323232}.space-builder-app .tool.is-demo-target[data-v-e708749c]{color:#fff;background:#293846;border-right-color:#89ab24}.space-builder-app .rail-sep[data-v-e708749c]{background-image:url(/demos/space-builder/separator.svg);background-position:50%;background-repeat:repeat-x;height:5px;margin:.75em 0;display:block}.space-builder-app .tool-icon[data-v-e708749c]{background-color:currentColor;width:1.35rem;height:1.35rem;display:block;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.space-builder-app .viewport[data-v-e708749c]{touch-action:none;background:#212121;grid-area:1/1;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.space-builder-app .scene-canvas[data-v-e708749c]{touch-action:none;width:100%;max-width:none;height:100%;display:block}.space-builder-app .label-host[data-v-e708749c]{pointer-events:none;position:absolute;inset:0}.space-builder-app .fallback[data-v-e708749c],.space-builder-app .boot-cover[data-v-e708749c]{z-index:6;text-align:center;color:#ced4da;background:#212121;place-content:center;justify-items:center;gap:.75rem;padding:1rem;font-size:.85rem;display:grid;position:absolute;inset:0}.space-builder-app .fallback.error[data-v-e708749c],.space-builder-app .boot-cover.error[data-v-e708749c]{background:#292929}.space-builder-app .spinner[data-v-e708749c]{border:4px solid #89ab24;border-top-color:#0000;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite sb-spin-e708749c}@media (prefers-reduced-motion:reduce){.space-builder-app .spinner[data-v-e708749c]{border-color:#89ab24;animation:none}}.space-builder-app .flash[data-v-e708749c]{pointer-events:none;z-index:5;justify-content:center;display:flex;position:absolute;top:.45rem;left:0;right:0}.space-builder-app .flash .flash-message[data-v-e708749c]{color:#31708f;text-align:center;background:#d9edf7;border:1px solid #bce8f1;border-radius:.25rem;width:min(80%,28rem);margin:0;padding:.55rem .9rem;font-size:.85rem;box-shadow:0 2px 8px #00000040}.space-builder-app .restart-btn[data-v-e708749c]{z-index:5;color:#f4ffe8;font:700 .68rem/1.3 var(--font-poppins,system-ui, sans-serif);cursor:pointer;white-space:nowrap;background:oklab(32.6408% -.0217894 .0330387);border:1px solid #89ab24;border-radius:.25rem;align-items:center;gap:.3rem;padding:.28rem .6rem .28rem .5rem;display:inline-flex;position:absolute;top:.55rem;right:.55rem}.space-builder-app .restart-btn[data-v-e708749c]:hover:not(:disabled){background:oklab(39.9477% -.034863 .052862)}.space-builder-app .restart-btn[data-v-e708749c]:disabled{opacity:.5;cursor:default}.space-builder-app .toasts[data-v-e708749c]{pointer-events:none;z-index:5;flex-direction:column;gap:.35rem;display:flex;position:absolute;bottom:.75rem;left:50%;translate:-50%}.space-builder-app .toast[data-v-e708749c]{color:#fff;background:#1ab394eb;border-radius:.25rem;padding:.45rem .85rem;font-size:.78rem;font-weight:600;transition:opacity .3s,translate .3s;box-shadow:0 2px 8px #0000004d}.space-builder-app .toast.leaving[data-v-e708749c]{opacity:0;translate:0 .35rem}.space-builder-app .sidebar[data-v-e708749c]{z-index:4;color:#f3f3f4;background:#323232;flex-direction:column;grid-area:1/2;width:min(17.5rem,46vw);min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:-4px 0 16px #0006}.space-builder-app .sidebar-header[data-v-e708749c]{border-bottom:1px solid #565656;flex:none;align-items:center;gap:.5rem;padding:.45rem .65rem;display:flex}.space-builder-app .sidebar-close[data-v-e708749c]{color:#dfe4ea;cursor:pointer;background:0 0;border:0;place-items:center;padding:.2rem;display:grid}.space-builder-app .sidebar-close[data-v-e708749c]:hover{color:#89ab24}.space-builder-app .sidebar-title[data-v-e708749c]{text-align:right;flex:1;margin:0;font-size:.95rem;font-weight:600}.space-builder-app .sidebar-body[data-v-e708749c]{scrollbar-width:thin;flex:auto;min-height:0;padding:.75rem;overflow:hidden auto}.space-builder-app .sidebar-footer[data-v-e708749c]{background:#323232;border-top:1px solid #565656;flex:none;align-items:center;gap:.45rem;min-height:0;padding:.45rem .75rem;display:flex}.space-builder-app .dnd-hint[data-v-e708749c]{color:#ced4da;white-space:nowrap;margin-right:auto;font-size:.78rem}.space-builder-app .dnd-hint strong[data-v-e708749c]{color:#fff;font-weight:700}.space-builder-app .dnd-hint em[data-v-e708749c]{opacity:.85;margin:0 .35rem;font-style:italic}.space-builder-app .action[data-v-e708749c]{font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:.35rem;padding:.32rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.space-builder-app .action[data-v-e708749c]:disabled{opacity:.45;cursor:not-allowed}.space-builder-app .action.is-demo-target[data-v-e708749c]{box-shadow:0 0 0 2px #89ab24}.space-builder-app .action--primary[data-v-e708749c]{color:#fff;background:#89ab24;border-color:#89ab24}.space-builder-app .action--primary[data-v-e708749c]:hover:not(:disabled){filter:brightness(.95)}.space-builder-app .action--muted[data-v-e708749c]{color:#fff;background:#6c757d;border-color:#6c757d;flex:1}.space-builder-app .action--save[data-v-e708749c]{flex:1.4;padding-block:.55rem;font-size:.9rem}@container (width<=34rem){.space-builder-app .sidebar[data-v-e708749c]{width:min(11rem,68cqw)}.space-builder-app[data-v-e708749c]:not([data-panel=closed]){--sb-rail:0px}}@keyframes sb-spin-e708749c{to{transform:rotate(360deg)}}.space-builder-tag{color:#fff;font-family:"Open Sans", var(--font-poppins,system-ui, sans-serif);white-space:nowrap;pointer-events:none;background:#192915d9;border:2px solid #a2ce3bd9;border-radius:10px;padding:0 .45rem;font-size:.85rem;font-weight:800}.space-builder-demo-cursor{z-index:30;transform-origin:12% 8%;pointer-events:none;width:56px;height:56px;transition:left .55s cubic-bezier(.22,1,.36,1),top .55s cubic-bezier(.22,1,.36,1),opacity .32s,scale .12s;position:absolute;translate:-12% -8%}.space-builder-demo-cursor--fading{opacity:0}.space-builder-demo-cursor--dragging{transition:none}.space-builder-demo-cursor--clicking{scale:.88}.space-builder-demo-cursor svg{filter:drop-shadow(0 1px 1px #00000040);display:block}