*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020307}.app{background:#020307;width:100%;height:100vh;font-family:Courier New,Courier,monospace;position:relative;overflow:hidden}.canvas-mount{cursor:crosshair;width:100%;height:100%;position:relative}.canvas-surface{width:100%;height:100%}.grid-tooltip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.12em;color:#8cc8fff2;white-space:nowrap;background:#050e1eb8;border:1px solid #3c78c859;border-radius:3px;margin:0;padding:8px 14px;font-size:11px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title-block{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:28px;left:32px}.title-main{letter-spacing:.3em;color:#8cc8ff;margin-bottom:6px;font-size:20px}.title-sub{letter-spacing:.18em;color:#639fddb5;font-size:11px;font-weight:600}.controls-panel{flex-direction:column;gap:10px;min-width:210px;font-weight:600;display:flex;position:absolute;top:24px;right:28px}.controls-heading{letter-spacing:.25em;color:#508cc8e6;margin-bottom:2px;font-size:12px}.mass-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050e1ebf;border:1px solid #7596c34f;border-radius:3px;padding:8px 10px}.mass-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.mass-label{letter-spacing:.2em;color:#dbdfe4cc;font-size:10px}.mass-value{letter-spacing:.12em;color:#a0d2ff;margin-left:8px;font-size:11px}.mass-remove{color:#d6cdcdf0;letter-spacing:.15em;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:2px;margin-left:auto;padding:2px 6px;font-family:inherit;font-size:9px;transition:all .15s}.mass-remove:hover{color:#ff6464e6;border-color:#ff5050b3}.mass-slider-wrap{position:relative}.mass-slider{appearance:none;cursor:pointer;background:linear-gradient(to right, #64b4ffb3 var(--fill,0%), #28508c4d 0%);border-radius:1px;outline:none;width:100%;height:2px}.mass-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#8cc8ffd9;border:none;border-radius:50%;width:10px;height:10px;box-shadow:0 0 6px #64b4ff99}.mass-slider::-moz-range-thumb{cursor:pointer;background:#8cc8ffd9;border:none;border-radius:50%;width:10px;height:10px}.mass-slider-labels{justify-content:space-between;margin-top:4px;display:flex}.mass-slider-bound{color:#71b3f5e6;letter-spacing:.1em;font-size:11px}.hint{text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.2em;color:#5082becc;white-space:nowrap;background:#0006;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}