.control-panel{position:absolute;top:20px;right:20px;width:320px;background:#1a1a2ef2;border-radius:12px;padding:20px;color:#fff;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);max-height:calc(100vh - 40px);overflow-y:auto}.panel-header{margin-bottom:20px;border-bottom:2px solid rgba(52,152,219,.5);padding-bottom:15px}.panel-header h2{font-size:20px;font-weight:600;margin-bottom:5px;color:#3498db}.panel-header p{font-size:12px;color:#95a5a6;margin:0}.controls{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;color:#ecf0f1}.control-group .value{font-family:Courier New,monospace;color:#3498db;font-weight:600}.control-group input[type=range]{width:100%;height:6px;background:#ffffff1a;outline:none;border-radius:3px;-webkit-appearance:none}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#3498db;cursor:pointer;border-radius:50%;transition:all .2s}.control-group input[type=range]::-webkit-slider-thumb:hover{background:#5dade2;transform:scale(1.1)}.control-group input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#3498db;cursor:pointer;border-radius:50%;border:none;transition:all .2s}.control-group input[type=range]::-moz-range-thumb:hover{background:#5dade2;transform:scale(1.1)}.reset-button{width:100%;padding:12px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;margin-bottom:20px}.reset-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c66}.reset-button:active{transform:translateY(0)}.info{border-top:1px solid rgba(255,255,255,.1);padding-top:15px}.info h3{font-size:14px;font-weight:600;margin-bottom:8px;color:#3498db}.info p{font-size:12px;line-height:1.6;color:#bdc3c7;margin:0}.control-panel::-webkit-scrollbar{width:6px}.control-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.control-panel::-webkit-scrollbar-thumb{background:#3498db80;border-radius:3px}.control-panel::-webkit-scrollbar-thumb:hover{background:#3498dbb3}.app{width:100%;height:100%;position:relative;background:linear-gradient(to bottom,#1a1a2e,#16213e)}.canvas-container{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100vw;height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}