*,*:before,*:after{box-sizing:border-box}body{font-family:sans-serif;margin:0;padding:0;background-color:#000}.App{max-width:1000px;margin:20px auto;padding:1rem;background-color:#000;color:#fff;border-radius:8px}.App h1{text-align:center}.app-disclaimer{font-size:.9rem;color:#aaa;text-align:center;margin-top:-.5rem;margin-bottom:1.5rem}.app-disclaimer a{color:#61dafb;text-decoration:none}.app-disclaimer a:hover{text-decoration:underline}.load-area{border:2px dashed #555;border-radius:8px;padding:1rem;margin-bottom:1rem;background-color:#3a3f4a;text-align:center}.load-area.drag-over{background-color:#4a4f5a;border-color:#61dafb}.load-area textarea{width:95%;background-color:#1e1e1e;color:#eee;border:1px solid #555;border-radius:4px;font-family:monospace}.load-area input[type=file]{margin-top:.5rem}.editor-container{display:flex;flex-direction:column;gap:1rem}.main-editor-area{display:flex;flex-direction:row;gap:1rem}.viewer-wrapper{flex:2;min-width:0}.editing-panels-wrapper{flex:1;display:flex;flex-direction:column;gap:1rem}.controls-panel{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;background-color:#3a3f4a;padding:.5rem;border-radius:4px}.controls-panel label{margin-right:.25rem;font-size:21px}.controls-panel input,.controls-panel select,.controls-panel button{font-size:21px;padding:6px 12px;border-radius:4px;border:none;margin-right:4px;cursor:pointer}.controls-panel input[type=range]{flex:1;min-width:80px;padding:0;margin:0 5px}.controls-panel button:disabled{opacity:.5;cursor:not-allowed}.controls-panel input[type=text]{background-color:#eee}.controls-panel button{background-color:#ddd;color:#000}.controls-panel button:hover:not(:disabled){background-color:#ccc}.coord-editor input[type=number]{width:100px}.load-buttons{display:flex;justify-content:center;gap:1rem;margin-top:.5rem}.load-buttons button{font-size:24px;padding:12px 24px;font-weight:700}.visualize-btn{background-color:#4caf50;color:#fff}.visualize-btn:hover{background-color:#45a049}.reset-btn{background-color:#f44336;color:#fff}.reset-btn:hover{background-color:#da190b}.animation-controls{display:flex;align-items:center;gap:1rem;background-color:#3a3f4a;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem}.animation-controls button{font-size:18px;padding:6px 12px;border-radius:4px;border:none;cursor:pointer;background-color:#61dafb;color:#000}.animation-controls button:hover{background-color:#a1eaff}.animation-controls label{font-size:18px;white-space:nowrap}.animation-controls .frame-slider{flex-grow:1;width:100%}