:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;height:100vh}.app-container{display:flex;width:100%;height:100%}.canvas-container{flex:1;height:100%;background:#1a1a1a}.controls-container{width:300px;padding:20px;background:#2a2a2a;border-left:1px solid #3a3a3a;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:#ccc}input[type=range]{width:100%}.file-upload{padding:10px;background:#3a3a3a;border-radius:4px;cursor:pointer;text-align:center}.file-upload input{display:none}button{padding:10px;background:#646cff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700}button:hover{background:#535bf2}.instructions{margin-top:auto;font-size:.8rem;color:#888}.instructions p{margin:4px 0}