.vb-viewport{aspect-ratio:760/624;min-height:0;position:relative}.bd-live .vb-viewport{margin-top:auto;margin-bottom:auto}@media (min-width:1024px){.vb-viewport{aspect-ratio:1180/624}.bd-live .vb-viewport{aspect-ratio:auto;flex:1;margin:0}}.vb-stage{width:760px;height:624px;transform:translate(-50%, -50%) scale(var(--s,.45));transform-origin:50%;position:absolute;top:50%;left:50%}@media (min-width:1024px){.vb-stage{width:1180px}}.vb-app{background:#070b17;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 90px -30px #000c,0 0 0 1px #1c4fe814}.vb-toolbar{background:#0a0f1f;border-bottom:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:10px;height:40px;padding:0 12px;display:flex}.vb-tool{color:#5b6478;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .2s,color .2s;display:flex}.vb-tool.is-active{color:#f4f7fb;background:#1c4fe847}.vb-pub{color:#22c55e;height:26px;font-family:var(--font-manrope), sans-serif;white-space:nowrap;background:#22c55e24;border:1px solid #22c55e73;border-radius:7px;align-items:center;padding:0 12px;font-size:11px;font-weight:700;display:flex}.vb-body{flex-shrink:0;height:560px;display:flex}.vb-canvas-wrap{flex-shrink:0;width:760px;height:560px;position:relative}.vb-canvas-wrap .bd-browser{box-shadow:none;border:0;border-radius:0}.vb-side{background:#0a0f1f;flex-shrink:0;padding:12px 10px;display:none;overflow:hidden}@media (min-width:1024px){.vb-side{display:block}}.vb-layers{border-right:1px solid #ffffff12;width:190px}.vb-props{border-left:1px solid #ffffff12;width:230px}.vb-h{font-family:var(--font-jetbrains), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;color:#5b6478;margin:0 0 8px;padding:0 4px;font-size:9px}.vb-layer{height:22px;font-family:var(--font-manrope), sans-serif;color:#b5bdcc;white-space:nowrap;border-radius:5px;align-items:center;gap:7px;padding:0 6px;font-size:10.5px;transition:background-color .15s,color .15s;display:flex}.vb-layer.is-group{color:#8892a6;font-weight:600}.vb-layer.is-active{color:#f4f7fb;background:#1c4fe83d}.vb-layer-ic{width:11px;font-family:var(--font-jetbrains), ui-monospace, monospace;color:#5b6478;justify-content:center;font-size:9px;display:inline-flex}.vb-field{height:26px;font-family:var(--font-jetbrains), ui-monospace, monospace;color:#d6dce8;white-space:nowrap;background:#ffffff09;border:1px solid #ffffff0d;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;padding:0 8px;font-size:10px;display:flex;overflow:hidden}.vb-field-k{color:#5b6478}.vb-sep{background:#ffffff0f;height:1px;margin:12px 0}.vb-statusbar{height:24px;font-family:var(--font-jetbrains), ui-monospace, monospace;color:#8892a6;background:#0a0f1f;border-top:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 12px;font-size:9.5px;display:flex}.vb-sel{z-index:25;pointer-events:none;opacity:0;visibility:hidden;border:1.5px solid #3b82f6;border-radius:3px;position:absolute;top:0;left:0}.vb-sel>i{background:#f4f7fb;border:1.5px solid #3b82f6;border-radius:1px;width:7px;height:7px;position:absolute}.vb-sel>i:first-of-type{top:-4px;left:-4px}.vb-sel>i:nth-of-type(2){top:-4px;right:-4px}.vb-sel>i:nth-of-type(3){bottom:-4px;left:-4px}.vb-sel>i:nth-of-type(4){bottom:-4px;right:-4px}.vb-sel-tag{color:#fff;font-family:var(--font-jetbrains), ui-monospace, monospace;white-space:nowrap;background:#1c4fe8;border-radius:3px 3px 0 0;padding:2px 6px;font-size:9px;position:absolute;top:-19px;left:-1.5px}.vb-cursor{z-index:30;pointer-events:none;opacity:0;visibility:hidden;position:absolute;top:0;left:0}.vb-arrow{transform-origin:0 0;filter:drop-shadow(0 2px 4px #00000080);display:block}.vb-cursor-tag{color:#fff;font-family:var(--font-manrope), sans-serif;white-space:nowrap;background:#1c4fe8;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:700;position:absolute;top:17px;left:15px}.vb-ring{opacity:0;border:2px solid #60a5fa;border-radius:50%;width:22px;height:22px;position:absolute;top:-11px;left:-11px}