:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:#000;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#viewport{width:100%;height:100%;display:block;position:absolute;inset:0}#ui-root{pointer-events:none;position:absolute;inset:0}#ui-root>*{pointer-events:auto}.vp-panel{color:#101010;-webkit-user-select:none;user-select:none;background:#c3c7cb;border:2px solid #6b6f73;border-color:#f4f6f8 #6b6f73 #6b6f73 #f4f6f8;flex-direction:column;width:300px;font-family:Courier New,DejaVu Sans Mono,monospace;font-size:12px;display:flex;position:absolute;top:44px;bottom:10px;right:10px;box-shadow:2px 2px #00000059}.vp-menubar{background:#c3c7cb;border:2px solid #6b6f73;border-color:#f4f6f8 #6b6f73 #6b6f73 #f4f6f8;gap:4px;padding:3px;font-family:Courier New,DejaVu Sans Mono,monospace;display:flex;position:absolute;top:8px;left:8px;box-shadow:2px 2px #00000059}.vp-menu-item{cursor:pointer;color:#101010;background:#c3c7cb;border:2px solid #6b6f73;border-color:#f4f6f8 #6b6f73 #6b6f73 #f4f6f8;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:700}.vp-menu-item:active{border:2px solid #f4f6f8;border-color:#6b6f73 #f4f6f8 #f4f6f8 #6b6f73}.vp-titlebar{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(90deg,#00007b,#1c7fd6);justify-content:space-between;align-items:center;padding:4px 8px;font-weight:700;display:flex}.vp-titlebar .vp-sub{opacity:.85;font-size:10px;font-weight:400}.vp-scroll{flex:1;padding:6px;overflow:hidden auto}.vp-scroll::-webkit-scrollbar{width:12px}.vp-scroll::-webkit-scrollbar-track{background:#a8acb0}.vp-scroll::-webkit-scrollbar-thumb{background:#c3c7cb;border:2px solid #6b6f73;border-color:#f4f6f8 #6b6f73 #6b6f73 #f4f6f8}.vp-group{background:#bdc1c5;border:1px solid #6b6f73;border-color:#f4f6f8 #6b6f73 #6b6f73 #f4f6f8;margin-bottom:6px}.vp-group-header{color:#101010;cursor:pointer;text-transform:uppercase;background:#b0b4b8;border:1px solid #6b6f73;border-color:#f4f6f8 #6b6f73 #6b6f73 #f4f6f8;justify-content:space-between;padding:3px 6px;font-size:11px;font-weight:700;display:flex}.vp-group-body{padding:6px}.vp-group.collapsed .vp-group-body{display:none}.vp-row{align-items:center;gap:6px;margin:3px 0;display:flex}.vp-label{white-space:nowrap;text-overflow:ellipsis;flex:0 0 88px;overflow:hidden}.vp-row input[type=range]{appearance:none;background:#a8acb0;border:2px solid #f4f6f8;border-color:#6b6f73 #f4f6f8 #f4f6f8 #6b6f73;flex:1;min-width:0;height:14px}.vp-row input[type=range]::-webkit-slider-thumb{appearance:none;background:#c3c7cb;border:2px solid #6b6f73;border-color:#f4f6f8 #6b6f73 #6b6f73 #f4f6f8;width:12px;height:18px;margin-top:-2px}.vp-row input[type=range]::-moz-range-thumb{background:#c3c7cb;border:2px solid #6b6f73;border-color:#f4f6f8 #6b6f73 #6b6f73 #f4f6f8;border-radius:0;width:12px;height:18px}.vp-row input[type=number],.vp-row select{color:#d7e6da;font-variant-numeric:tabular-nums;background:#15181c;border:2px solid #f4f6f8;border-color:#6b6f73 #f4f6f8 #f4f6f8 #6b6f73;flex:1;min-width:0;padding:2px 4px;font-family:inherit;font-size:12px}.vp-row select option{color:#d7e6da;background:#15181c}.vp-row input[type=color]{background:#eef0f2;border:1px solid #6b6f73;flex:0 0 40px;height:20px;padding:0}.vp-readout{text-align:right;font-variant-numeric:tabular-nums;color:#d7e6da;background:#15181c;border:2px solid #f4f6f8;border-color:#6b6f73 #f4f6f8 #f4f6f8 #6b6f73;flex:0 0 46px;padding:2px 4px}.vp-actions{grid-template-columns:1fr 1fr;gap:4px;display:grid}.vp-btn{cursor:pointer;color:#101010;text-transform:uppercase;background:#c3c7cb;border:2px solid #6b6f73;border-color:#f4f6f8 #6b6f73 #6b6f73 #f4f6f8;padding:4px 6px;font-family:inherit;font-size:11px}.vp-btn:active{border:2px solid #f4f6f8;border-color:#6b6f73 #f4f6f8 #f4f6f8 #6b6f73}.vp-btn.vp-btn-wide{grid-column:1/-1}.vp-btn.vp-primary{font-weight:700}.vp-hint{color:#eef0f2;pointer-events:none;background:#00000073;border:1px solid #ffffff40;padding:4px 8px;font-family:Courier New,monospace;font-size:11px;position:absolute;bottom:12px;right:12px}.vp-btn.vp-toggle{text-align:center;flex:1;min-width:0}.vp-btn.vp-on{color:#fff;background:#1c7fd6;border:2px solid #f4f6f8;border-color:#6b6f73 #f4f6f8 #f4f6f8 #6b6f73}.vp-btngroup{flex:1;gap:3px;min-width:0;display:flex}.vp-btn.vp-btn-mini{text-align:center;flex:1;padding:3px 0}.vp-readout.vp-readout-wide{text-align:right;color:#7dff9b;background:#23262b;border:2px solid #f4f6f8;border-color:#6b6f73 #f4f6f8 #f4f6f8 #6b6f73;flex:1;padding:2px 5px}