.console{position:relative}.console .base{display:flex;padding:12px 16px;border-radius:12px;overflow:hidden;position:relative;background:#6441a5;background-image:linear-gradient(90deg,#4a2f7b,transparent 3% 96%,#593a93 98.1% 99%,transparent),linear-gradient(0deg,#6441a5,transparent 3% 97%,#593a93 98% 99%,transparent,#4a2f7b);box-shadow:-3px 0 5px #6441a5 inset,3px 0 3px 1px #6441a5 inset,0 3px 3px #6441a5 inset,0 35px 20px -2px #00000014,0 55px 50px -5px #0000000d}.console .base .monitor{padding:12px;background:linear-gradient(to bottom,#ebeff9,#afb7c9);position:relative;border-radius:6px;box-shadow:inset 0 0 0 1px #293d29bf,inset -1px -1px 0 1px #ffffff80}.console .base .monitor-inner{position:relative;z-index:1;background-color:#253d2a;border-radius:4px;overflow:hidden;box-shadow:1px 1px 1px #ffffff80}.console .base .monitor-inner:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;box-shadow:inset 4px 8px 16px 4px #28325c54,inset 2px 2px 4px 2px #00000040;mix-blend-mode:multiply;z-index:2}.console .base .monitor-inner .filter-greenscreen{position:relative;z-index:1}.console .base .monitor-inner .filter-greenscreen:before{display:none;content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:#4a743c;opacity:.5;z-index:1}.console .base .monitor-inner .filter-greenscreen:after{display:none;content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:#78c45f;mix-blend-mode:multiply;z-index:1}.console .base .monitor-inner .filter-greenscreen.active:before,.console .base .monitor-inner .filter-greenscreen.active:after{display:block}.console .base .monitor-inner .filter-grayscale{position:relative;z-index:0}.console .base .monitor-inner .filter-grayscale.active{filter:grayscale(100%)}.console .base .buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-left:6px;padding:12px 8px;border-radius:6px 12px;background:#0003;box-shadow:1px 1px 1px #ffffff80}.console .base .buttons .circle-btn-wrapper{border-radius:50%;padding:2px;box-shadow:inset 0 2px 4px #00000080,1px 1px #ffffff4d}.console .base .buttons .circle-btn{display:block;width:24px;height:24px;border-radius:50%;position:relative;border:0;box-shadow:0 2px 4px #0000007a;background:linear-gradient(to bottom,#fff,#9da1aa);color:#0000005c;text-shadow:0 1px 1px white;cursor:pointer}.console .base .buttons .circle-btn:active{box-shadow:0 0 2px #0000006b;text-shadow:0 1px 1px rgba(255,255,255,.446);background:#999;transform:scale(.99)}.console .base .buttons .circle-btn:after{content:"";position:absolute;display:inline-block;left:50%;top:50%;width:24px;height:24px;background:linear-gradient(to bottom,#00000026,#ffffff2e 60%,#fff6);border-radius:50%;box-shadow:0 1px 1px #ffffffe6,0 -1px 1px #00000040;transform:translate(-50%,-50%)}.console .base .buttons .circle-btn:disabled{opacity:.3}.console .base .buttons .circle-btn:focus{outline:0}.console .base .buttons .circle-btn.special{background:linear-gradient(to bottom,#7853bd,#482e79);color:#74486e5c;text-shadow:0 1px 1px hsla(0,0%,100%,.75);cursor:pointer}.console .base .buttons .circle-btn.special:after{background:linear-gradient(to bottom,#74486e26,#ac7aa52e 60%,#b488ae66)}.console .base .buttons .circle-btn.special:active{box-shadow:0 0 2px #0000006b;text-shadow:0 1px 1px rgba(255,255,255,.446);background:#563c79;transform:scale(.99)}.json-editor{font-family:BoutiqueBitmap}.json-editor *{margin:0;box-sizing:border-box}.json-editor .field-container{position:relative}.json-editor .remove-btn{position:absolute;right:0;top:0;cursor:pointer;background-color:#9671dc;font-family:BoutiqueBitmap;color:#fff;text-align:center;border:none;font-size:10px;padding:0 0 1px 1px;height:13px;width:13px}.json-editor .add-btn{cursor:pointer;background-color:#9671dc;font-family:BoutiqueBitmap;color:#fff;text-align:center;border:none;font-size:10px;padding:6px 0}.json-editor .collapse-btn{cursor:pointer;background-color:transparent;font-family:BoutiqueBitmap;color:#fff;text-align:center;border:none;font-size:10px;padding:0 2px 0 0;height:13px;width:13px}.json-editor .hint-icon .hint-trigger{cursor:pointer;background-color:#9671dc;font-family:BoutiqueBitmap;color:#fff;text-align:center;border:none;font-size:10px;padding:2px 4px;height:14px;width:14px}
