body{align-items:center;background-color:#1a1a1a;color:#e0e0e0;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:0;text-align:center}#app-container{background-color:#282c34;border-radius:10px;padding:20px}h1{color:#61dafb}canvas{border:2px solid #61dafb;border-radius:8px;cursor:crosshair;margin-top:20px}.controls{flex-direction:column;gap:15px;margin-top:20px}.control-group,.controls{align-items:center;display:flex}.control-group{gap:10px}label{font-size:16px;text-align:right;width:120px}input[type=range]{width:250px}input[type=checkbox]{height:20px;width:20px}button,select{background-color:#20232a;border:1px solid #61dafb;border-radius:5px;color:#e0e0e0;cursor:pointer;font-size:16px;padding:8px}.ui-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;display:flex;height:100vh;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:1000}.ui-card{background:#141414e6;border:1px solid #444;border-radius:4px;box-shadow:0 0 20px #00000080;color:#e0e0e0;font-family:Courier New,Courier,monospace;letter-spacing:1px;padding:40px 60px;text-align:center}.ui-card h1{color:#fff;font-size:2.5rem;letter-spacing:4px;margin:0 0 10px;text-transform:uppercase}.start-prompt{animation:pulse 2s infinite;color:#61dafb;font-size:1.2rem;margin-bottom:40px;text-transform:uppercase}button.start-button{background:#0000;border:2px solid #0000;cursor:pointer;font-family:inherit;padding:10px 20px;pointer-events:auto;transition:all .2s ease}button.start-button:hover{background:#61dafb0d;border-radius:4px;text-shadow:0 0 10px #61dafb80}button.start-button:focus-visible{background:#61dafb1a;border-color:#61dafb;border-radius:4px;outline:none}.controls-section{flex-direction:column;gap:15px}.control-row,.controls-section{align-items:center;display:flex;width:100%}.control-row{gap:20px;justify-content:space-between}.keys{display:flex;gap:5px}.key{background:#333;border:1px solid #666;border-radius:2px;color:#fff;display:inline-block;font-size:1rem;font-weight:700;min-width:20px;padding:6px 12px}.key-wide{padding:6px 20px}.action{color:#aaa;font-size:.9rem;text-transform:uppercase}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.loader-overlay{align-items:center;background-color:#0f0f0f;color:#e0e0e0;display:flex;font-family:Courier New,Courier,monospace;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.loader-content{align-items:flex-start;display:flex;flex-direction:column;max-width:90%;width:400px}.loader-header{border-bottom:1px solid #333;color:#666;font-size:.8rem;letter-spacing:2px;margin-bottom:10px;padding-bottom:5px;width:100%}.loader-text{color:#61dafb;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-bottom:15px}.loader-bar{background:#333;height:4px;margin-bottom:10px;overflow:hidden;position:relative;width:100%}.loader-bar-fill{background:#61dafb;box-shadow:0 0 10px #61dafb80;height:100%;transition:width .2s ease-out}.loader-item{color:#888;font-size:.7rem;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.crosshair{background-color:#fffc;border-radius:50%;box-shadow:0 0 4px #00000080;height:6px;left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);transition:width .2s,height .2s,background-color .2s;width:6px;z-index:100}
/*# sourceMappingURL=main.dc31ba2a.css.map*/