body{margin:0;overflow:hidden;background-color:#1a1a2e;font-family:sans-serif;color:#fff}#canvas-container{width:100vw;height:100vh;display:block}#ui-container{position:absolute;top:10px;right:10px;width:260px;background:#000c;padding:15px;border-radius:8px;max-height:90vh;overflow-y:auto}h3{margin-top:0;font-size:14px;border-bottom:1px solid #555;padding-bottom:5px}.control-group{margin-bottom:15px}label{display:block;font-size:12px;margin:5px 0 2px;color:#ccc}input[type=range],select{width:100%;margin-bottom:5px}input[type=color]{width:100%;height:25px;border:none;padding:0}.input-row{display:flex;gap:5px}.input-row input{width:33%;background:#333;border:1px solid #555;color:#fff;padding:4px;border-radius:4px}#drop-zone{border:2px dashed #555;padding:20px;text-align:center;font-size:12px;color:#aaa;cursor:pointer;border-radius:4px;transition:.3s}#drop-zone.drag-over{background:#ffffff1a;border-color:#fff}